Actualise un Div avec Jquery et onmouseover

Robin21a · 07/02/2011, 20h25

Bonjour,

Je cherche le moyen simple pour actualisé plusieurs div au passage de la souris (onmouseover) avec jquery.

Quelqu'un aurais une idée ? Merci

ABCIWEB · 07/02/2011, 20h44

Si c'est pour actualiser des infos en provenance d'un bdd utilises l'ajax de jquery. Sinon c'est que tu n'en a pas assez dit pour qu'on puisse cerner ton pb.

Robin21a · 07/02/2011, 20h55

Citation:

Envoyé par ABCIWEB

Si c'est pour actualiser des infos en provenance d'un bdd utilises l'ajax de jquery. Sinon c'est que tu n'en a pas assez dit pour qu'on puisse cerner ton pb.

Je veux juste "actualiser" le div c'est tout, comme quand on actualise une page, sauf que la j'aimerai que ce soit que les div que j'aurais décidé

ABCIWEB · 07/02/2011, 21h03

Et tes données à rafraichir proviennent d'où ?

Avec ou sans jquery il faudra probablement te tourner vers ajax.

Encore une fois il faut mieux exposer ton problème en donnant des exemples précis si tu veux des réponses plus précises.

Robin21a · 07/02/2011, 21h11

Citation:

Envoyé par ABCIWEB

Et tes données à rafraichir proviennent d'où ?

Avec ou sans jquery il faudra probablement te tourner vers ajax.

Encore une fois il faut mieux exposer ton problème en donnant des exemples précis si tu veux des réponses plus précises.

Je pense que c'est précis quand même, j'ai des div avec du contenu (images, liens, peut importe ! ) je veux rafraîchir les div avec un onmouseover que je place ou je veux...

Pour info jquery comprend de l'ajax...

ABCIWEB · 07/02/2011, 23h04

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
<!--
$(function()
{
	$("#text").mouseover(function() 
		{
 
		$.ajax({
				type: "POST",
				url: 'page_requete_test.php',
				success: function(retour)
					{
						$("#text").empty().append(retour);
					}
				});
 
		});
 
});
-->
</script>
</head>
 
<body>
<div id = "text" style="border:1px solid black; cursor:pointer">
bla bla
</div>
</body>
</html>

ABCIWEB · 08/02/2011, 02h16

Tiens j'y repense, si tu as plusieurs div à rafraichir, vaudrait mieux utiliser les classes puis ensuite récupérer l'id qui te servira de paramètre dans ta requête pour savoir le contenu à retourner :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
<!--
$(function()
{
	$(".rafraichir").mouseover(function() 
		{
 
		var obj = $(this);
		var id = obj.attr("id");
 
		$.ajax({
				type: "POST",
				url: 'page_requete_test.php?id_div='+id,
				success: function(retour)
					{
						obj.empty().append(retour);
					}
				});
 
		});
 
});
-->
</script>
</head>
 
<body>
<div id = "text" class = "rafraichir" style="border:1px solid black; cursor:pointer">
bla bla
</div>
 
<div id = "text2" class = "rafraichir" style="border:1px solid black; cursor:pointer">
ble ble
</div>
 
</body>
</html>

07/02/2011, 20h25	#1
Robin21a Invité de passage Inscription : avril 2007 Messages : 4 Détails du profil Informations forums : Inscription : avril 2007 Messages : 4 Points : 0 Points : 0	Actualise un Div avec Jquery et onmouseover Bonjour, Je cherche le moyen simple pour actualisé plusieurs div au passage de la souris (onmouseover) avec jquery. Quelqu'un aurais une idée ? Merci
	00

07/02/2011, 20h44	#2
ABCIWEB Membre Expert Inscription : septembre 2010 Messages : 1 239 Détails du profil Informations forums : Inscription : septembre 2010 Messages : 1 239 Points : 1 559 Points : 1 559	Si c'est pour actualiser des infos en provenance d'un bdd utilises l'ajax de jquery. Sinon c'est que tu n'en a pas assez dit pour qu'on puisse cerner ton pb. __________________ - Réalisations - Interface graphique : génération en javascript d'objets défilants, texte et/ou images, mode horizontal ou vertical.
	00

07/02/2011, 21h03	#4
ABCIWEB Membre Expert Inscription : septembre 2010 Messages : 1 239 Détails du profil Informations forums : Inscription : septembre 2010 Messages : 1 239 Points : 1 559 Points : 1 559	Et tes données à rafraichir proviennent d'où ? Avec ou sans jquery il faudra probablement te tourner vers ajax. Encore une fois il faut mieux exposer ton problème en donnant des exemples précis si tu veux des réponses plus précises. __________________ - Réalisations - Interface graphique : génération en javascript d'objets défilants, texte et/ou images, mode horizontal ou vertical.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email