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