IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

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


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Mars 2006
    Messages
    140
    Détails du profil
    Informations forums :
    Inscription : Mars 2006
    Messages : 140
    Par défaut 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.

    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 !

  2. #2
    Membre Expert
    Avatar de FremyCompany
    Profil pro
    Étudiant
    Inscrit en
    Février 2006
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Âge : 33
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2006
    Messages : 2 532
    Par défaut
    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
    }

  3. #3
    Membre confirmé
    Inscrit en
    Mars 2006
    Messages
    140
    Détails du profil
    Informations forums :
    Inscription : Mars 2006
    Messages : 140
    Par défaut
    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?

  4. #4
    Membre Expert
    Avatar de FremyCompany
    Profil pro
    Étudiant
    Inscrit en
    Février 2006
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Âge : 33
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2006
    Messages : 2 532
    Par défaut
    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)

  5. #5
    Membre confirmé
    Inscrit en
    Mars 2006
    Messages
    140
    Détails du profil
    Informations forums :
    Inscription : Mars 2006
    Messages : 140
    Par défaut
    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>

  6. #6
    Membre Expert
    Avatar de FremyCompany
    Profil pro
    Étudiant
    Inscrit en
    Février 2006
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Âge : 33
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2006
    Messages : 2 532
    Par défaut
    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>

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 1
    Dernier message: 31/05/2011, 10h15
  2. méthode qui permet de Charger ComboBox
    Par fatimazohra dans le forum NetBeans
    Réponses: 2
    Dernier message: 28/04/2009, 14h14
  3. [MySQL] script qui permet de modifier les informations d'une table
    Par mayalet dans le forum PHP & Base de données
    Réponses: 7
    Dernier message: 07/01/2009, 13h31
  4. fonction qui permet de modifier l'état d'un bouton
    Par xanatos dans le forum Général JavaScript
    Réponses: 13
    Dernier message: 15/07/2008, 13h11
  5. Réponses: 1
    Dernier message: 02/04/2008, 19h27

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo