Redirection après X secondes avec onMouseover ?

**miniscript** · 17/05/2011, 02h38

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...?

**SpaceFrog** · 17/05/2011, 08h38

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

pour ta redirection :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

setTimeout()

pour le délai

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

self.location.assign()

pour le chargement d'une autre page

**miniscript** · 17/05/2011, 14h43

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 ?

**SpaceFrog** · 17/05/2011, 14h57

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**miniscript** · 17/05/2011, 15h16

Envoyé par SpaceFrog

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

?

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

**SpaceFrog** · 17/05/2011, 15h18

la quintessence du code est ici:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onmouseover="setTimeout(foo,2000)"

arpès tu le mets ou tu veux

**miniscript** · 17/05/2011, 15h23

OK , merci beaucoup !!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

Redirection après X secondes avec onMouseover ?

JavaScript

Discussions similaires

Partager

Partager