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

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

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>

Actualise un Div avec Jquery et onmouseover

jQuery

Discussions similaires

Partager

Partager