| |
 Savez-vous bien utiliser les outils de mesure d'audience ?
Effectuez-vous un calcul de ROI (Retour sur investissement) pour savoir comment améliorer vos campagnes emarketing ?
Savez-vous utiliser les bons outils pour booster votre taux de transformation ?
La formation Web Analytics de Ranking Metrics, présentée par un expert reconnu officiellement par Google Analytics, vous apportera les réponses à toutes vos questions !
===> Informations et inscriptions.
|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
ladaman
Nouveau WRInaute
Inscrit le: 09 Nov 2005
Messages: 47
Localisation: Paris
|
 Posté le : Mer Juil 26, 2006 15:31 Sujet du message: Remplacer iframe par div avec roll over |
|
|
Salut à tous,
Je sais qu'il existe d'autres post très semblables au mien mais j'ai quand même besoin de conseil car un détail semble faire toute la différence.
Dans ma page j'ai une partie fixe et une iframe. Dans la partie fixe j'ai 4 boutons différents et ces boutons appellent chacun une page html différente (qui apparaît dans l'Iframe) quand on les survole.
J'aimerais remplacer cette iframe par une div à laquelle j'applique la class overflow mais mon gros problème est que je n'arrive pas à gérer le changement de page html (celle qui apparaît dans l'Iframe) avec un "simple" survole (et pas un clique).
Je pense que la solution se trouve du côté de javascript pour la gestion du survol et de php pour un include dans l'iframe mais malheureusement mon niveau de "programmation" (c'est un bien grand mot vu ce que je tente de faire) ne me permet pas d'y arriver et j'en appelle donc à vot' bon coeur M'sieurs Dames.
Merci d'avance de votre aide. |
|
| |
|
 |
dd32
Modérateur
Inscrit le: 09 Sep 2005
Messages: 3085
Localisation: Witamine d'abord !
|
| Posté le : Mer Juil 26, 2006 15:32 Sujet du message: Remplacer iframe par div avec roll over |
|
|
Bonjour,
fais voir ton code stp |
|
| |
|
|
ladaman
Nouveau WRInaute
Inscrit le: 09 Nov 2005
Messages: 47
Localisation: Paris
|
| Posté le : Mer Juil 26, 2006 15:58 Sujet du message: Remplacer iframe par div avec roll over |
|
|
Salut,
pour l'instant je gère le changement de mes iframe avec ce javascript:
| Code: |
function loadIframe(iframeName, url) {
if ( window.frames[iframeName] ) {
window.frames[iframeName].location = url;
return false;
}
else return true;
}
|
Que j'appelle avec ce html
| Code: |
| <a href="iframe_1.htm" onmouseover="loadIframe('ifrm', this.href)">Premiere iframe</a> |
et en ce qui concerne le PHP, je pensais me servir de code (trouvé sur Alsacréation: h**p://css.alsacreations.com/Tutoriels-PHP/Inclure-un-fichier-dans-un-autre-grace-a-CSS-et-PHP)
| Code: |
<?php
if (!isset($_GET['page'])) $page= 'accueil'; else $page= $_GET['page'];
switch($page)
{
case 'accueil': include ('accueil.txt');break;
case 'presentation': include ('presentation.txt');break;
case 'suite':include ('suite.txt');break;
case 'fin':include ('fin.txt');break;
}
?>
|
Qu'en pensez vous ? Je suis sur la bonne piste ? |
|
| |
|
|
Serious
WRInaute accro
Inscrit le: 21 Nov 2005
Messages: 2437
|
| Posté le : Mer Juil 26, 2006 17:06 Sujet du message: Remplacer iframe par div avec roll over |
|
|
Non tu es sur la mauvaise 
Tu ne peux pas acceder a un autre fichier pour mettre a jour une div. Par contre, tu peux mettre l'ensemble des div dans ta page et n'en rendre qu'une seule visible. |
|
| |
|
|
ladaman
Nouveau WRInaute
Inscrit le: 09 Nov 2005
Messages: 47
Localisation: Paris
|
| Posté le : Mer Juil 26, 2006 17:21 Sujet du message: Remplacer iframe par div avec roll over |
|
|
Salut Serious,
Merci pour ton aide, je vais me pencher sur ton idée.
A+ |
|
| |
|
|
obi
WRInaute occasionnel
Inscrit le: 26 Juil 2006
Messages: 238
Localisation: Toulouse
|
| Posté le : Mer Juil 26, 2006 18:07 Sujet du message: Remplacer iframe par div avec roll over |
|
|
C'est effectivemnt Serious qui a raison ;)
Tu peux faire cela avec CSS + un peu de js pour IE. Un exemple simplifié:
ton code html est une liste <dl> avec
| Code: |
<dt><a href="#mon-bout-de-page">passe ici pour voir mon bout de page</a></dt>
<dd id="mon-bout-de-page"><h1>Mon bout de page : titre</h1><p>blah blah</p></dd> |
etc ...
La CSS resemble à ça
| Code: |
dl {
width: 20em;
}
dd {
display:none;
}
dl:hover + dd, dd.previousLinkHover {
display:block;
position:absolute;
top:0;
left:20em;
} |
Pour faire marcher ça dans IE, un petit coup de javascript qui va ajouter/enlever la classe previousLinkHover sur le dd quand le lien le précédent et survolé.
Beauté du geste, cela reste accessible sans javascript, et sans css: idéal pour le référencement.
J'utilise un principe assez similaire pour faire des image-map "évolués":
http://www.esterel-technologies.com/industry/electronics/usage-and-success-stori...
Pour le js, je ne me suis pas foulé, j'ai ajouté un truc tout fait qui aide IE à comprendre le sélecteurs CSS "avancés" |
|
| |
|
|
| |
|
|
|
|
Autres sujets de discussion :
|
|
