Recharger une balise <div> sans recharger la page

Version imprimable

22/12/2008, 17h31
bebest93

Recharger une balise <div> sans recharger la page
Bonjour à tous, je cherche un script permettant de recharger une balise <div>, par exemple, avec ce script qui permet d'afficher un nombre au hasard :
Code:

1 2 3 4 5 6 <div id="number"> <script type="text/javascript"> var randomnumber=Math.floor(Math.random()*11) document.write(randomnumber); </script> </div>
Il me faudrait un script qui recharge la balise <div id="number"></div> toutes les 10 sec, et ainsi que le nombre change toutes les 10 sec.

Cet exemple n'a pas vraiment d'intérêt mais ça peut-être très utile pour afficher l'heure en "live".

Le but étant bien sûr de ne pas recharger la page complète.

Merci.

Code:

1
2
3
4
5
6
<script type="text/javascript">
var randomnumber=Math.floor(Math.random()*11)
setInterval(function(){document.getElementById('number').innerHTML=randomnumber},10000);
</script>
<div id="number">
</div>

et pour appliquer:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div id="heure">heure</div>
 
 
<script type="text/javascript">
 
setInterval(function(){
	auj=new Date();
	um= auj.getMinutes()<10 ? "0" : "";
	us= auj.getSeconds()<10 ? "0" : "";
	t=auj.getHours()+"h "+um+auj.getMinutes()+"min "+us+auj.getSeconds();
	document.getElementById("heure").firstChild.data=t
	},
	1000)
 
</script>

24/12/2008, 12h25
bebest93

Merci pour ces réponses, le second script fonctionne très bien.