jQuery/DOM affichage de n tableaux
Bonjour,
Le problème est le suivant: j'ai un tableau par défaut sur une page et lorsque je clique sur une ligne j'en crée un deuxième. Et en cliquant sur une ligne de ce 2ième tableau pas moyen d'en afficher un 3ième.
J'ai eu le même problème sans utiliser jQuery donc en utilsant cette librairie je pensais le contourner.
voici le code:
index1.html
Code:
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
| <html>
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml;charset=iso-8859-15"/>
<title>Exemple</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("tr").not(":first").hover(function()
{
$(this).css("background-color", "red");
},
function()
{
$(this).css("background-color", "white");
});
<!--AFFICHAGE DU PREMIER TABLEAU-->
$(".deb").not(":first").click(function(){
var possesseur = $(this).children().next().html();
$.ajax(
{
type: "GET",
url: 'test.php?possesseur='+possesseur,
success: function(retour)
{
$("#test").append(retour);
}
});
});
<!--AFFICHAGE DU DEUXIEME TABLEAU-->
$(".cons").not(":first").click(function(){
alert("yep");
var console = $(this).children().html();
$.ajax(
{
type: "GET",
url: 'test.php?console='+console,
success: function(retour)
{
$("#testt").append(retour);
}
});
});
});
</script>
</head>
<body>
<div>
<table border=black>
<thead>
<tr class="deb">
<th>id</th>
<th>possesseur</th>
<th>console</th>
</tr>
</thead>
<tr class="deb">
<th>1</th>
<td>Patrick</td>
<td>Megadrive</td>
</tr>
</tr>
</table>
</div>
<div id="test"></div>
<div id="testt"></div>
</body>
</html> |
test.php
Code:
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
| <html>
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml;charset=iso-8859-15"/>
<title>Exemple</title>
</head>
<body>
<?php
//PREMIER TABLEAU
if (isset($_GET['possesseur']))
{
echo '<table class="cons" border=green>';
$possesseur = $_GET['possesseur'];
$selec= 'console';
echo '<thead><tr><th>' . $selec . '</th></tr></thead>';
mysql_connect('localhost', 'root', '');
mysql_select_db('ajax');
$query = mysql_query('SELECT DISTINCT '. $selec. ' FROM jeux_video WHERE possesseur="' . $possesseur . '"');
while($recup = mysql_fetch_assoc($query))
{
echo '<tr class="cons">';
echo '<td>'.$recup[$selec].'</td>';
echo '</tr>';
}
mysql_close();
echo '</table>';
}
//DEUXIEME TABLEAU
elseif (isset($_GET['console']))
{
echo '<table id="tabl" border=red>';
$console= $_GET['console'];
mysql_connect('localhost', 'root', '');
mysql_select_db('ajax');
$query = mysql_query('SELECT id FROM jeux_video WHERE console="' . $console . '"');
while($recup = mysql_fetch_assoc($query))
{
echo '<tr class="idd">';
echo '<td>'.$recup['id'].'</td>';
echo '</tr>';
}
mysql_close();
echo '</table>';
}
else
echo '<p>error</p>';
?>
</body>
</html> |
Donc le click sur une ligne du 2ième tableau, ayant un attribut class "cons", n'est jamais détecté et je comprends pas pourquoi.
Code:
$(".cons").not(":first").click(function()
Si quelqu'un pouvait m'éclairer.
