Rollover

**SoGood** · 07/09/2005, 00h00

Bonjour,

J'ai une page contenant un bloc global. Ce bloc contient un bloc menu et un bloc pageCentrale.
J'aimerais savoir, s'il est possible de faire apparaître une page (comportant des images et du texte) différent dans le bloc pageCentrale grace a rollover en fonction du lien choisi dans le menu.

Si oui, où puis-je trouver des infos à ce sujet ?

Merci d'avance pour vos infos.

**AlphaYoDa** · 07/09/2005, 00h15

elo,

"grace a un rollover" : normalement on clique sur les lien, on ne s'attend pas à ce que la page change au moindre survol

c'est du coté PHP qu'il faut voir si tu peux utiliser un tel langage (fonction include)

sinon tu peux aussi utiliser une gestion de modèles html, pour avoir différentes pages identiques avec un contenu variable.

**Sub0** · 07/09/2005, 00h24

Un exemple rapide peut-être :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
<head>
<style type="text/css">
a div {
  visibility:hidden; 
}
 
a:hover div { 
  visibility:visible; 
}
 
</style>
</head>
<body>
 
<a href="#1">lien1<div>contenu1</div></a><br>
<a href="#2">lien2<div>contenu2</div></a><br>
<a href="#3">lien3<div>contenu3</div></a><br>
 
</body>
</html>

Suivant la complexité du projet, Javascript peut être nécessaire (avec innerHTML)...
Par contre, PHP ne peut rien pour toi dans ce cas précis, à+

**AlphaYoDa** · 07/09/2005, 00h28

C'est que j'aurai compris la question de travers ?

mais il me semble qu'il parle d'afficher une page complète dans un div et non de cacher-afficher ce div conteneur.

**Sub0** · 07/09/2005, 00h55

Dans ce cas, Javascript semble approprié, exemple :

Code :

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

1
2
3
4
5
6
7
8
<html> 
<body>
<iframe id="frm" src=""></iframe><br> 
<a href="#1" onmouseover="getElementById('frm').src='http://<a href="http://www.developpez.net/forums/&#39;;">lien1</a><br>" target="_blank">www.developpez.net/forums/';">lien1</a><br></a> 
<a href="#2" onmouseover="getElementById('frm').src='http://google.fr/';">lien2</a><br> 
<a href="#3" onmouseover="getElementById('frm').src='http://nexen.com';">lien3</a><br> 
</body>
</html>

**SoGood** · 07/09/2005, 14h38

Il est vrai que je ne me suis pas forcément bien expliqué et je n'ai pas utilisé les bons termes.
Je veux juste savoir s'il est possible d'afficher à la volé des mises en page différentes dans mon conteneur pageCentrale en utilisant la pseudo-class :hover

Rollover

HTML

Discussions similaires

Partager

Partager