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

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

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, 16h28

et elle fait quoi la fonction document_write ... ?

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

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, 16h51

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, 16h59

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, 17h15

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, 17h17

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

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager