High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

Bouton rollover ouvrant fenêtre pop up

Dernière réponse le 24 avr 2009 à 14:23:35 Seph, le 24 avr 2009 à 01:27:49 
 Signaler ce message aux modérateurs

Bonjour,

Je souhaiterai créer un bouton rollover (à base de 2 images petit format) ouvrant une fenêtre pop up contenant une troisième image (de plus grand format) ainsi qu'une brève description textuelle en dessous (ceci de multiples fois sur une page avec 3 images différentes à chaque fois).

Je travaille sous Dreamweaver CS4, c'est mon premier site et j'ai peu de connaissance en code.

Merci par avance.

Meilleures réponses pour « Bouton rollover ouvrant fenêtre pop up » dans :
Bloquer les fenêtres pop-up VoirRien de plus agaçant que les fenêtres de publicité intempestives qui s’ouvrent aux quatre coins de l’écran. Pourtant il est assez simple de les bloquer. Le plus souvent, il suffit de modifier l’une des options de votre navigateur. Bloquer les...
Le blocage des pop-up dans Google Toolbar VoirVider le compteur de fenêtres pop-up La barre d'outils Google Toolbar n'enregistre pas les fenêtres pop-up qui ont été bloquées sur l'ordinateur. Il n'est donc pas indispensable de remettre à zéro ce compteur de fenêtres pop-up. Toutefois, il est...
[Popups] Ouverture de fenêtres internet publicitaires (pop-up) Voir
Posez votre question Répondre

1

totoAussi, le 24 avr 2009 à 01:58:45

Voici la solution:

<html>
<head>
</head>
<body>

<img src='imageDuBouton1.gif' name='nameBouton' onmouseover='afficherImageDuBouton2EtPopUp();' onmouseout='afficherImageDuBouton1();'>

<script language='javascript'>

function afficherImageDuBouton2EtPopUp()
{
document.nameBouton.src='imageDuBouton2.gif';

popUp=open('','','location=0');
popUp.document.write("<html><body><img src='imageNumero3.jpg'><br>Commentaire ...</body></html>");
}

function afficherImageDuBouton1()
{
document.nameBouton.src='imageDuBouton1.gif';
}
</script>

</body>
</html> Merci à CCM et aux webmasters

   
Répondre à totoAussi

2

Seph, le 24 avr 2009 à 02:43:49

Merci pour cette réponse si rapide!

Cependant je n'arrive pas a faire fonctionner ce script à moins de mettre la partie javascript dans l'head de la page html, mais dans ce cas, dès le survol de l'image que la fenêtre pop up apparait.

Que puis-je faire pour que la fenêtre pop up apparaisse seulement après un clique si le bouton/image rollover?

N'étant vraiment pas a l'aise en code, il est possible que je fasse complètement fausse route, dans ce cas, n'hésitez pas à me corriger.

Merci d'avance.

   
Répondre à Seph

3

totoAussi, le 24 avr 2009 à 03:12:36

Voici la solution:

<html>
<head>
</head>
<body>

<a href='javascript:afficherPopUp();'><img src='imageDuBouton1.gif' name='nameBouton' onmouseover='afficherImageDuBouton2();' onmouseout='afficherImageDuBouton1();'></a>

<script language='javascript'>

function afficherPopUp()
{
popUp=open('','','location=0');
popUp.document.write("<html><body><img src='imageNumero3.jpg'><br>Commentaire ...</body></html>");
}


function afficherImageDuBouton2()
{
document.nameBouton.src='imageDuBouton2.gif';
}

function afficherImageDuBouton1()
{
document.nameBouton.src='imageDuBouton1.gif';
}
</script>

</body>
</html> Merci à CCM et aux webmasters

   
Répondre à totoAussi

4

 Seph, le 24 avr 2009 à 14:23:35
  • +1

Merci beaucoup, cela fonctionne!

Néanmoins, ayant boutons de ce type de bouton avec 3 images a chaque fois (2 boutons + grande image pop up) dois-je recopier une fonction a chaque fois avec des noms différents?

De plus, est-il possible d'attribuer une taille à la fenêtre pop up?

Merci d'avance!

   
Répondre à Seph
Posez votre question Répondre
Ils ont besoin de votre aide