Fork me on GitHub






jquery : Featured Content Slider et Morphogenesis
Team FrXoops
Inscrit: 24/11/2008 00:42
De Argenteuil
Messages: 987
Bonjour,

Je fais une tentative pour inclure jquery : Featured Content Slider dans le xo_homepage du gabarit Morphogenesis (utilisé dans le maitsco-portal de Mariane).
Pour le moment j'ai:
- Mis les bibliothèques jquery.min.js et jquery-ui.min.js dans le répertoire \morphogenesis\js
- Créé la page \morphogenesis\xotpl\xo_slideshow.html contenant les div (pour les images, les liens, les miniatures).
- Mis l'include <{includeq file="$theme_name/xo_slideshow.html"}> dans la partie xo-homepage dans \morphogenesis\xotpl\xo_homepage.html
- Mis ce bout de code dans \morphogenesis\xotpl\xo_scripts.html
<{if $xoops_dirname != "publisher"}>
<
script type="text/javascript" src="<{$xoops_imageurl}>js/jquery.min.js"></script>
<{/if}>

<script type="text/javascript" src="<{$xoops_imageurl}>js/jquery-ui.min.js"></script>

<script type="text/javascript">
   jQuery.noConflict();  
 jQuery(document).ready(function($){
  $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
 });
</script>

- Créé la page morphogenesis\css\slideshow.css contenant le style pour #featured{, #featured ul.ui-tabs-nav{, #featured ul.ui-tabs-nav li{,#featured ul.ui-tabs-nav li span{,...

Les images, les textes et les liens s'affichent. Par contre le style ne semble pas être pris en compte.
Je pensais peut être naïvement qu'il suffisait de mettre une page de style dans le répertoire adéquate pour qu'elle s'applique.
S'il faut ajouter un
<link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{??? slideshow.css}>" />

Je ne vois où le mettre et comment.

Avez vous une idée pour résoudre mon problème d'affichage?
Merci
Franck

Posté le : 27/03/2011 23:43
Partager Twitter Partagez cette article sur GG+
Re: jquery : Featured Content Slider et Morphogenesis
Team FrXoops
Inscrit: 24/11/2008 00:42
De Argenteuil
Messages: 987
Bonjour,

J'ai trouvé la solution à mon problème.
Pour incorporer la feuille de style spécifique du slideshow, il faut éditer la feuille de style \morphogenesis\css\style.css et ajouter:
@import url(slideshow.css);

Posté le : 28/03/2011 22:08
Partager Twitter Partagez cette article sur GG+
Re: jquery : Featured Content Slider et Morphogenesis
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
bonjour,

ou
<link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoopsImgUrl css/slideshow.css}>" />

en considérant que la feuille de style est dans le dossier "css" du thème

ensuite pour les jquery, si tu utilises xoops 2.5.0, dans la partie head de theme.html
tu ajoutes :
<{php}>
/** add JQuery and JQuery UI */
    
global $xoTheme
        
$xoTheme->addScript("browse.php?Frameworks/jquery/jquery.js");
        
$xoTheme->addScript("browse.php?Frameworks/jquery/plugins/jquery.ui.js");
        
$this->assign('xoops_module_header'$xoTheme->renderMetas(nulltrue)); 
<{/
php}>

Posté le : 28/03/2011 22:50

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Re: jquery : Featured Content Slider et Morphogenesis
Team FrXoops
Inscrit: 24/11/2008 00:42
De Argenteuil
Messages: 987
Bonjour,

Merci pour ces informations complémentaires.
Citation :

Kris a écrit :
<link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoopsImgUrl css/slideshow.css}>" />

en considérant que la feuille de style est dans le dossier "css" du thème

Je suppose que cette insertion de feuille de style est a mettre dans ma page xo_slideshow.html

Citation :

Kris a écrit :ensuite pour les jquery, si tu utilises xoops 2.5.0, dans la partie head de theme.html
tu ajoutes :
<{php}>
/** add JQuery and JQuery UI */
    
global $xoTheme
        
$xoTheme->addScript("browse.php?Frameworks/jquery/jquery.js");
        
$xoTheme->addScript("browse.php?Frameworks/jquery/plugins/jquery.ui.js");
        
$this->assign('xoops_module_header'$xoTheme->renderMetas(nulltrue)); 
<{/
php}>

Voyons si j'ai bien compris. Il y a les bibliothèques jquery de fourni avec xoops 2.5.x et il faut donc y faire appel? Ce code est toujours à garder dans \morphogenesis\xotpl\xo_scripts.html à la place de:
<{if $xoops_dirname != "publisher"}> 
<
script type="text/javascript" src="<{$xoops_imageurl}>js/jquery.min.js"></script> 
<{/if}> 

<script type="text/javascript" src="<{$xoops_imageurl}>js/jquery-ui.min.js"></script>



Posté le : 29/03/2011 07:39
Partager Twitter Partagez cette article sur GG+
Re: jquery : Featured Content Slider et Morphogenesis
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
yep, j'ai oublié d'ajouter des précisions :
1/ dans xo_metas.html
2/ dans theme.html, juste avant l'include du "canvas_template"
3/ tu peux retirer le code concernant le module publisher

Posté le : 29/03/2011 07:50

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

119 Personne(s) en ligne (95 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 119 | Plus ...