begin process at 2012 05 30 03:42:56
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

Rollover "image->document"


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Rollover "image->document"

dimanche 9 janvier 2005 à 15:24:48 | Rollover "image->document"

ethernetmaster

Tout est dit dans le titre, je n'arive pas a faire un rollover , pour qu'on passe d'une image au contenu d'une page web.
Par exemple: quand on passera la souris sur l'image de la page1, le contenu de la page 2 s'affichera a la place de l'image de la page 1 !!
J'espere ke vous m'avez compris, docn si y'a un ptit genie qui saurait comment faire ca ... :)

Merci d'avance
dimanche 9 janvier 2005 à 21:22:40 | Re : Rollover "image->document"

the_smurf

Veux tu vraiment avoir une "page2" car dans ce cas il doit y avoir chargement de cette page et ça peut être assez long.

1/  si oui:
Tu peux utiliser les iframes
Dans ta page 1 tu places une iframe qui pointe vers une page (pageImage.html) où il y a seulement l'image en question  et une fonction js qui s'exécute sur l'évenement onMouseOver de l'image.
Cette fonction est appelle le chargemenet de la page2
function nomFonction(){
  location.href="page2"
}

si tu veux remettre l'image quand la souris sort de l'iframe
Dans page1
function nomFonction2(){
  document.getElementByName("nomDeIFrame").src = "PageImage.html"

2/ sinon
Pour moi le mieux est de tout gérer dans la même page.
Tu mets le code de la page 2 dans une variable js (en faisant bien attention de bien protéger les caractère spéciaux)
var page2Src = "......";

Tu crées dans ta page avec l'image dedans.
<div name="zoneChangeante">
  <img ... onMouseOver="change()">
</div>

Et la fonction change() s'occupera de changer le contenu du div
function change(){
  document.getElementByName('zoneChangeante').innerHTML = page2Src;
}


Voilà dans les grandes lignes 2 possibilités

The SMURF
the_little_smurf@yahoo.fr
Enjoy the life, don't waste your time in front of your computer



Cette discussion est classée dans : page, image, contenu, document, rollover


Répondre à ce message

Sujets en rapport avec ce message

double rollover.... [ par clement ] Double Rolloverbonjour a tous.voila mon probleme : a l'origine, 2 images( 1 et 2) sur une page.j'aimerai que qd je passe sur l'image 1 il y ait un rol Changement d'image au clic d'un seul lien [ par ludovicanceaux ] Salut à tous, J'ai créer une fonction en JavaScript qui doit changer une image sur le clic d'1 lien, mais ca marche la 1ère fois et après ca marche +, pb avec un popup [ par kun00538 ] bonjour a tousVoila j'ai une page html avec un avatar par default quand l'utilisateur clic sur le bouton pour change d'image j'ouvre une popup pour ac Réinitialiser le contenu dynamique d'une div cachée [ par istella ] Bonjour, J'ai un niveau débutant en Javascript et php, je dois réaliser une page qui contient des données provenant d'une base de données. Au survol d Navigation Ajax avec Btouton Flash [ par soupson5962 ] Salut J'ai enfin réussie à crée mes bouton sous flash avec des lien qui marche J'ai ensuite récupérai un script pour faire une navigation ajax (chang Intégration d'un diapo [ par dloc ] Hello à tous, Je viens faire appel à vous pour un problème qui me casse fortement la tête et dont j'ai loin d'avoir les capacités nécessaire pour le Problème document.image.src [ par Fred2468 ] Bonjour,J'ai un soucis pour inverser 2 images d'un tableau. J'utilise la fonction document.image mais avec elle je n'arrive pas à changer la source de passer les valeur url dune page a une autre en javascript [ par salasalasala ] [color=green]je vous expliquer mon probleme:[/color] jai une pagef.js------qui contenant une fonction javascript qui recupere les valeurs saisies dans Tester le chargement du cache [ par typhoon ] Bonjour, Après moultes recherches, je passe à la dernière étape : Poser une question... En effet, je n'arrive pas à résoudre le problème suivant: Je Changer d'image par la fonction document.getElementsByName [ par Aguanz ] Bonsoir à tous, voici mon problème: Je souhaiterai que le change d'image de fond d'écran dès lors que la variable obj soit nulle ou non. Le code so


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,357 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales