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

**winnie82** · 27/06/2006, 15h55

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.

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 !

**FremyCompany** · 27/06/2006, 16h09

Code :

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

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

Code :

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

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

**winnie82** · 27/06/2006, 16h29

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 :

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

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 :

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

1
2
3
4
 
<?php
$color=access($host);
?>

comment dois-je utiliser la fonction suivante :

Code :

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

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?

**FremyCompany** · 27/06/2006, 16h37

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)

**winnie82** · 27/06/2006, 16h42

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

**FremyCompany** · 27/06/2006, 17h20

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

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager