Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 17/05/2011, 02h38   #1
Invité de passage
 
Inscription : mai 2011
Messages : 5
Détails du profil
Informations forums :
Inscription : mai 2011
Messages : 5
Points : 1
Points : 1
Par défaut 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...?
miniscript est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 17/05/2011, 08h38   #2
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 009
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 009
Points : 45 094
Points : 45 094
Désormais ? non ça a toujours été possible ...

pour ta redirection :
pour le délai
pour le chargement d'une autre page
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 17/05/2011, 14h43   #3
Invité de passage
 
Inscription : mai 2011
Messages : 5
Détails du profil
Informations forums :
Inscription : mai 2011
Messages : 5
Points : 1
Points : 1
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 ?
miniscript est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 17/05/2011, 14h57   #4
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 009
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 009
Points : 45 094
Points : 45 094
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>
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 17/05/2011, 15h16   #5
Invité de passage
 
Inscription : mai 2011
Messages : 5
Détails du profil
Informations forums :
Inscription : mai 2011
Messages : 5
Points : 1
Points : 1
Citation:
Envoyé par SpaceFrog Voir le message
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>" ?

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
miniscript est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 17/05/2011, 15h18   #6
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 009
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 009
Points : 45 094
Points : 45 094
la quintessence du code est ici:
Code :
onmouseover="setTimeout(foo,2000)"
arpès tu le mets ou tu veux
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 17/05/2011, 15h23   #7
Invité de passage
 
Inscription : mai 2011
Messages : 5
Détails du profil
Informations forums :
Inscription : mai 2011
Messages : 5
Points : 1
Points : 1
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 !
miniscript est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 13h35.


 
 
 
 
Partenaires

Hébergement Web