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

[philippe]

C'est à nouveau moi et j'en reviens à ce problème de lien entre les iframes.

Pourquoi un lien cliquable fonctionne t-il, alors qu'un lien avec rollover ne marche pas ?

Ce problème me " turlupine " !!!

[zepatente]

c'est à dire j'ai du mal à comprendre

[philippe]

c'est à dire j'ai du mal à comprendre

Exemple 1 :
J'ai 2 iframes (IF1 et IF2).
Dans IF1 j'ai une image vignette, je clique dessus et ma grande image apparait dans IF2. Là le lien se fait entre les 2 iframes.

Exemple 2 :
J'ai 2 iframes (IF1 et IF2).
Dans IF1 j'ai un rollover (image 1 et image 2).
Au repos je suis donc en image 1.
Je passe ma souris sur image 1, et je voudrais que le onMouseOver fasse apparaitre l'image 2 (qui normalement apparait dans IF1) dans IF2.

C'est toujours le même casse tête que mes post précédents (lien entre iframes).
Comment faire ?

[philippe]

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

Bonjour Marc
J'en reviens à ton exemple.
Aurais-tu un exemple (lien ou code) pour l'illustrer ?
J'ai besoin de cette fonction pour la mise en page d'un nouveau site.
Merci.

Philippe

[Marc]

En fait si tu choisis l'exemple du bas c'est à dire de n'afficher qu'un seul widget fragment HTML dans iWeb
alors tu n'as pas besoin d'iFrame à l'intérieur tu peux agencer tes images comme tu veux en langage HTML et CSS et leurs interactions en Javascript parce que pour l'instant depuis le début de ce topic je vois passer des adresses d'images dans des scriptset non des adresses de pages HTML qui justifieraient l'utilisation d'iFrame avec la disposition que je préconise
les rectangles oranges et verts ne représentent pas forcément des iframes ça peut être une images ou un l'ensemble de plusieurs images , une zone de texte, un contenu quelqconque etc.
En fait tu peux générer une page sur dreamweaver (si tu l'as) avec HTML, CSS et Javascript (CSS et Js sur la page HTML ou en fichiers liés ) et l'afficher dans iWeb grâce à un widget fragment HTML. tous les codes fournis sur le net le sont pour une disposition sur une page unique.

[philippe]

Marc voici en image ce que je veux faire.

[Marc]

C'est là qu'on se comprend pas car comme vous me l'aviez fait remarqué, ma disposition ne permet pas de placer les éléments comme on veut au sein d'une page iWeb, il n'y a qu'un fragment HTML et 2 éléments à savoir ( le "bouton" et sa "cible") sont dedans (le Javascript (ou le lien vers un javascript externe) aussi
Pour une disposition "comme vous le vouliez" je vous avais conseillé l'édition de la page iWeb avec un éditeur de texte.

[philippe]

C'est là qu'on se comprend pas car comme vous me l'aviez fait remarqué, ma disposition ne permet pas de placer les éléments comme on veut au sein d'une page iWeb, il n'y a qu'un fragment HTML et 2 éléments à savoir ( le "bouton" et sa "cible") sont dedans (le Javascript (ou le lien vers un javascript externe) aussi
Pour une disposition "comme vous le vouliez" je vous avais conseillé l'édition de la page iWeb avec un éditeur de texte.

Voici un lien pour exemple :

http://www.phvillard.fr/Site/testiframes.html

Je veux faire la même chose en survolant les boutons et non pas en cliquant dessus.

[zepatente]

peut tu me donner le code de la cible du bouton je suis en train de faire des tests

[philippe]

CODE IFRAME 1 (ICI, JE SURVOLE LE BOUTON, SANS CLIQUER):

<a href="http://www....../Site/dossvisuels/dossimages/depor/test1.jpg" title="Titre du lien" target="if1"><img src="http://www.......fr/Site/dossvisuels/dossimages/depor/bouton1.jpg" border="0"
</a>


CODE IFRAME 2 (LÀ, L'IMAGE APPARAIT) :

<iframe name="if1" SRC = "" WIDTH="300px" HEIGHT="150px" FRAMEBORDER="0" --"0"= pas de bordure, pour une bordure "1" MARGINWIDTH ="0px" MARGINHEIGHT="0px" SCROLLING="no" --"no" iframe non déroulante, "yes" toujours déroulante, "auto" déroulante si nécessaire > Votre navigateur ne supporte pas IFRAME </iframe>