Fork me on GitHub






Xoops 2.5 Jgrowl.js et le theme Maitscocorporate
Régulier
Inscrit: 11/10/2010 10:47
Messages: 204
Bonjour a tous (enneigé Brrrr)

J'utilise le theme Maitscocorporate et Xoops 2.5

J'aurais aimé utiliser le jgrowl pour l'affichage des messages.

Tout se passe bien jusqu'a l'affichage du message, et là le slide dans le header se bloque sur noir.
Apres avoir actualisé la page, tout se passe a nouveau correctement.

Le theme possede un repertoire js avec :
curvycorners.src.js
jquery.easing.1.3.js
jquery.js
s3Slider.js

J'y ai supprimé le jquery.js pensant que cela faisait doublon : Situation identique...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">
<
head>
    <!-- 
Assign Theme name -->
    <{
assign var=theme_name value=$xoTheme->folderName}>

    <!-- 
Title and meta -->
    <
meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <
meta http-equiv="content-language" content="<{$xoops_langcode}>" />
    <
meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
    <
title><{if $xoops_pagetitle !=''}><{$xoops_pagetitle}> - <{/if}><{$xoops_sitename}></title>
    <
meta name="robots" content="<{$xoops_meta_robots}>" />
    <
meta name="keywords" content="<{$xoops_meta_keywords}>" />
    <
meta name="description" content="<{$xoops_meta_description}>" />
    <
meta name="rating" content="<{$xoops_meta_rating}>" />
    <
meta name="author" content="<{$xoops_meta_author}>" />
    <
meta name="copyright" content="<{$xoops_meta_copyright}>" />
    <
meta name="generator" content="XOOPS" />

    <!-- 
Rss -->
    <
link rel="alternate" type="application/rss+xml" title="" href="<{xoAppUrl backend.php}>" />

    <!-- 
Favicon -->
    <
link rel="shortcut icon" type="image/ico" href="<{xoImgUrl icons/favicon.ico}>" />
    <
link rel="icon" type="image/png" href="<{xoImgUrl icons/favicon.png}>" />

    <!-- 
Sheet Css -->
    <
link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoAppUrl xoops.css}>" />
    <
link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoImgUrl style.css}>" />
    <
link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css"/>
    <!--[if 
lte IE 8]>
    <
link rel="stylesheet" href="<{xoImgUrl styleIE8.css}>" type="text/css" />
    <![endif]-->
    
    <!-- 
JS -->
    <{if 
$xoops_dirname != "publisher"}>
    <
script type="text/javascript" src="<{$xoops_url}>/browse.php?Frameworks/jquery/jquery.js"</script>
    <script type="text/javascript" src="<{$xoops_imageurl}>js/curvycorners.src.js"> </script>
    <{/if}>
    <script type="text/javascript" src="<{$xoops_imageurl}>js/s3Slider.js"> </script>
    
    
    
    
<!--<script src="http://cdn.wibiya.com/Toolbars/dir_0628/Toolbar_628250/Loader_628250.js" type="text/javascript"></script>-->
    
    
    
    

    <!-- customized header contents -->
    <{$xoops_module_header}>
<script type="text/javascript">
   jQuery.noConflict();  
jQuery(document).ready(function($) {
        $('#slider1').s3Slider({
            timeOut: 5000 
        });
    });
</script>  
<script type="text/javascript"> 
var curvyCornersVerbose = false; 
</script>  
</head>
<body id="<{$xoops_dirname}>" class="<{$xoops_langcode}>">
<div class="wrapper"> 
<!-- Start Header -->
<div id="topheader">
<table border="0" width="100%" cellspacing="0">
    <tr>
        <td id="menu"><div id="maitsco-buttons-container">
    <div>
    <a id="but-home" href="<{$xoops_url}>"<{if $xoops_dirname==''}> class="selected"<{/if}>><span>Accueil</span><img src="<{$xoops_imageurl}>images/home.png" alt="" /></a>
    <a id="but-news" href="<{$xoops_url}>/modules/publisher/"<{if $xoops_dirname=='news'}> class="selected"<{/if}>><span>Prestations</span><img src="<{$xoops_imageurl}>images/news.png" alt="" /></a>
    <a id="but-album"href="<{$xoops_url}>/modules/extgallery/"<{if $xoops_dirname=='extgallery'}> class="selected"<{/if}>><span>Realisations</span><img src="<{$xoops_imageurl}>images/album.png" alt="" /></a>
    <a id="but-forums" href="<{$xoops_url}>/modules/newbb/"<{if $xoops_dirname=='newbb'}> class="selected"<{/if}>><span>Forum</span><img src="<{$xoops_imageurl}>images/forum.png" alt="" /></a>
    <a id="but-contact" href="<{$xoops_url}>/modules/contact/"<{if $xoops_dirname=='contact'}> class="selected"<{/if}>><span>Contact</span><img src="<{$xoops_imageurl}>images/email.png" alt="" /></a>    
    </div>
