Discussion :

[Eric5031]

Bonjour,

J'ai écris le code suivant afin qu'à l'appui d'un bouton ayant comme classe summary-button j'affiche tout éléments qui ont le même ID que lui :

Code :

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

1
2
3
4
5
6
$('.summary-button').click(function() 
{	
	var id = $(this).attr('id');
	$('.'+id).slideToggle("fast");
	this.setAttribute("name","active_toggle");
});

Comme vous pouvez le voir j'ajoute l'attribut name active_toggle afin de pouvoir le redéployer même après un reload de la page (en l’occurrence l'envoi d'un formulaire).

Mon problème est le suivant, quand je reload la page mon bouton perd son attribut "name". Est-ce normal ? Il y a-t-il un moyen de mieux faire ça ?


De plus deux questions me turlupinent :

• Comment gérer le fait qu'il n'y peut il y avoir qu'un active_toggle à la fois ?
• Comment afficher au reload de la page mon ancien toggle ? Directement après mon $(document).ready(function() ?

[SpaceFrog]

Javasrcipt ne survit pas à un rechargement de page
Les modifications faites au DOM non plus...

Tu peux en revanche conserver les données de l'utilisateur soit coté serveur, soit éventuellement coté client avec les cookies ou le localStorage...

[sekaijin]

Bonjour,

J'ai écris le code suivant afin qu'à l'appui d'un bouton ayant comme classe summary-button j'affiche tout éléments qui ont le même ID que lui :

OOPS un ID étant unique par définition comment plusieurs éléments peuvent-ils avoirs le même ID ???

A+JYT

[Eric5031]

Pour les traiter de la même façon ? Etant donné que je ne devrais jamais les traiter individuellement

[sekaijin]

J'ai pas demandé POURQUOI tu mets le même ID

j'ai dit COMMENT ils peuvent avoir le même ID

tu peux mettre ce que tu veux dans ton code Mais un ID est toujours unique donc deux élément NE PEUVENT PAS avoir le même ID
Conceptuellement parlant ça n'a pas de sens. Donc réfléchir à un problème en se disant je me fout du fait que les ID sont TOUJOURS uniques
est déjà une erreur.

Alors tu peux mettre ce que tu veux dans ton code ça ne changera pas le fait que les ID sont TOUJOURS uniques.
si tu veux quand même mettre le même ID sur différents objets dans ton code le navigateur lui lorsqu'il vas créer ces objets il leur mettra un ID UNIQUE à chacun.


Ce code ne peut pas être corrigé il ne contient pas spécialement d'erreurs il est tout bonnement FAUX. Il est conceptuellement faux.

il te faut repenser à ta problématique ne pas oublier que la norme HTML reste la norme et que tu ne peux pas y déroger pour d’arranger.
Concevoir une méthode qui répond à ta problématique tout en respectant la norme.
lorsque cela est fais tu peux écrire ton code javascript
A+JYT

[Eric5031]

Au lieu d'avoir le même ID je leurs ai attribué la même classe. Mon problème conceptuel est donc réglé !

Du coup mon code est maintenant :

Code :

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

1
2
3
4
5
6
$('.summary-button').click(function() 
{	
	var class= $(this).attr('class');
	$('.'+class).slideToggle("fast");
	this.setAttribute("name","active_toggle");
});

Et j'en profite pour signaler que j'ai changé ma façon de procéder et au lieu de valider mon formulaire j'utilise Ajax afin de reloader seulement les élements nécessaires. Du coup ma page ne se reload plus entièrement et mon atttribut Name reste !

Par contre je n'ai toujours pas d'idée de la façon de procéder pour ne déployer qu'une classe à la fois

[sekaijin]

Que veut dire :

ne déployer qu'une classe à la fois

Je ne comprends pas
A+JYT

[SpaceFrog]

Code :

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

eq()