Table dynamique avec Ajax
Archive du forum. Comment remplir les cellules d'une table en fonction du contenu des autres.
Forum
06-05-2008 17:26:38
Bikarfioul
Bonjour,
Pour la santé de mes cheveux je viens a vous.
J'ai comme projet de générer une page HTML qui reportera l'état de 30 serveur.
Par état j'entend récupérer le résultat d'un ping du serveur et d'un test de l'un de ces ports.
Les scripts permettant le PING et le Sniff sont opérationnel et me retournent un résultat en JSON.
Pour produire ce petit joujou j'utilise AJAX le code est opérationnel.
Les résultats sont affichés dans un tableau avec comme entête :
Site | Ping | Service
Là où je coince est sur la manière de faire avancé mes intérrogation.
Car la progression ne doit avoir lieu que si la cellule précedente contient le résulat adéquat.
J'illustre :
localhost | Ok | Ok <- ça c'est le cas idéale Google | OK | NOK <- là rien à dire developpez.net |NOK | NOK <- Le second NOK ne devrait pas être. Le premier test étant NOK pas la peine de continuer l'intérrogation de ce site.J'explique mon programme actuel : Pour générer mes cellules j'utilise les DOM toute mes cellules ont une ID. Un script JS génère d'abord le tableau et ensuite lance les interrogations. Actuellement je n'arrive pas a trouver une méthode permettant de tester la cellule précédente ET ! Surtout d'afficher la page progréssivement et non d'un coup lorsque tout les intérrogations sont finis.
07-05-2008 13:05:40
webmaster
Si j'ai bien compris, il faut relire le contenu des cellules du tableau généré pour connaître le résultat qui doit s'y trouver.
Cela peut être fait de différentes façons.
Par exemple, en générant le tableau, on peut générer également des ID, sous la forme:
<td id="xxx"> </td>et on obtient le contenu avec document.getElementById("xxx").innerHTML Cela dépend de la façon dont tableau est généré. On peut aussi utiliser directement les éléments du tableau:
nom-tableau.rows[numéro-ligne].cells[numéro-colonne].innerHTMLPuis on crée un objet Number avec le contenu retourné sous forme de texte (voir tutoriel JavaScript; l'objet Number).
© 2008-2013 Xul.fr