</div>hg



plus le debut du theme.html concerné ...

Nb. :
FireBug me dit :
$("#slider1").s3Slider is not a function
http://www.cdfi.eu/
Line 71

Si vous pouviez me venir en aide,

Grand Merci par avance,

Posté le : 29/11/2010 09:07
Partager Twitter Partagez cette article sur GG+
Re: Xoops 2.5 Jgrowl.js et le theme Maitscocorporate
Semi pro
Inscrit: 08/06/2005 17:15
De Where ?
Messages: 513
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>"
<
head
    <!-- 
Assign Theme name --> 
    <{
assign var=theme_name value=$xoTheme->folderName}> 

    <!-- 
Title and meta --> 
    <
meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
    <
meta http-equiv="content-language" content="<{$xoops_langcode}>" /> 
    <
meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" /> 
    <
title><{if $xoops_pagetitle !=''}><{$xoops_pagetitle}> - <{/if}><{$xoops_sitename}></title
    <
meta name="robots" content="<{$xoops_meta_robots}>" /> 
    <
meta name="keywords" content="<{$xoops_meta_keywords}>" /> 
    <
meta name="description" content="<{$xoops_meta_description}>" /> 
    <
meta name="rating" content="<{$xoops_meta_rating}>" /> 
    <
meta name="author" content="<{$xoops_meta_author}>" /> 
    <
meta name="copyright" content="<{$xoops_meta_copyright}>" /> 
    <
meta name="generator" content="XOOPS" /> 

    <!-- 
Rss --> 
    <
link rel="alternate" type="application/rss+xml" title="" href="<{xoAppUrl backend.php}>" /> 

    <!-- 
Favicon --> 
    <
link rel="shortcut icon" type="image/ico" href="<{xoImgUrl icons/favicon.ico}>" /> 
    <
link rel="icon" type="image/png" href="<{xoImgUrl icons/favicon.png}>" /> 

    <!-- 
Sheet Css --> 
    <
link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoAppUrl xoops.css}>" /> 
    <
link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoImgUrl style.css}>" /> 
    <
link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css"/> 
    <!--[if 
lte IE 8]> 
    <
link rel="stylesheet" href="<{xoImgUrl styleIE8.css}>" type="text/css" /> 
    <![endif]--> 

    <!-- 
JS --> 
    <{if 
$xoops_dirname != "publisher"}> 
<{
php}>
    global 
$xoTheme
        
$xoTheme->addScript("browse.php?Frameworks/jquery/jquery.js");
        
$this->assign('xoops_module_header'$xoTheme->renderMetas(nulltrue)); 
<{/
php}>
<
script type="text/javascript" src="<{xoImgUrl js/curvycorners.src.js}>"></script> 
<{/if}> 
<script type="text/javascript" src="<{xoImgUrl js/s3Slider.js}>"></script> 
        
<!--<script src="http://cdn.wibiya.com/Toolbars/dir_0628/Toolbar_628250/Loader_628250.js" type="text/javascript"></script>--> 
     
    <!-- customized header contents --> 
    <{$xoops_module_header}> 
<script type="text/javascript"> 
jQuery.noConflict();   
jQuery(document).ready(function(jQuery) { 
        jQuery('#slider1').s3Slider({ 
            timeOut: 5000  
        }); 
    });
var curvyCornersVerbose = false; 
</script>   
</head> 
<body id="<{$xoops_dirname}>" class="<{$xoops_langcode}>"> 
<div class="wrapper">  
<!-- Start Header --> 
<div id="topheader"> 
<table border="0" width="100%" cellspacing="0"> 
    <tr> 
        <td id="menu"><div id="maitsco-buttons-container"> 
    <div> 
    <a id="but-home" href="<{$xoops_url}>"<{if $xoops_dirname==''}> class="selected"<{/if}>><span>Accueil</span><img src="<{$xoops_imageurl}>images/home.png" alt="" /></a> 
    <a id="but-news" href="<{$xoops_url}>/modules/publisher/"<{if $xoops_dirname=='news'}> class="selected"<{/if}>><span>Prestations</span><img src="<{$xoops_imageurl}>images/news.png" alt="" /></a> 
    <a id="but-album"href="<{$xoops_url}>/modules/extgallery/"<{if $xoops_dirname=='extgallery'}> class="selected"<{/if}>><span>Realisations</span><img src="<{$xoops_imageurl}>images/album.png" alt="" /></a> 
    <a id="but-forums" href="<{$xoops_url}>/modules/newbb/"<{if $xoops_dirname=='newbb'}> class="selected"<{/if}>><span>Forum</span><img src="<{$xoops_imageurl}>images/forum.png" alt="" /></a> 
    <a id="but-contact" href="<{$xoops_url}>/modules/contact/"<{if $xoops_dirname=='contact'}> class="selected"<{/if}>><span>Contact</span><img src="<{$xoops_imageurl}>images/email.png" alt="" /></a>     
    </div> 
