Tableau de 42 cases et images cliquables

**ingeniomatique** · 15/08/2010, 11h23

Bonjour à tous,

J'ai la chose suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<script src="p4/jeup4.php_files/jquery-1.js" type="text/javascript"></script> 
<script type="text/javascript">  
$(function(){  
 
    $("#conteneur img" ).click(function(){  
 
    function(data) {     
            $(this).attr('src', 'Images/Jeux/p41.png'); 
        }      
 
    });  
});  
</script>

Avec un <table id='conteneur'> qui comporte 42 cases avec dans chaque case une image.

Normalement avec le script ci-dessus, cliquer sur l'une de ces images devrait la remplacer par Images/Jeux/p41.png

Or, aucun effet.

Merci par avance de votre aide.

Bien à vous,
Antoine

**SpaceFrog** · 15/08/2010, 11h37

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">  
$(function(){  
 
    $("#conteneur img" ).click(function(){  
 
    function() {     
            $(this).attr('src', 'Images/Jeux/p41.png'); 
               }      
 
    });  
});  
</script>

chez moi ça fonctionne... aurais tu plusieurs id identiques sur la page?

**ingeniomatique** · 15/08/2010, 11h41

Non y'a qu'un seul ID CONTENEUR et cela ne fonctionne pas.
J'ai testé avec plusieurs versions de JQUERY différentes mais rien à faire.

Voir http://www.tromph.com/jeup4.php

Qu en pensez vous ?

**SpaceFrog** · 15/08/2010, 18h54

J'en pense que tu n'as pas bien regardé mon code ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

  function(data) {

je n'ai pas mis de data...
ton document n'a pas de doctype ...
prend la dernière version officielle de jquery http://code.jquery.com/jquery-1.4.2.min.js

**ingeniomatique** · 15/08/2010, 21h56

Non ça ne passe pas non plus, même sans le data

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<script src="scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">  
$(function(){  
 
    $("#conteneur img" ).click(function(){  
 
    function() {     
            $(this).attr('src', 'Images/Jeux/p41.png'); 
               }      
 
    });  
});  
</script>

Voir www.tromph.com/jeup4.php

Merci par avance

**SpaceFrog** · 16/08/2010, 09h13

là ça relève du marabout ou du vaudou ...
testé chez moi cela fonctionne ...

**ingeniomatique** · 16/08/2010, 10h29

Tu as vu la page finale hébergée chez moi ?
Y'a forcément une explication

**SpaceFrog** · 16/08/2010, 10h30

un souci sur la casse des noms de fichiers ? (maj/min)
sur le path du fichier jsquery ?

**ingeniomatique** · 16/08/2010, 10h54

Visiblement, non. Je viens de vérifier.
Pourrais-tu me transmettre le code complet de la page que tu as testé chez toi et qui fonctionne ? Je vais partir de là et évoluer petit à petit vers ma page pour voir ce qui bloque...

Merci par avance

**SpaceFrog** · 16/08/2010, 11h37

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Nouvelle page 1</title>
<script type="text/javascript" src="Script/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){  
     console.log('trying')
    $("#conteneur img" ).click(function(){  
            $(this).attr('src', '../img/3.gif'); 
 
            });  
});  
</script>
<style type="text/css">
img {
	height: 50px;
	}
</style>
</head>
<body>
<table id="conteneur">
  <tr>
   	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
	<td ><img src="../img/2.gif"></td>
 </tr>
  <tr>
   	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
	<td ><img src="../img/2.gif"></td>
 </tr>
  <tr>
   	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
	<td ><img src="../img/2.gif"></td>
 </tr>
  <tr>
   	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
	<td ><img src="../img/2.gif"></td>
 </tr>
  <tr>
   	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
	<td ><img src="../img/2.gif"></td>
 </tr>
  <tr>
   	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
	<td ><img src="../img/2.gif"></td>
   	<td ><img src="../img/2.gif"></td>
	<td ><img src="../img/2.gif"></td>
 </tr>
</table>
</body>
 
</html>

**ingeniomatique** · 16/08/2010, 11h57

Bon effectivement ça marche...!
Je vais regarder quoi faire pour l'adapter à ma page et je reviens sur ce post si j'ai un souci.

Merci beaucoup en tout cas.

Tableau de 42 cases et images cliquables

jQuery

Discussions similaires

Partager

Partager