astuce pour faire du html conditionnel (avec un peu de js)

Version imprimable

28/09/2009, 16h23
laurentSc

astuce pour faire du html conditionnel (avec un peu de js)
Bonjour,

je voulais faire part d'une astuce que j'ai vu récemment et que je trouve pas mal : faire du html conditionnel avec du js (impossible en vrai html). L'idée est de faire comme ça (la condition est une variable js) :
Code:

1 2 3 4 5 6 7 8 if (condition_var_js) { document_write(code_html_yes1); document_write(code_html_yes2); ...} else { document_write(code_html_no1); document_write(code_html_no2); ...}
28/09/2009, 16h28
SpaceFrog

et elle fait quoi la fonction document_write ... ?

Elle exécute tout bêtement le code html, mais j'ai oublié un truc sans lequel, ça ne peut pas marcher : les guillemets ; donc :
Code:

1 2 3 4 5 6 7 8 if (condition_var_js) { document_write("code_html_yes1"); document_write("code_html_yes2"); ...} else { document_write("code_html_no1"); document_write("code_html_no2"); ...}

Et une correction de syntaxe :

Code:

1
2
3
4
5
6
7
8
if (condition_var_js) {
   document.write("code_html_yes1"); 
   document.write("code_html_yes2");
...}
else {
   document.write("code_html_no1");
   document.write("code_html_no2");
...}

28/09/2009, 16h59
andry.aime

Bonjour,
à quelle moment tu fais appel à ces instructions?
sinon document.write à une tendance à remplacer toute la page.
Montres nous un peu plus sur ton code.

En fait, l'exemple que j'ai provient d'un site intranet et est imbittable, donc je m'en suis inspiré pour faire un code tout con, mais qui montre l'intérêt :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>test</title> </head> <body> <br> <script type="text/javascript"> var cond=1; if (cond) { document.write("<font face=Arial>coucou1</font>"); } else { document.write("<font face=Arial>coucou2</font>"); } </script> </body> </html>
et je n'ai pas compris ça : "sinon document.write à une tendance à remplacer toute la page."

28/09/2009, 17h17
SpaceFrog

je subodorais l'erreur de syntaxe document.write, mais n'osais pas y croire ...

Proposer une astuce avec document.write ... tu as juste 15 ans de retard :ccool:
aujourd'hui on passerait par le DOM pour ça
28/09/2009, 17h29
laurentSc

Citation:

Envoyé par SpaceFrog

je subodorais l'erreur de syntaxe document.write, mais n'osais pas y croire ...

Proposer une astuce avec document.write ... tu as juste 15 ans de retard :ccool:
aujourd'hui on passerait par le DOM pour ça

Ca me fait bien rigoler : en fait, je n'ai découvert le html qu'il y a 3 ans, et ai appris un peu de js cette année (et le DOM, connais pas encore); qd j'ai vu l'astuce vieille de 15 ans, je l'ai trouvée pas mal...
29/09/2009, 23h11
kernelfailure

write est une méthode du DOM HTML (cf W3C).