</div>

Posté le : 29/11/2010 09:36
Partager Twitter Partagez cette article sur GG+
Re: Xoops 2.5 Jgrowl.js et le theme Maitscocorporate
Aspirant
Inscrit: 14/06/2007 19:36
Messages: 35
Je pense qu'il faut vraiment prendre l'habitude de ne plus appeller les libs de script autrement que par $xoTheme->addScript (quitte a étendre le contenu du répertoire Frameworks/jquery)

Posté le : 29/11/2010 10:09
Partager Twitter Partagez cette article sur GG+
Re: Xoops 2.5 Jgrowl.js et le theme Maitscocorporate
Régulier
Inscrit: 11/10/2010 10:47
Messages: 204
j'ai vu ce que Krys a fait : compris : merci !

mais ca ne solutionne pas ...

<!-- customized header contents -->
<{
$xoops_module_header}> 
<
script type="text/javascript"
jQuery.noConflict(); 
jQuery(document).ready(function(jQuery) { 
jQuery('#slider1').s3Slider({ 
timeOut5000 
}); 
}); 
var 
curvyCornersVerbose false
</script> 
</head> 
<body id="<{$xoops_dirname}>" class="<{$xoops_langcode}>"> 
<div class="wrapper"> 

<!-- Start Header -->
<div id="topheader">
<table border="0" width="100%" cellspacing="0">
    <tr>
        <td id="menu"><div id="maitsco-buttons-container">
    <div>
    <a id="but-home" href="<{$xoops_url}>"<{if $xoops_dirname==''}> class="selected"<{/if}>><span>Accueil</span><img src="<{$xoops_imageurl}>images/home.png" alt="" /></a>
    <a id="but-news" href="<{$xoops_url}>/modules/publisher/"<{if $xoops_dirname=='news'}> class="selected"<{/if}>><span>Prestations</span><img src="<{$xoops_imageurl}>images/news.png" alt="" /></a>
    <a id="but-album"href="<{$xoops_url}>/modules/extgallery/"<{if $xoops_dirname=='extgallery'}> class="selected"<{/if}>><span>Realisations</span><img src="<{$xoops_imageurl}>images/album.png" alt="" /></a>
    <a id="but-forums" href="<{$xoops_url}>/modules/newbb/"<{if $xoops_dirname=='newbb'}> class="selected"<{/if}>><span>Forum</span><img src="<{$xoops_imageurl}>images/forum.png" alt="" /></a>
    <a id="but-contact" href="<{$xoops_url}>/modules/contact/"<{if $xoops_dirname=='contact'}> class="selected"<{/if}>><span>Contact</span><img src="<{$xoops_imageurl}>images/email.png" alt="" /></a>    
    </div>
</div>
</td>
        <td id="search"><!--Start Search-->
        
            <div id="bar_search" align="right">
                <form action="<{xoAppUrl search.php}>" method="post">
                    <input type="hidden" name="action" value="results" />
                    <input name="query" id="search_top_1" maxlength="20" alt="Recherche" class="inputbox" type="text" size="15" value="Recherche..."  onblur="if(this.value=='') this.value='Recherche...';" onfocus="if(this.value=='Recherche...') this.value='';" />    
                </form>
            </div>
        <!--End Search--></td>
    </tr>
</table>
    </div>
