Test conditionnel et passage de variables javascript html

Bonjour

je cherche a effectuer des tests conditionnels dans la partie html de mon code

html :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<p class= "rep3" width="100" id="val1" data1={{ famille }} style= "display:none;">{{ famille }}</p> <p class= "rep4" width="100" id="val2" data2="" style= "display:none;"></p> <div id="example">{{ data2 }}</div> {% if data2 == "general" %} <a href="/one_category/all/">criteria1</a> {% else  %} {% if data2 == "ceramic" %} <a href="/one_category/ceramic/">criteria2</a> {% else  %} <a href="/image3/">criteria</a> {% endif %} {% endif %}

---

javascript :

Code:

---

1 2 3 4 5 6

$(document).ready(function() { var element = document.getElementById('val1'); laval1 = element.getAttribute('data1'); var element2 = document.getElementById('val2'); element2.setAttribute('data2', laval1); });

---

je recupere la variable data1 et vais ensuite l'ecrire dans data2

les tests if ne marchent pas et me renvoient vers

Code:

---

href="/image3/">criteria</a>/">criteria</a>

---

ca me semble pourtant correct..quelle est mon erreur ?

Bonjour,

juste par curiosité, c'est quoi ton langage serveur ?

Montre-nous le code généré : ouvre la page dans ton navigateur et fais Ctrl+U. À mon avis tu fais une confusion entre l'environnement serveur et l'environnement client :

Code:

---

{% if data2 == "general" %}

---

Si cette partie du code serveur repose sur la variable data2 du code client, ça ne peut pas marcher.

voyons voir
où est l'erreur

1. le client ouvre son navigateur
2. il entre une url
3. l'url est envoyé au serveur
4. le serveur ouvre un script
5. il exécute
6. il trouve une série de if
7. exécute les tests qui soit dit en passant sont toujours conditionnel (un test non conditionnel c'est quoi ?)
8. il finit par produire un html (ce qui n'est pas le code que tu as poste qui est de l'asp du vb du c# du ????)
9. le html est envoyé au client
10. le navigateur reçoit le html
11. il le parse
12. il créé un DOM correspondant au mieux au html reçu (pas sur que ce soit exactement ce que tu voulais...)
13. Il parse le javascript
14. le compile
15. l'exécute
16. associe une fonction à l'événement "ready"
17. la page étant prète il génére l'événement "ready"
18. le gestionnaire d'événement attrape cet événement et voit qu'il y a une fonction associé
19. il crée un contexte d'exécution
20. exécute la fonction
21. qui récupère l'élément val1
22. puis l'attribut data1
23. enfin il récupère l'élément val2
24. et fixe l'attribut data2 avec la valeur data1
25. enfin il rends la main.

essayons de comprendre ce qui ne marche pas

les étapes 1 à 3 se passent sur le poste du client
les étapes 4 à 9 se passent sur le serveur
les étapes 10 à 25 se passent sur le poste du client.

déjà on voit que tout n'est pas exécuté sur la même machine. il y a donc un risque que des infos ne soient dispo que sur l'une des deux machines.

pourquoi le test échoue
il a lieu à l'étape 7 donc sur le serveur. il vérifie la valeur d'une variable
pour fonctionner à l'étape 7 il faut que la dite variable soit positionnée à une étape antérieur à 7 et postérieur à 3 pour être connue à ce moment là du serveur.
Avant 4 c'est sur le poste du client que la variable est positionné le serveur ne peut la connaitre
après 7 c'est trop tard le test est déjà effectué.

à quelle étape est possitionné la variable ?
étape 24

24 est-il compris entre 3 et 7 ? (3 < 24 < 7)
Non
le test ne peut pas fonctionner.

non seulement la variable est positionnée après le test mais elle l'est aussi après la réponse du serveur étape 9
la variable est donc positioné sur le poste du client.

Tu veux donc que ton serveur teste une variable sur le poste du client pour générer une réponse
avant que le client ne sache qu'il doit la créer.

comment je sens venir la question comment faire
voici la réponse :

• Reprends les bases du develeppement HTML (pas de ASP JSP VB PHP C# etc)
• Fais les tutos
• Comprends bien qui exécute quoi et quand.

Le serveur ne pourra jamais tester une variable du client qui n'a pas encore été crée.
A+JYT

j'utilise django..

je relie bien data1 dans le script
je dois pouvoir ecrire de la même facon dans la partie html

Montre-nous où tu initialises data2 dans ton code Django.

Et le code généré (Ctrl+U, voir mon post précédent).