Méthode qui permet de modifier le code d'une page après affichage .. ?

Version imprimable

27/06/2006, 15h55
winnie82

Méthode qui permet de modifier le code d'une page après affichage .. ?

Dans mon application, je dois afficher un tableau contenant une liste d'équipements. De plus je dois tester leurs accessibilités réseau.

Donc, une fois que le tableau est affiché, j'exécute des requêtes réseau afin de connaitre l'accessibilité des équipements puis j'aimerais les colorés.

C'est à dire, si l'équipement est accessible, je le met en vert, sinon en rouge.

Vous vous demandez peut-être pourquoi je ne fais pas le test avant, puis j'affiche l'équipement avec la couleur qui va bien ?

Tout simplement parce que les utilisateurs de mon application doivent attendre le moins possible lorsqu'il veulent visualiser le tableau.
En effet, le temps des requêtes réseau sont assez longues.:cry:

Connaissez vous une méthode ou un lien sur une méthode qui permet de revenir sur le code affiché. Peut être en javascript ou autre ?!

Merci beaucoup pour votre aide ! :P

Code:

<font id="MyFont1">...</font>

Code:

1
2
3
function ChangeColor(index, color) {
   document.getElementById("MyFont" + index).color=color
}

27/06/2006, 16h29
winnie82
Excuse moi, je suis débutant en Javascript.
Pourrais-tu me dire comment cela fonctionne ?

Par exemple, si je met ceci dans mon code :
Code:

1 2 3 4 <font id="MyFont1">mon texte rouge</font> <font id="MyFont2">mon texte vert</font> <font id="MyFont3">mon texte noir</font>
Si j'utilise une fonction qui me renvoie rouge, vert ou noir dans $color, come ceci :
Code:

1 2 3 4 <?php $color=access($host); ?>
comment dois-je utiliser la fonction suivante :
Code:

1 2 3 4 function ChangeColor(index, color) { document.getElementById("MyFont" + index).color=color }
Comment faire le lien entre ma fonction php qui renvoie la couleur souhaitée et la fonction Javascript?
27/06/2006, 16h37
FremyCompany

Ben je sais pas trop... tu utilise AJAX ?
Montre une partie de ton code que je puisse voir

EDIT : Ai dépassé les 500 messages ! (lol)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<html>
 
<body>
 
<li> Liste des equipements :</li>
 
<table>
	<tr><td>$host1</td></tr>// texte qui doit changer de couleur
	<tr><td>$host2</td></tr>// texte qui doit changer de couleur
	<tr><td>$host3</td></tr>// texte qui doit changer de couleur
	<tr><td>$host4</td></tr>// texte qui doit changer de couleur
</table>
 
<?php
//Récupération de la couleur
$color1=access($host1);
$color2=access($host2);
$color3=access($host3);
$color4=access($host4);
?>
 
function ChangeColor(index, color) {
   document.getElementById("MyFont" + index).color=color
}
 
</body>
</html>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<html>
<head>
<script>
function ChangeColor(index, color) {
   document.getElementById("MyFont" + index).color=color
}</script>
</head>
<body>
 
<li> Liste des equipements :</li>
 
<table>
	<tr><td><font id="MyFont1"><? php echo ($host1); ?></font></td></tr>// texte qui doit changer de couleur
[...]
</table>
 
<script>
<?php
//Récupération de la couleur
$color1=access($host1);
$color2=access($host2);
$color3=access($host3);
$color4=access($host4);
 
echo ("ChangeColor(1,'$color1')");
[...]
?>
</script>
 
</body>
</html>

Voici mon code !
Il fonctionne très bien pour une ligne du tableau, mais lorsque j'en rajoute une seconde, cela ne fonctionne plus !!! :cry:
Je ne sais pas si je dois rajouter cette dernière ligne "echo ("ChangeColor(2,'$color2')");" le "2" étant utilisé pour spécifier le MyFont2, mais je sais pas trop ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
<html>
<head>
<script>
function ChangeColor(index, color) {
   document.getElementById("MyFont" + index).color=color
}
</script>
</head>
<body>
<?php
$host1='test1';
$host2='test2';
 
echo'<li> Liste des equipements :</li>';
?>
<table border=1>
	<tr><td><font id="MyFont1"><?php echo ($host1); ?></font></td></tr><!-- texte qui doit changer de couleur-->
	<tr><td><font id="MyFont2"><?php echo ($host2); ?></font></td></tr><!-- texte qui doit changer de couleur-->
</table>
 
<?php
//Récupération de la couleur
 
$color1=access($host1);
$color2=access($host2);
 
function access($host){
    $color='';
    if ($host=='test1'){$color='OxFFA500';}
    if ($host=='test2'){$color='Ox0000FF';}
    return $color;
}
 
echo $color1."-------------".$color2;
 
?>
<script>
<?php
echo ("ChangeColor(1,'$color1')");
echo ("ChangeColor(2,'$color2')");
?>
</script>
 
</body>
</html>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<html>
<head>
<script>
function ChangeColor(index, color) {
   document.getElementById("MyFont" + index).color=color
}
</script>
</head>
<body>
<?php
$host1='test1';
$host2='test2';
 
