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

par **philippe** » Sam 14 Mar 2009 12:22

Bonjour,
Voici une question qui jusqu'à maintenant n'a trouvée aucune réponse, après de longues recherches sur le net.

1/ Je sais faire un rollover simple ou un rollover déporté dans une seule iframe,

2/ je sais faire un lien cliquable avec 2 iframes :
(première iframe avec une image cliquable --> Une image apparaît dans la deuxième iframe).

3/ Je souhaiterais faire un rollover AVEC 2 iframes où le onMouseOver se produirait DANS la deuxième iframe,
(cette condition m'est nécessaire par rapport au style de mise en page que je veux appliquer à mes pages).

Apparement la solution n'est pas évidente à trouver !
Peut-être connaissez-vous la réponse ?

Cordialement,

Philippe

Zepatente re bonjour,

Je sais que c'est un cross-frame mais je ne comprend pas le codage.

Pour info voici l'adresse d'un site qui en parle.
[url]http://pagesperso-orange.fr/coin.des.experts/reponses/faq7_5.html
[/url]
Si tu peux m'expliquer clairement leurs explications, car là, c'est pas clair pour moi.
Merci à demain.

Philippe

par **zepatente** » Sam 14 Mar 2009 14:52

peux tu me donne le code de on roll over déporté je vais l'adapter

par **philippe** » Sam 14 Mar 2009 15:10

Re re bonjour,
Il me semble qu'il y a plusieurs demandes sur ce sujet (plus ou moins bien formulées) dans le forum.

Bon courage !
Merci

Philippe

Voici le code du casse-tête :

Code: Tout sélectionner: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Expanding Photos</title> <style type="text/css"> img.mini {border:none} /* no border around left column images */ div#minis a:hover {background:White} /* this seems to be necessary for it to work properly in IE6, I'm honestly not sure why */ div#minis a img.big {height: 0; width: 0; border-width: 0} /* hide the big image by making its height and width 0 */ div#minis a:hover img.big {position:absolute; top:10px; left:250px;height:240px;width:240px;border:none} /* make the big imag appear in the same space as the frame at right when the visitor hovers over one of the image in left column */ #frame {position:absolute; top:16px;left:118px;height:240px;width:480px;border:none White;font: 1em "Trebuchet MS", Verdana, sans-serif;color:White;padding:10px} /* create an empty frame so that visitors expect something to go there */ p {margin-bottom:0px} /*add bottom margin to p elements so that they are (roughly) aligned with the big image frame */ </style> </head> <body> <div id="minis"> <p><a class="photo" title="Name"> <img class="mini" src="http://www.........image1.jpg" width="100" height="40" alt="Name" /><img class="big" src="http://www.........image1.jpg" width="100" height="40" /></p> <p><a class="photo" title="Name"> <img class="mini" src="http://www.........image2.jpg" width="100" height="40" alt="Name" /><img class="big" src="http://www.........image2.jpg" width="100" height="40" /></p> <p><a class="photo" title="Name"> <img class="mini" src="http://www.........image3.jpg" width="100" height="40" alt="Name" /><img class="big" src="http://www.........image3.jpg" width="100" height="40" /></a></p> </div> </body> </html>

par **zepatente** » Sam 14 Mar 2009 16:34

je regarde çà demain oki ?

par **Marc** » Sam 14 Mar 2009 16:44

Petite reflexion à deux balles :
les widgets fragments HTML d'iWeb sont des iframes : si vous ajouter des iframes dedans, voilà ce que vous obtenez :
une 1ère iframe contenant une 2e iframe que je survole modifiant le contenu d'une 3e iframe elle même contenu dans une 4e iframe

Mieux faire un widget HTML unique contenant le code HTML des deux iframes et et les liens vers lesjavascripts qui leur permettra interagir ensemble cote à cote.d'ailleurs si je ne me trompe, les javascripts qui sont fournis sur le net, le sont pour ce genre de disposition (les deux iframes sur la même page)

En haut, votre disposition

en bas, ce que je propose

par **philippe** » Sam 14 Mar 2009 17:18

Bonjour Marc

il me semble que tu déplaces le problème dans une iframe.
Il existe des codes pour faire des cross-frames avec Dreamwaver par exemple, mais cela oblige à faire une mise en page dans des cadres où l'on doit tout paramétrer.
C'est exactement ce que je ne veux pas faire pour garder toute liberté dans la mise en page du site.
L'intérrêt du Mac et de iWeb, c'est de se libérer d'un maximum de contraintes.

Le vrai casse-tête de ce sujet c'est de faire comprendre à l'iframe n° 2 que le onMouseOver apparaît dedans.
Il y a surement un moyen d'y arriver (même si il n'est pas accadémique).

Philippe

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

liens entre iframes

liens entre iframes

Publicité

Re: liens entre iframes

Re: liens entre iframes

Re: liens entre iframes

Re: liens entre iframes

Re: liens entre iframes

Re: liens entre iframes

Re: liens entre iframes

Re: liens entre iframes

Re: liens entre iframes

Qui est en ligne