Discussion :

[lau_the_raptor]

Bonjour,

n'étant pas fort en javascript, je me permet de vous poser la question.
Je voudrais créer dans mon code php des variables javascript (en fait des Spry.Widget.Accordion pour ceux qui connaissent) dynamiquement car je ne connait pas à l'avance le nombre de ces variables dont j'aurais besoin.
En parcourant le FAQ et le forum, jai tenté ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
print '<script type="text/javascript">';
print '<!--';
print 'window[Accordion'.$i.'] = new Spry.Widget.Accordion("Accordion'.$i.'")';
print '//-->';
print '</script>';

malheureusement, cela ne donne aucun résultat.

Peut-être faut-il rafraîchir la page vu que l'on se trouve dans du code php?

Quelqu'un a-t-il une solution?

Merci d'avance.

[Crayon]

Salut, tu mets quoi dans la variable $i?

[lau_the_raptor]

En fait $i est un itérateur.
Je l'initialise à 1 et puis je l'incrémente dans une boucle while

[Crayon]

Quand tu dis que sa donne aucun résultat, tu veux dire que le script ne fonctionne pas ou qu'il n'y a rien de généré?

Quand tu mets "Voir la source" dans ton browser, le code généré à l'air de quoi? Tu peux le mettre ici pour que je puisse le voir. Sinon tu peux donner le lien pour la page Web que tu développes.

Merci

[lau_the_raptor]

En fait, le code fonctionne très bien.
Je peux m'amuser à créer et initialiser une centaine de variables manuellement

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
var Accordion2 = new Spry.Widget.Accordion("Accordion2");
.
.
.
var Accordion99 = new Spry.Widget.Accordion("Accordion99");

mais cela n'est pas top.

Je veux donc créer dynamiquement ces variables dans le code php.
Car ce n'est qu'à ce moment là que j'utilise un nouvel Accordion.
En php, je n'ai aucun problème, je charge le Accordion'.$i.' sans difficulté uniquement si j'ai déclaré ma variable au préalable. Mon but ici est de créer la variable javascript que quand j'en ai besoin.
Comme je ne connais pas bien javascript, j'ai cherché sur le forum et j'ai trouvé la solution de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
window['mavariable']=....

Mais, soit il y a quelque chose d'autre à faire, soit je ne réussi pas à l'intégrer dans mon code php (ici avec les print).
Il se peut aussi que je doive rafraîchir quelque chose quelque part.
Quand je dit que cela donne aucun résultat, cela veut dire que la variable n'est pas créée. Il est donc impossible de l'utilisée. Par exemple je n'ai pas initialiser var Accordion3 et je compte sur le fait que cela soit fait dynamiquement (avec le code dans le premier post).Cela ne fonctionne pas. Par contre si je l'initialise "manuellement" alors cela fonctionne.

[buzzkaido]

Normalement, tu t'y prends tres bien.

Ca doit donc venir d'autre chose...

Une fois ta page chargée dans le navigateur, si tu regarde la source du HTML généré, qu'est-ce que tu vois ?

[lau_the_raptor]

Voila ce que la source affiche

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div id="Accordion1" class="Accordion" tabindex="0"><div class="AccordionPanel"><div class="AccordionPanelTab">Télévision</div><div class="AccordionPanelContent">test message<script type="text/javascript"><!--Window[Accordion2] = new Spry.Widget.Accordion("Accordion2")//--></script><div id="Accordion2" class="Accordion" tabindex="0"><div class="AccordionPanel"><div class="AccordionPanelTab">Acer</div><div class="AccordionPanelContent">message</div></div><div class="AccordionPanel"><div class="AccordionPanelTab">HP</div><div class="AccordionPanelContent">message</div></div><div class="AccordionPanel"><div class="AccordionPanelTab">LG</div><div class="AccordionPanelContent">message</div></div><div class="AccordionPanel"><div class="AccordionPanelTab">Packard Bell</div><div class="AccordionPanelContent">message</div></div><div class="AccordionPanel"><div class="AccordionPanelTab">Philips</div><div class="AccordionPanelContent">message</div></div><div class="AccordionPanel"><div class="AccordionPanelTab">Samsung</div><div class="AccordionPanelContent">message</div></div><div class="AccordionPanel"><div class="AccordionPanelTab">Sony</div><div class="AccordionPanelContent">message</div></div></div></div></div><div class="AccordionPanel"><div class="AccordionPanelTab">PC</div><div class="AccordionPanelContent">test message<script type="text/javascript"><!--Window[Accordion3] = new Spry.Widget.Accordion("Accordion3")//--></script><div id="Accordion3" class="Accordion" tabindex="0"><div class="AccordionPanel"><div class="AccordionPanelTab">Acer</div><div class="AccordionPanelContent">message</div></div><div class="AccordionPanel"><div class="AccordionPanelTab">HP</div><div class="AccordionPanelContent">message</div></div><div class="AccordionPanel"><div class="AccordionPanelTab">LG</div><div class="AccordionPanelContent">message</div></div><div class="AccordionPanel"><div class="AccordionPanelTab">Packard Bell</div><div class="AccordionPanelContent">message</div></div><div class="AccordionPanel"><div class="AccordionPanelTab">Philips</div><div class="AccordionPanelContent">message</div></div><div class="AccordionPanel"><div class="AccordionPanelTab">Samsung</div><div class="AccordionPanelContent">message</div></div><div class="AccordionPanel"><div class="AccordionPanelTab">Sony</div><div class="AccordionPanelContent">message</div></div></div></div></div><div class="AccordionPanel"><div class="AccordionPanelTab">Ecran PC</div><div class="AccordionPanelContent">test message<script type="text/javascript"><!--Window[Accordion4] = new Spry.Widget.Accordion("Accordion4")//--></script><div id="Accordion4" class="Accordion" tabindex="0"><div class="AccordionPanel"><div class="AccordionPanelTab">Acer</div><div class="AccordionPanelContent">message</div></div><div class="AccordionPanel"><div class="AccordionPanelTab">HP</div><div class="AccordionPanelContent">message</div></div><div class="AccordionPanel"><div class="AccordionPanelTab">LG</div><div class="AccordionPanelContent">message</div></div><div class="AccordionPanel"><div class="AccordionPanelTab">Packard Bell</div><div class="AccordionPanelContent">message</div></div><div class="AccordionPanel"><div class="AccordionPanelTab">Philips</div><div class="AccordionPanelContent">message</div></div><div class="AccordionPanel"><div class="AccordionPanelTab">Samsung</div><div class="AccordionPanelContent">message</div></div><div class="AccordionPanel"><div class="AccordionPanelTab">Sony</div><div class="AccordionPanelContent">message</div></div></div></div></div></div>

Le Accordion1 a été déclaré de la sorte

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
var Accordion1 = new Spry.Widget.Accordion("Accordion1",{defaultPanel:id_panel});

Les autres Accordions se trouvent dans le premier Accordion.
(Ce code fonctionne très bien si je déclare les variables "manuellement" de la même façon que pour l'Accordion1)
Les autres Accordions sont générés automatiquement avec ce code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
$req="SELECT marque FROM BD_marque";
$res=mysql_query($req);
 
print '<script type="text/javascript">';
print '<!--';
print 'Window[Accordion'.$i.'] = new Spry.Widget.Accordion("Accordion'.$i.'")';
print '//-->';
print '</script>';
 
// on affiche l'accordéon
echo '<div id="Accordion'.$i.'" class="Accordion" tabindex="0">';
						                                                                           while($enreg=mysql_fetch_array($res,MYSQL_NUM))
{
	$marque=$enreg[0];				
	// on créée un nouveau panneau 
	echo '<div class="AccordionPanel">';
			echo '<div class="AccordionPanelTab">'.$marque.'</div>';
			echo '<div class="AccordionPanelContent">message</div>';
	echo '</div>';
}
echo '</div>'; // fin de l'accordéon

En espérant que cela puisse vous aider.
J'ai également essayé le code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
print '<script type="text/javascript">';
print '<!--';
print 'Window["Accordion'.$i.'"] = new Spry.Widget.Accordion("Accordion'.$i.'")';
print '//-->';
print '</script>';

Mais sans succès

[SpaceFrog]

quelle différence fais tu entre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window['mavariable']

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var mavariable

vu que tu n'a pas l'air de les déclarer dans une fonction



Mais peut être que c'est simplement la majuscule de Window qui pose problème ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window[mavariable]

[lau_the_raptor]

Ben justement, je ne veux pas les déclarer à l'avance car je ne sais pas combien de variables j'aurais besoin.
Donc je veux les déclarer dynamiquement.

[SpaceFrog]

le tout est de savoir à quel moment tu veux les créer ...

si tu les crées sur le serveur alors la syntaxe var suffit

si tu les declares coté client alors il faudra utilisrer window...