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>

**winnie82** · 28/06/2006, 09h57

Voici mon code !
Il fonctionne très bien pour une ligne du tableau, mais lorsque j'en rajoute une seconde, cela ne fonctionne plus !!!

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 :

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

**FremyCompany** · 28/06/2006, 10h19

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

**winnie82** · 28/06/2006, 10h31

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 :

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
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');\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.

**FremyCompany** · 28/06/2006, 10h43

Ai déjà vu ca en effet mais je ne connais pas par coeur l'endroit ou je l'ai vu.

"Coloration Syntaxique PHP"

**winnie82** · 28/06/2006, 11h22

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 !

**FremyCompany** · 28/06/2006, 17h00

ChangeTexte, selon le même principe :

Code :

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

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

**winnie82** · 04/07/2006, 09h44

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

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

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

**FremyCompany** · 04/07/2006, 11h33

Code :

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

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

==>

Code :

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

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

**winnie82** · 04/07/2006, 15h37

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

Code :

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

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

**FremyCompany** · 04/07/2006, 15h40

De rien !
Bonne continuation à toi aussi.

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

JavaScript

Discussions similaires

Partager

Partager