iWeb Beginner Forum Iweb Beginner : Forum d'assistance sur Apple iWeb

[Sreub]

Salut !

Je suis en train de refaire mon site, et je veux aller encore plus cette fois ci.

Le but est d'avoir des iframes qui s'ouvrent et qui puissent se fermer via des rollovers.
Malgré de multiples recherches sur google, je n'arrivent pas à trouver un fragment html qui peut faire l'affaire.

Merci de votre aide.

[Sreub]

Bon, j'ai pas une piste pour ma question.
En fouillant dans le magnifique forum d'iweb beginner, je suis tombé sur une intervention de Marc qui me semble se rapprocher de ce que je veux (voir le ça).

Pour le popup un tuto sur clubiweb

à moins que tu préfères un truc comme ça c'est assez proche de ce que tu demandais

Marc peux tu m'aiguiller ?

[Marc]

Code: Tout sélectionner

<div style="height:340px; font: 13px Verdana, Arial, Helvetica, sans-serif; color:#CCC;">
   <p><a href="javascript:;" onclick="var r=document.getElementById('readmore').style;r.display=(r.display=='none')?'':'none';this.innerHTML=(r.display=='none')?'Cliquer ici pour lire la suite':'X fermer la suite;try {hs.getExpander(this).reflow();} catch(e){}; return false;" style="color:#999; text-decoration:none;">Lire la suite</a></p>
   <div id="readmore" style="display:none">
ici on met le texte ou le code à cacher
   </div>
</div>

on change dans ce code :

• la hauteur (height:340px;)
• la police, sa taille sa couleur (font: 13px Verdana, Arial, Helvetica, sans-serif; color:#CCC;)
• la couleur du lien (style="color:#999; text-decoration:none;")
• Lire la suite (le texte qui sert de lien pour lire la suite)
• X fermer la suite
• Cliquer ici pour lire la suite
• ici on met le texte ou le code à cacher

Dimensionner manuellement le widget apres avoir appliquer le code : le widget doit être de la hauteur et de la largeur de ce que vous voulez affichez une fois ouvert.
http://iweb.debutersurmac.com/experience/cacher.html

[Sreub]

Salut Marc,

merci pour la rapidité de ta réponse,
je n'avais pas du tout imaginé ça comme ça, malheureusement pour moi.
Je vais donc exposer mon problème via 2 petites images.
1/Depuis ma page parent, j'ai besoin de voir le contenu d'une autre page au click sur le rollover.

2/la fermeture de l'iframe se fera via une icône ( autre rollover ) à l'intérieure de cette dernière fenêtre, ou bien en recliquant sur le rollover de la page parent.


Je reste ouvert à toutes autres suggestion...

merci d'avance

[Marc]

Ah que j'aimerais bien être beau, intelligent et super-calé en JavaScript!
mais le problème c'est que je suis seulement beau et intelligent.

Edit: j'ai oublié de rajouter "modeste aussi"

[Sreub]

Bon, c'est dur dur de trouver quelques choses la dessus...
néanmoins, j'ai peut être une piste à tester, trouver sur un forum.

"You have to give your iFrame a Name like:-
<iframe name="maincontent" width="300" height="255" src="iframephoto1.html" title="Photo 1">.....</iframe>

and in the link somwhere else on the page:-
<a href="iframephoto2.html" target="maincontent"><img src="image.gif" alt="next" title="next"/></a>

You will have to add the relevant Name into your iFrame code and the target=" " into your rollover code."

Y a plus qu'à...

Merci encore de ton aide Marc le beau, l' intelligent mais pas super calé en JavaScript !