11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

je me permets de vous écrire pour solliciter votre aide.
J'ai un tableau html classique et j'utilise du jquery pour ouvrir une div (#result) dès qu'on clique sur une ligne du tableau, le contenu de ma div étant différent en fonction de la ligne.

<script type="text/javascript">

jQuery(document).ready(function($){
        $('#tab tr[id="<?php echo $id_ligne];?>"]').click(function(e){

      var id_select = $(this).index();
      var selected = $(this).val();
      $.ajax({
        url:"ligne.php?ligne=<?php echo $id_ligne; ?>",
        data:{
          id:id_select,
          selected: selected
        },
        success: function(response){
          $('#result').html(response); 
		},
        error: function(xhr, message){
           console.error(message);
           $('#result').html("Erreur");
        }
      });
	  
	});

});

</script>


Bref le code fonctionne très bien, mais j'aimerai qu'en arrivant sur la page, le contenu lié à la 1ère ligne de mon tableau s'affiche, sans devoir cliquer sur la première ligne.

Merci pour votre aide, je pense que sur cette ligne :
$('#tab tr[id="<?php echo $id_ligne];?>"]').click(function(e){


il faut préciser l'id de la ligne en question, mais je ne sais pas comment le coder tout en gardant le click pour les autres lignes

Smiley decu
Pourquoi ne pas hydrater dès le départ ton #result (je pense que j'ai pas comprit se que tu veut Smiley ohwell ) ?

Ya un truc que je comprend pas
"dès qu'on clique sur une ligne du tableau, le contenu de ma div étant différent en fonction de la ligne"
&&
$('#tab tr[id="<?php echo $id_ligne];?>"]').click(function(e){
Ici tu n'ajoute qu'un seul event ??? ( au passage => <?=$id_ligne?> )
Modifié par thejocker9 (13 Jun 2016 - 13:31)