Code et image réactive

par Flanby Mar 12 Oct - 19:44

Bonsoir à toutes et tous !

Mon souci, ce soir, si vous l'acceptez, est d'éviter le décalage d'une image réactive quand on clique sur un lien qui n'ouvre pas sur une nouvelle page.

Plus clairement : j'ai créer une image réactive grace au très bon tutoriel dispo sur le forum. Jusque la tout va bien, ça marche nikel.
Le problème est que, lorsque je veux cliquer sur un lien qui n'ouvre pas de nouvelle fenetre(pas de target=blank, donc une recharge de la page avec la nouvelle URL), mon image subit un décalage. Décalage qui s'accentue lorsqe l'on clique plusieurs fois sur l'url redirectrice.(il suffit de faire un petit coup de F5 pour que l'image reprenne sa place).

Ainsi, j'aimerai d'une part, savoir d'ou vient le problème, et d'autre part, savoir s'il n'est pas possible d'ouvrir une nouvelle page avec l'url que l'on souhaite tout en fermant l'ancienne (j'ai cru comprendre que la balise <area shape> n'accepte pas le js).

Je vous donne le code de ma page réactive :

Code:: <img usemap="#image_d_accueil" src="http://img7.hostingpics.net/pics/198649logoforumv1.png" width="1400" height="640" border="0"> <map name="image_d_accueil"> <area shape="poly" title="Liste des albums" coords="54,472,46,458,243,342,249,358" href="http://mad-sound.get-board.net/nota-bene-a-lire-f4/liste-des-albums-musiques-etc-etant-disponible-t52.htm" target="_blank"> <area shape="poly" title="Les derniers uploads" coords="47,530,40,517,284,375,292,387" href="http://mad-sound.get-board.net/search.forum?search_keywords=&sid=&q=&domains=mad-sound.get-board.net&sitesearch=mad-sound.get-board.net&client=&forid=1&ie=utf-8&oe=utf-8&hl=fr&cof=GALT:%237f7f7f;GL:1;DIV:%233d3d3d;VLC:%239c9169;AH:center;BGC:%23292929;LBGC:%233d3d3d;ALC:%23c3c6cd;LC:%237f7f7f;T:%23ababab;GFNT:%237f7f7f;GIMP:%237f7f7f;FORID:11&search_terms=any&search_author=*&search_where=c2&search_time=1&show_results=topics&sort_by=0&sort_dir=DESC&google=" target="_blank"> <area shape="poly" title="Les NEWS" coords="150,527,142,514,239,459,245,470" href="http://mad-sound.get-board.net/news-et-avancement-f1/les-nouveautes-qui-vont-etre-mise-en-place-maj-regulieres-t82.htm" target="_blank"> <area shape="poly" title="Petit Guide et Régelement" coords="88,627,81,615,371,445,380,457" href="http://mad-sound.get-board.net/nota-bene-a-lire-f4/regles-guide-et-fondements-de-bonnes-discussions-t2.htm" target="_blank"> <area shape="poly" title="Page Utile" coords="203,629,194,618,356,522,364,536" href="http://mad-sound.get-board.net/test-h2.htm" target="_blank"> <area shape="rect" title="Forum Mad Sound" coords="0,0,800,640" href="http://mad-sound.get-board.net/forum.htm"> </map>

Et le code que j'ai collé dans description :

Code:: <iframe name=Image map src= http://mad-sound.get-board.net/Image-d-accueil-h3.htm frameborder=0 scrolling=no height=640 width=1400></iframe>

Pour voir de quoi je parle, testez vous même en cliquant dans la partie haute de l’image (j'ai changé l'image récemment, c'est pourquoi certains liens sont tjrs actifs dans le bas de page, il faut que je remette des boutons^^)
http://mad-sound.get-board.net/forum.htm

par Ea Mar 12 Oct - 20:19

Bonjour,

Si tu cliques sur un lien sans modification dans une iframe ça l'ouvre dans l'iframe, donc ce que tu vois en vérité c'est une page du forum ouverte dans une page du forum ouverte dans une page du forum, ...

Il suffit de mettre dans le lien target="_parent" pour qu'il s'ouvre dans la page parente à l'iframe.

( ou alors ajouter dans la partie <head> de l'iframe <base target="_parent" /> et ça mettre par défaut la cible des liens de l'iframe à la page parente )

Cordialement.

par Flanby Mar 12 Oct - 20:26

Merci énormément, votre réponse clair et net a résolu mon problème !

Bonne soirée Wink

Code et image réactive

Code et image réactive

Re: Code et image réactive

Re: Code et image réactive