echo'<li> Liste des equipements :</li>';
?>
<table border=1>
	<tr><td><font id="MyFont1"><?php echo ($host1); ?></font></td></tr><!-- texte qui doit changer de couleur-->
	<tr><td><font id="MyFont2"><?php echo ($host2); ?></font></td></tr><!-- texte qui doit changer de couleur-->
</table>
 
<?php
//Récupération de la couleur
 
$color1=access($host1);
$color2=access($host2);
 
function access($host){
    $color='';
    if ($host=='test1'){$color='#FFA500';}
    if ($host=='test2'){$color='#0000FF';}
    return $color;
}
 
echo $color1."-------------".$color2;
 
?>
<script>
<?php
echo ("ChangeColor('' + 1 + '','$color1')");
echo ("ChangeColor('' + 2 + '','$color2')");
?>
</script>
 
</body>
</html>

Et comme cela ?

Merci pour ton aide précieuse !!!

En fait, après réflexion, il suffisait de rajouter un point virgule après chaque ChangeColor

D'où voici le script final :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 <html> <head> <script> function ChangeColor(index, color) { document.getElementById("MyFont" + index).color=color } </script> </head> <body> <?php $host1='test1'; $host2='test2'; echo'<li> Liste des equipements :</li>'; ?> <table border=1> <tr><td><font id="MyFont1"><?php echo ($host1); ?></font></td></tr> <tr><td><font id="MyFont2"><?php echo ($host2); ?></font></td></tr> </table> <?php //Récupération de la couleur $color1=access($host1); $color2=access($host2); function access($host){ $color=''; if ($host=='test1'){$color='OxFFA500';} if ($host=='test2'){$color='Ox0000FF';} return $color; } echo $color1."-------------".$color2; ?> <script> <?php echo ("ChangeColor(1,'$color1');\n"); echo ("ChangeColor(2,'$color2');\n"); ?> </script> </body> </html>
Sinon, connais-tu une fonction en php qui permet d'afficher le code de la page en couleur ? (un peu comme les éditeurs) Par exemple dans test.php, faire un color_code(index.html);
color_code() étant la fonction que je recherche. Je sais qu'elle existe mais je n'arrive pas à remettre la main dessus.

28/06/2006, 10h43
FremyCompany

Ai déjà vu ca en effet mais je ne connais pas par coeur l'endroit ou je l'ai vu.
:google: "Coloration Syntaxique PHP"
28/06/2006, 11h22
winnie82

Toujours dans le même principe, existe t'il un moyen de changer en plus de la couleur, le texte en lui même. Par exemple :

mettre accessible en vert
ou non-accessible en rouge

Merci d'aider un débutant en javascript !

ChangeTexte, selon le même principe :

Code:

1
2
3
function ChangeTexte(index, HTML) {
   document.getElementById("MyText" + index).innerHTML = HTML
}

Merci bcp pour tes réponses !
Il me reste juste un détail à régler et ca sera parfait !
Je sais comment changer la couleur d'un texte.
Je sais comment changer le texte.

Maintenant, j'aimerais changer le texte et ça couleur !!! :D

J'ai fait comme ceci, mais ... ca change que le texte et pas sa couleur :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
 
<html>
<head>
<script>
function ChangeColor(index, color) {
   document.getElementById("MyFont" + index).color=color
}
function ChangeTexte(index, HTML) {
   document.getElementById("MyText" + index).innerHTML = HTML
}
</script>
</head>
<body>
<?php
$host1='test1';
 
echo'<li> Liste des equipements :</li>';
?>
<table border=1>
  <tr><td>
       <FONT id="MyText1">
       <FONT id="MyFont1">
                    <!-- endroit où le texte doit changer de contenu et de couleur-->
       </FONT></FONT>
  </td></tr>
</table>
 
<?php
//Récupération de la couleur
 
$text1=text($host1);
$color1=color($host1);
 
function color($host){
    $color='';
    if ($host=='test1'){$color='OxFFA500';}
    if ($host=='test2'){$color='Ox0000FF';}
    return $color;
}
 
function text($host){
    $color='';
    if ($host=='test1'){$text='OK';}
    if ($host=='test2'){$text='KO';}
    return $text;
}
 
?>
<script>
<?php
echo ("ChangeTexte(1,'$text1');\n");
echo ("ChangeColor(1,'$color1);\n");
?>
</script>
 
</body>
</html>

Code:

1
2
3
4
       <FONT id="MyText1">
       <FONT id="MyFont1">
                    <!-- endroit où le texte doit changer de contenu et de couleur-->
       </FONT></FONT>

==>

Code:

1
2
3
4
       <SPAN id="MyText1">
       <FONT id="MyFont1">
                    <!-- endroit où le texte doit changer de contenu et de couleur-->
       </FONT></SPAN>

Merci de m'avoir mis sur la piste. Voici le code :
Code:

1 2 3 4 5 6 7 8 9 ... <FONT id="MyFont3"><SPAN id="MyText1"></SPAN></FONT> ... echo ("ChangeColor(3,'$color3');\n"); echo ("ChangeTexte(1,'$text');\n");
Bonne continuation !!! :D

04/07/2006, 15h40
FremyCompany

De rien !
Bonne continuation à toi aussi.