Actualise un Div avec Jquery et onmouseover

Version imprimable

07/02/2011, 20h25
Robin21a

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
07/02/2011, 20h44
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.
07/02/2011, 20h55
Robin21a

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é :)
07/02/2011, 21h03
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.
07/02/2011, 21h11
Robin21a

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

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
<!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>

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:

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>