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

**laurentSc** · 28/09/2009, 17h23

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 :

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

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);
...}

**SpaceFrog** · 28/09/2009, 17h28

et elle fait quoi la fonction document_write ... ?

**laurentSc** · 28/09/2009, 17h49

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 :

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

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");
...}

**laurentSc** · 28/09/2009, 17h51

Et une correction de syntaxe :

Code :

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

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");
...}

**andry.aime** · 28/09/2009, 17h59

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.

**laurentSc** · 28/09/2009, 18h15

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 :

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
<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."

**SpaceFrog** · 28/09/2009, 18h17

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

aujourd'hui on passerait par le DOM pour ça

**laurentSc** · 28/09/2009, 18h29

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

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...

**kernelfailure** · 30/09/2009, 00h11

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

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

JavaScript

Discussions similaires

Partager

Partager