Redirection après X secondes avec onMouseover ?

Version imprimable

17/05/2011, 02h38
miniscript

Redirection après X secondes avec onMouseover ?

Bonjour,

Je voudrais savoir s'il est possible avec la fonction "onMouseover" de mettre en place une action qui définirait une redirection vers X après Z secondes ?

J'ai vu qu'il était possible avec cette meme fonction de mettre en place des actions toute simple telle que le changement de couleur du texte ou encore l'apparrition d'une "infobulle" et tout ça, au passage de la souris.

Désormais est-il possible d'associer onMouseover avec un script 'un peu pus lourd' que les simples actions telles que changement de couleur, d'images etc...?
17/05/2011, 08h38
SpaceFrog

Désormais ? non ça a toujours été possible ...

pour ta redirection :

Code:

setTimeout()

pour le délai

Code:

self.location.assign()

pour le chargement d'une autre page
17/05/2011, 14h43
miniscript

Lol merci infiniment parce que j'ai proposé la conception d'un tel script en étant prêt a y mettre 100e de budget section 'Annonces' et a post a été vu plus de 250 fois sans avoir la moiiindre réponse de la part d'un développeur XD

Après peut être m'étais je ma exprimé !

En tout cas chers modérateur je t'en remercie infiniment et je vais testé ça maintenant.

Pour corser un peu le truc, est-il possible que "l'élément" soit une iframe ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Nouvelle page 1</title>
<script type="text/javascript">
function foo(){
self.location.assign("http://www.google.fr")
}
</script>
</head>
<body>
<iframe onmouseover="setTimeout(foo,2000)"></iframe>
</body>
</html>

Citation:
Envoyé par SpaceFrog
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Nouvelle page 1</title> <script type="text/javascript"> function foo(){ self.location.assign("http://www.google.fr") } </script> </head> <body> <iframe onmouseover="setTimeout(foo,2000)"></iframe> </body> </html>
Tu es mon King XD

Merci mille fois c'est énorme !

Petite dernière demande, pour mettre mon iframe personalisée, je dois :

Mettre ceci "<iframe name="test" SRC="http://google.fr" scrolling="no" height="220" width="180" FRAMEBORDER="yes"></iframe>"

À la place de cela "<iframe onmouseover="setTimeout(foo,2000)"></iframe>" :D ?

Ou : <iframe onmouseover="setTimeout(foo,2000)"> SRC="http://google.fr" scrolling="no" height="220" width="180" FRAMEBORDER="yes"></iframe> ?

Encore merci beaucoup pour l'aide, je suis à la limite de la résolution de ma question :)

17/05/2011, 15h18
SpaceFrog

la quintessence du code est ici:

Code:

onmouseover="setTimeout(foo,2000)"

arpès tu le mets ou tu veux :aie:

OK , merci beaucoup !!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<html>
<head>
  <script type="text/javascript">
function foo(){
self.location.assign("http://www.google.fr")
}
  </script>
</head>
<body>
<iframe onmouseover="setTimeout(foo,2000)" src="http://www.funradio.fr"  frameborder="yes" height="620" scrolling="no" width="580"></iframe>
</body>
</html>

Ca marche à merveille !