<table cellspacing="0">
    <tr id="header">
        <td id="headerlogo"><a href="<{xoAppUrl /}>" title="<{$xoops_sitename}>"><img src="<{xoImgUrl xoops-logo.png}>" alt="<{$xoops_sitename}>" /></a></td>
        <td id="headerbanner"><{$xoops_banner}></td>
    </tr>
    <tr>
        <td id="headerbar" colspan="2">
        <table border="0" width="100%">
            <tr>
                <td  id="shortabout"><p>Parce que Informatique doit rimer avec Plaisir plutot qu'avec Galere.Cdfi Europe veut s employer a vous aider, et vous permettre de tirer le meilleur potentiel d Internet, mais aussi de tous les moyens logiciels informatiques.</p>
                <p>&nbsp;</p>
                  <p>Cdfi Europe (Base a Metz-57) , votre partenaire dans tous les stades des Processus Informatiques ; Du Conseil a l Achat, de la Formation des le Niveau Novice, la Maintenance totale de votre Materiel (Maintenance a Distance) , Nous pouvons egalement creer le WebSite de vos Reves. </p>
                  <p>&nbsp;</p>
                  <p>N Hesiter pas a Nous Contacter </p>
                  <p align="right">
                <a href="http://www.cdfi.eu/modules/news/" rel="external"><img src="<{xoImgUrl images/more.png}>" alt="Plus d'Infos Sur Cdfi" /></p>
                
              <td id="slide"><div id="slider1">
        <ul id="slider1Content">
            <li class="slider1Image">
                <a href=""><img src="<{xoImgUrl slides/1.jpg}>" alt="Conseil" /></a>
                <span class="right"><strong>Conseil</strong><br />
                <font face="Tahoma" style="font-size: 10pt">        Envie d Acheter un Pc mais vous ne savez pas lequel sera le mieux adapte : Demandez Conseil.</font></span></li>
            <li class="slider1Image">
                <a href=""><img src="<{xoImgUrl slides/2.jpg}>" alt="Depannage" /></a>
                <span class="right"><strong>Depannage</strong><br />
                <font size="2" face="Tahoma">        Cdfi est specialiste de la Maintenance et du Depannage a Distance : Plus Besoin de se Deplacer</font></span></li>
            <li class="slider1Image">
                <img src="<{xoImgUrl slides/3.jpg}>" alt="Formation" />
                <span class="right"><strong>Formation</strong><br />
                <font face="Tahoma" size="2">        Particuliers ou Pros quelque soit votre niveau: Formations Personnalisees</font> </span></li>
            <li class="slider1Image">
                <img src="<{xoImgUrl slides/4.jpg}>" alt="Informatique" />
                <span class="right"><strong>Informatique</strong><br />
                <font face="Tahoma" size="2">        Cdfi Votre Partenaire vers le Succes.</font> </span></li>
            <li class="slider1Image">
                <img src="<{xoImgUrl slides/5.jpg}>" alt="Info" />
                <span class="right"><strong>Info</strong><br />
                <font face="Tahoma" size="2">        Cdfi Votre Partenaire vers le Succes.</font> </span></li>
            </ul>
    </div></td>    

</tr>
        </table>
        </td>
    </tr>
</table>


pige po ...

Merci


Posté le : 29/11/2010 10:18
Partager Twitter Partagez cette article sur GG+
Re: Xoops 2.5 Jgrowl.js et le theme Maitscocorporate
Régulier
Inscrit: 11/10/2010 10:47
Messages: 204
ca c'est le css pour cette partie :
#slider1Content {
    
width550px/* important to be same as image width or wider */
    
positionabsolute;
    
top2px;
    
margin-left0;
}
.
slider1Image {
    
floatleft;
    
positionrelative;
    
displaynone;
}
.
slider1Image span {
    
positionabsolute;
    
font10px/15px ArialHelveticasans-serif;
    
padding1px 13px;
    
width550px;
    
background-color#000;
    
filteralpha(opacity=70);
    -
moz-opacity0.7;
    -
khtml-opacity0.7;
    
opacity0.7;
    
color#fff;
    
displaynone;
}
.
clear {
    
clearboth;
}
.
slider1Image span strong {
    
font-size14px;
}


je ne devrais pas ajouter un clear both qq part ?


Posté le : 29/11/2010 10:27
Partager Twitter Partagez cette article sur GG+
Re: Xoops 2.5 Jgrowl.js et le theme Maitscocorporate
Aspirant
Inscrit: 14/06/2007 19:36
Messages: 35
L'un des problemes pourrait être que tu charges Jquery apres Slider.js
<{$xoops_module_header}> est apres ton appel a Slider.js -> place le avant

Regarde dans publisher comment est chargé jquery et si c'est par '<script ....' remplace par addscript
comme cela tu n'auras pas a tester dans ton théme et tu pourras enlever le jQuery.noConflict() puisque jquery ne sera chargé qu'une seule fois

Posté le : 29/11/2010 10:41
Partager Twitter Partagez cette article sur GG+
Re: Xoops 2.5 Jgrowl.js et le theme Maitscocorporate
Régulier
Inscrit: 11/10/2010 10:47
Messages: 204
m'en vais essayer , mais je n'ai pas publisher ...

Posté le : 29/11/2010 10:42
Partager Twitter Partagez cette article sur GG+
Re: Xoops 2.5 Jgrowl.js et le theme Maitscocorporate
Aspirant
Inscrit: 14/06/2007 19:36
Messages: 35
Y a un test
<!-- JS -->
<{if $xoops_dirname != "publisher"}>
dans ton code
d'ou ma méprise

Posté le : 29/11/2010 10:46
Partager Twitter Partagez cette article sur GG+
Re: Xoops 2.5 Jgrowl.js et le theme Maitscocorporate
Régulier
Inscrit: 11/10/2010 10:47
Messages: 204
ca maaaaarche !

c'etait la position du <{$xoops_module_header}>

Merciii !

Posté le : 29/11/2010 10:48
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

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