Code et image réactive

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code et image réactive

Message par Flanby le Mar 12 Oct 2010 - 21: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


Dernière édition par Flanby le Mar 12 Oct 2010 - 22:26, édité 1 fois

Flanby
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 11/10/2010

http://mad-sound.get-board.net/forum.htm
Flanby a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code et image réactive

Message par Ea le Mar 12 Oct 2010 - 22: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.

Ea
Aidactif
Aidactif

Messages : 23417
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code et image réactive

Message par Flanby le Mar 12 Oct 2010 - 22:26

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

Bonne soirée Wink

Flanby
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 11/10/2010

http://mad-sound.get-board.net/forum.htm
Flanby a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum