Comment faire un javascript affecte toutes les valeurs d'un tableau

J'essaye de faire disparaître un "td" à chaque fois que la date est antérieure à cette date (dans le passé). Mais ce qui se passe est que seule la première colonne est affectée alors que les autres ne le sont pas.Comment faire un javascript affecte toutes les valeurs d'un tableau

<script type="text/javascript"> 
    //<![CDATA[ 

    function vanish() { 
    downloadUrl("bckendcommmap.php", function(data) { 
    var xml = data.responseXML; 
    var markers50 = xml.documentElement.getElementsByTagName("marker50"); 

    // Split timestamp into [ Y, M, D, h, m, s ] 
    for (var i = 0; i < markers50.length; i++) { 
    var newdate = markers50[0].getAttribute("date"); 
    var trainid = markers50[0].getAttribute("trainingid"); 
    var t = newdate.split(/[- :]/); 

    // Apply each element to the Date function 
    var d = new Date(t[0], t[1]-1, t[2]); 

    alert(d); 
    var rightNow = new Date(); 
    var trainingDate = new Date(d); 

    if (rightNow < d) { 
    document.getElementById("assess").innerHTML = ""; /* make it disappear */ 
    } 
    else if (rightNow > d) { 
    document.getElementById("edit").innerHTML = ""; 
    } 

    // -> Wed Jun 09 2010 13:12:01 GMT+0100 (GMT Daylight Time) 


    } 
    }); 
    } 

     function downloadUrl(url, callback) { 
      var request = window.ActiveXObject ? 
       new ActiveXObject('Microsoft.XMLHTTP') : 
       new XMLHttpRequest; 

      request.onreadystatechange = function() { 
      if (request.readyState == 4) { 
       request.onreadystatechange = doNothing; 
       callback(request, request.status); 
      } 
      }; 

      request.open('GET', url, true); 
      request.send(null); 
     } 
     function doNothing() {} 
     //]]> 
    </script>

Voici parties de la table et td:

<body onload="vanish();"> 
<table id="gradient-style" width="290" border="0" cellspacing="0" cellpadding="0" > 

<thead> 
<tr> 

<td align="center"><strong> Training Name</strong></td> 
<td align="center"><strong> Description</strong></td> 
<td align="center"><strong> Location</strong></td> 
<td align="center"><strong> Date</strong></td> 
<td align="center"><strong> Time Start</strong></td> 
<td align="center"><strong> Time End</strong></td> 
<td align="center"><strong> Capacity</strong></td> 
<td align="center" colspan="2"><strong>Actions</strong></td> 
</tr> 
</thead> 
<?php 
while($rows=mysql_fetch_array($get)){ 
?> 
<tbody> 
<tr> 

<td><?php echo $rows['title']; ?></td> 
<td><?php echo $rows['description']; ?></td> 
<td><?php echo $rows['location']; ?></td> 
<td><?php echo $rows['date']; ?></td> 
<td><?php echo $rows['start']; ?></td> 
<td><?php echo $rows['end']; ?></td> 
<td><?php echo $rows['capacity']; ?></td> 

**<td align="center"><div id="edit"><a href="TrainingUpdate.php?id=<?php echo $rows['trainingid']; ?>">Edit</a></div></td><td align="center"><div id="assess"><a href="Training_Assessment.php?id=<?php echo $rows['trainingid']; ?>">Assess Training</a></div></td>** 

</tr> 
</tbody> 
<?php 
} 
?> 
</table> 
</body>

Cette ligne est le td que je suis en train de disparaître en ce qui concerne la date:

<td align="center"><div id="edit"><a href="TrainingUpdate.php?id=<?php echo $rows['trainingid']; ?>">Edit</a></div></td><td align="center"><div id="assess"><a href="Training_Assessment.php?id=<?php echo $rows['trainingid']; ?>">Assess Training</a></div></td>

Source

2011-07-23 Quino James Legaspi

Vous pourriez améliorer vos chances d'obtenir une réponse en posant une question plus précise et en nous donnant une idée de ce que vous avez essayé ou de ce que vous pensez être le problème. "Voici du code et trouvez ça pour moi" n'est pas vraiment ce que c'est. Essayez - J'ai une table qui est générée dynamiquement côté serveur. Dans chaque rangée il y a un bouton d'édition. Quand on clique dessus, je veux que X arrive. Mais les choses vont mal ... où? – mrtsherman

Vous ne cachent que le div, si vous voulez cacher td Essayez ceci:

**<td id="edit" align="center"><div><a href="TrainingUpdate.php?id=<?php echo $rows['trainingid']; ?>">Edit</a></div></td><td id="assess" align="center"><div><a href="Training_Assessment.php?id=<?php echo $rows['trainingid']; ?>">Assess Training</a></div></td>**

Et le code html est dans une boucle while donc vous aurez plusieurs div's avec le même id! Vous devez leur donner ids uniques:

$i = 0; 
while($rows=mysql_fetch_array($get)){ 
/* Code... */ 
<?php 
$i = $i + 1; 
} 
?>

Et
<div id="assess<?php echo $i ?>>

Et dans votre javascript:

/* Code... */ 
if (rightNow < d) { 
var i = 0; 
while(document.getElementById("assess" + i) != null) { 
document.getElementById("assess").innerHTML = ""; /* make it disappear */ 
i++; 
} 
/* Code.../

Source

2011-07-23 03:04:53 Caner

Je vais essayer ce merci monsieur: D –

Il est un peu difficile de dire ce que le code HTML complet résultant des regards de page comme, mais réalisez-vous que vous ne pouvez avoir qu'un seul objet dans une page Web avec un ID donné. Ainsi, vous ne pouvez pas avoir plusieurs objets avec id="assess". Si c'est ce que vous faites, alors getElementById renverra probablement le premier - bien que le comportement exact ne soit pas défini car ce n'est pas du HTML valide. Deuxièmement, pourquoi ne pas simplement utiliser CSS pour cacher des choses plutôt que d'effacer innerHTML. Par exemple, vous pouvez utiliser un class="assess" au lieu du id="assess". Et puis créer une règle CSS comme ceci:

.triggerHide .assess {display: none;}

Ensuite, lorsque vous voulez cacher toutes les classes de la évaluer table, vous ajoutez simplement la classe « triggerHide » à la table. Boom, tous les objets avec la classe évaluent dans le tableau se cacheront tous.

Source

2011-07-23 03:05:59 jfriend00

Ok je vais essayer ce merci !!!!! :RÉ –

Comment faire un javascript affecte toutes les valeurs d'un tableau

Répondre

Questions connexes