Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 10/11/2011, 12h22   #1
Invité de passage
 
Inscription : avril 2008
Messages : 38
Détails du profil
Informations forums :
Inscription : avril 2008
Messages : 38
Points : 1
Points : 1
Par défaut mouseover sur image

Bonjour, je voudrais qu'au passage de la souris sur une image qui est affichée grâce à un lien et un tableau associatif fetcharray $row[adr_photo] comme voici le lien <a href=\"require/albumPhotos.php?id_album=$row[id_album]&amp;nom=$row[nomA]\"><img src=\"album/$row[nomA]/$row[adr_photo], je voudrais que les autres lignes, donc les autres résultats retournés du fetch array s'incrémentent dans une fonction javascript mouseover et mouseout.

Voici mon code :

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
$sql="SELECT * FROM evenement,album,photo 
					where album.id_even=evenement.id_even 
					and photo.idAlbum=album.id_Album
					";  							
					$result=mysql_query($sql);//on execute la requette
while ($row=MySQL_Fetch_Array($result))//je fait une boucle pour que $row prenne la valeur de chaque champ
					{
 
  						echo "
  						<tr>
  						   <td>
  						       <h3>"; 
  						              echo "<a href=\"require/albumPhotos.php?id_album=$row[id_album]&amp;nom=$row[nomA]\">$row[nomA]</a>";echo"</h3>
  						   </td>
  						   <td>
  						       <h3>";echo $row['titre']; echo"</h3>
  						   </td>
						   <td>";
  						       echo "<a href=\"require/albumPhotos.php?id_album=$row[id_album]&amp;nom=$row[nomA]\"><img src=\"album/$row[nomA]/$row[adr_photo]\" 
							   class=\"apercu_photo\" 
							   onmouseover=\"display_images('album/$row[nomA]/$row[adr_photo]|','$row[id_photo]','i')\"
							   onmouseout=\"no_display_images\">"; 
 
							echo"</td>
  						 </tr>";
et la fonction javascript
 
<script type="text/javascript">
var t;
function display_images(values1, imageId, i){
	images = values1.split('|');
	i++;
	document.getElementById('image'+imageId).src = images[i];
	t = setInterval("display_images1('"+values1+"', '"+imageId+"')", 800);
 
 
}
var i = 1;
 
 
 
function display_images1(values1, imageId){
	images = values1.split('|');
	i++;
	if(i == images.length){
		i = 0;
	}
	document.getElementById('image'+imageId).src = images[i];
}
 
function no_display_images(defaulImage, imageId){
	clearInterval(t);
	document.getElementById('image'+imageId).src = defaulImage;
}
 
</script>
Mais cela ne fonctionne pas.

Si quelqu'un peut me mettre sur une piste, ce serait sympa.

Merci d'avance.
chlock62 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 10/11/2011, 13h44   #2
Expert Confirmé Sénior
 
Avatar de RomainVALERI
 
Homme Romain VALERI
POOête
Inscription : avril 2008
Messages : 2 574
Détails du profil
Informations personnelles :
Nom : Homme Romain VALERI
Âge : 35
Localisation : France, Meurthe et Moselle (Lorraine)

Informations professionnelles :
Activité : POOête

Informations forums :
Inscription : avril 2008
Messages : 2 574
Points : 4 077
Points : 4 077
1) orthographe/écriture en mode "accident de camion"
2) extraits de code sans balises CODE
3) le fameux "ça ne fonctionne pas"
4) code serveur posté à la place du code généré

Est-ce une tentative de record ?
__________________

...pour les linguistes et les curieux >>> générateur de phrases aléatoires

__________________
RomainVALERI est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 10/11/2011, 14h14   #3
Invité de passage
 
Inscription : avril 2008
Messages : 38
Détails du profil
Informations forums :
Inscription : avril 2008
Messages : 38
Points : 1
Points : 1
Par défaut re

Bonjour, je voudrais qu'au passage de la souris sur une image qui est affichée grâce à un lien et un tableau associatif fetcharray $row[adr_photo] comme voici le lien <a href=\"require/albumPhotos.php?id_album=$row[id_album]&amp;nom=$row[nomA]\"><img src=\"album/$row[nomA]/$row[adr_photo], je voudrais que les autres lignes, donc les autres résultats retournés du fetch array s'incrémentent dans une fonction javascript mouseover et mouseout.

Voici mon code :

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
$sql="SELECT * FROM evenement,album,photo 
					where album.id_even=evenement.id_even 
					and photo.idAlbum=album.id_Album
					";  							
					$result=mysql_query($sql);//on execute la requette
while ($row=MySQL_Fetch_Array($result))//je fait une boucle pour que $row prenne la valeur de chaque champ
					{
 
  						echo "
  						<tr>
  						   <td>
  						       <h3>"; 
  						              echo "<a href=\"require/albumPhotos.php?id_album=$row[id_album]&amp;nom=$row[nomA]\">$row[nomA]</a>";echo"</h3>
  						   </td>
  						   <td>
  						       <h3>";echo $row['titre']; echo"</h3>
  						   </td>
						   <td>";
  						       echo "<a href=\"require/albumPhotos.php?id_album=$row[id_album]&amp;nom=$row[nomA]\"><img src=\"album/$row[nomA]/$row[adr_photo]\" 
							   class=\"apercu_photo\" 
							   onmouseover=\"display_images('album/$row[nomA]/$row[adr_photo]|','$row[id_photo]','i')\"
							   onmouseout=\"no_display_images\">"; 
 
							echo"</td>
  						 </tr>";
et la fonction javascript
 
<script type="text/javascript">
var t;
function display_images(values1, imageId, i){
	images = values1.split('|');
	i++;
	document.getElementById('image'+imageId).src = images[i];
	t = setInterval("display_images1('"+values1+"', '"+imageId+"')", 800);
 
 
}
var i = 1;
 
 
 
function display_images1(values1, imageId){
	images = values1.split('|');
	i++;
	if(i == images.length){
		i = 0;
	}
	document.getElementById('image'+imageId).src = images[i];
}
 
function no_display_images(defaulImage, imageId){
	clearInterval(t);
	document.getElementById('image'+imageId).src = defaulImage;
}
 
</script>
Mais cela ne fonctionne pas.

Si quelqu'un peut me mettre sur une piste, ce serait sympa.

Merci d'avance.
chlock62 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 10/11/2011, 14h22   #4
Expert Confirmé Sénior
 
Avatar de RomainVALERI
 
Homme Romain VALERI
POOête
Inscription : avril 2008
Messages : 2 574
Détails du profil
Informations personnelles :
Nom : Homme Romain VALERI
Âge : 35
Localisation : France, Meurthe et Moselle (Lorraine)

Informations professionnelles :
Activité : POOête

Informations forums :
Inscription : avril 2008
Messages : 2 574
Points : 4 077
Points : 4 077
1) orthographe/écriture en mode "accident de camion"
2) extraits de code sans balises CODE
3) le fameux "ça ne fonctionne pas"
4) code serveur posté à la place du code généré

On s'éloigne du record

ps : le point (1) est moins gênant, mais le reste...
__________________

...pour les linguistes et les curieux >>> générateur de phrases aléatoires

__________________
RomainVALERI est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 06h30.


 
 
 
 
Partenaires

Hébergement Web