Javascript et Inclure

casp

Juin 2010

Bonjour,
voila je pose une question ici car j’aimerai comprendre quelquechose.

Je cherche à installer un effet .innerfade sur mon site.
J’ai donc dans un squelette inclu inc_entete.html
un div id="photo" surlequel je souhaite faire l’effet de gallerie photo.
J’ai réussis à faire fontionner ceci mais avec des conditions très bizzard.

Pour y arriver il m’a fallu à l’intérieur du squelettes inc_entete mettre mon code javascript ; alors qu’habituellement je le met dans un autre squelette nommé inc_script

Et pire ! j’ai du faire un lien vrs un fichier jquery.js dans ce meme squelette entete pour que cela foncitonne alors que je croyais jquery inclu de base dans spip désormais (j’utilise la dernière version) ... Il y a donc quelquechose qui m’echappe surement avec les inclure... car cela ne me parait normal.

Par contre le lien vers mon fichier innerfade.js lui je l’ai fait habituellement dans mon squelettes inc_script.html.. La seul chose c’ets que je dois ajouter un "refer" pour que cela fonctionne

Voila donc la situation :

j’ai un squelette sommaire.

<head>

<INCLURE{fond=INC/inc_head}>
<INCLURE{fond=INC/inc_script}>

</head>

<body>
        <div id="center">
            <INCLURE{fond=INC/inc_entete}>
            <INCLURE{fond=INC/inc_menu}>
            
            <div id="contenu">
            </div>
            
            <INCLURE{fond=INC/inc_pied}>
        </div>
</body>
</html>

Mon squelettes inc_entete

<div id="entete">  
   <script type="text/javascript" src="[(#CHEMIN{INC/JS/jquery.js})]"></script>
	<script type="text/javascript">	
	   $(document).ready(
				function(){
					$('#photo').innerfade({
						speed: 1750,
						timeout: 5500,
						type: 'random',
						containerheight: '1em'
					});
					

			});
  	</script>
    <ul id="photo">
    	<li><img src="[(#CHEMIN{IMG/photo1.jpg})]" /></li>
    	<li><img src="[(#CHEMIN{IMG/photo2.jpg})]" /></li>
    	<li><img src="[(#CHEMIN{IMG/photo3.jpg})]"/></li>
    </ul>
	
</div>

Et mon squelettes inc_script

<script defer type="text/javascript" src="[(#CHEMIN{INC/JS/innerfade.js})]"></script>

Si quelqun comprend pourquoi je n’ia pas pu mettre mon javascript dans un squelette différent, pourquoi j’ai du refaire un lien vers un fichier jquery.js ; et enfin pourquoi j’ai du mettre un "refer" sur mon innerfade.js
...
He bien je suis preneur d’explication. car c’est cool que cela fonctionne.. mais c’est encore mieux de comrpendre :)

Cordialement.
casp

Inclure JQuery SPIP

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

squirrel

Juin 2010

Bonjour,

Tu utilise quel squelettes ? Perso ou connue ?
Quel est ta version de SPIP ?
Utilise tu d’autre plugins ?
Si tu ouvre le code source normale de ta page (pas spip) as tu deux fois l’appel à jquery.js ?
Le fait d’utiliser /inc comme dossier peut surement érroner l’appel de ta librairie, donc change le nom de se dossier.

Essaye çà !

inc-head
#INSERT_HEAD [<script type="text/javascript" src="(#CHEMIN{inclure/js/innerfade.js})"></script>] <script type="text/javascript"> $(document).ready( function(){ $('#photo').innerfade({ speed: 1750, timeout: 5500, type: 'random', containerheight: '1em' }); }); </script>
inc-entete
<div id="entete"> <ul id="photo"> <li><img src="[(#CHEMIN{IMG/photo1.jpg})]" /></li> <li><img src="[(#CHEMIN{IMG/photo2.jpg})]" /></li> <li><img src="[(#CHEMIN{IMG/photo3.jpg})]"/></li> </ul> </div>
Squirrel :)
Indiquez l’intérêt que vous portez à cette réponse

0

casp

Juin 2010

J’utilise la dernière version de SPIP.
Et oui dans mon code source de la page j’ai bien 2 appel de jquery.
Un premier fais par le #insert_head
qui se trouve dans mon squelette inc_head qui vas cherché jquery dans spip, et un deuxième appel à l’endroit ou je l’ai mis.

C’est mystérieux... Je peux changer le nom de nom dossier, mais je doute que ce soit en rapport.
Indiquez l’intérêt que vous portez à cette réponse

0

casp

Juin 2010

Personne n’as jamais été confronté à une telle situation ?
Indiquez l’intérêt que vous portez à cette réponse

0

casp

Juin 2010

j’ai modifié mon nom de répértoire INC par INCLURE Sans plus de succès. Après de nombreux essai, avec d’autre script il semble que ce problème soit uniquement lié à innerfade.

Pour fonctionner dans un inclure je suis obligé de faire un rappel a jquery dans le squelettes que j’inclu et je suis obligé aussi de mettre mon code javascript d’appel de la fonction innerfade dans ce même squelette.

Par contre pour l’appel du innerfade.js la je fais comme d’habitude sans souci, il est appelé dans mon squelette in_script. Juste en rajoutant un defer dessus..

je comprend plus rien. :)