IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Lien avec image ne fonctionnant pas


Sujet :

HTML

  1. #1
    Membre extrêmement actif Avatar de lodan
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    2 064
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 064
    Points : 682
    Points
    682
    Par défaut Lien avec image ne fonctionnant pas
    Bonsoir,

    Phénomène étrange que je n'arrive pas à comprendre.
    Voici mon code

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#pop2" class="pop" onclick = "AffInfo(event)" style="text-align: left; color : #000; font-weight: bold;"><img src="../images/tiers_ajout_off.png">titi</a>
    Si je clique sur "titi", j'ai mon info qui est affiché grâce à
    AffInfo(event)
    Si je clique sur l'image, je n'est pas mon info.

    Je ne vois pas d'erreur dans mon code.

    Merci de m'éclairer

  2. #2
    Membre régulier
    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    190
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juillet 2006
    Messages : 190
    Points : 80
    Points
    80
    Par défaut
    Bonsoir,
    déja je vois une erreur dans ta balise
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="../images/tiers_ajout_off.png">
    tu dois fermer ta balise comme ceci
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="../images/tiers_ajout_off.png" alt="titre de ton image"/>
    pourrait on voir le code javascript qui va avec la fonction :?

  3. #3
    Membre extrêmement actif Avatar de lodan
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    2 064
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 064
    Points : 682
    Points
    682
    Par défaut
    Merci pour la correction.

    Voici la function :

    Code Javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    gk=window.Event?1:0; // navigateurs Gecko ou IE
    D=document;popup=encours=0
     
    function AffInfo(e)
    {
    	de=!D.documentElement.clientWidth?D.body:D.documentElement // IE6
    	sx=gk?pageXOffset:de.scrollLeft //scroll h
    	sy=gk?pageYOffset:de.scrollTop //scroll v
    	x=gk?e.pageX:event.clientX+sx; //curseur x
    	y=gk?e.pageY:event.clientY+sy; //curseur y
    	el=gk?e.target:event.srcElement;
    	if(!el.tagName)el=el.parentNode; // noeud #text
    	if(el.className == 'pop')
    	{
    		popup = D.getElementById(el.href.substring(el.href.lastIndexOf('#') + 1)).style; 
    		if(popup!=encours) // seulement si changement  
    		{
    			encours.display='none';
    			with(popup){display="block";left=x+'px';top=y+10+'px';}
    			encours=popup;
    		}
    	} else {encours.display='none';encours=0}
    }

  4. #4
    Membre actif
    Inscrit en
    Mai 2007
    Messages
    201
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 201
    Points : 202
    Points
    202
    Par défaut
    Je me demande si c'est le fait d'avoir du texte qui fait que l'image n'est plus à cliquer !!!!!
    Si tu enlèves le texte qu'est ce qui se passe?

  5. #5
    Membre extrêmement actif Avatar de lodan
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    2 064
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 064
    Points : 682
    Points
    682
    Par défaut
    Si j'enlève le texte, le clique ne fonctionne pas sur l'image de toute façon.

  6. #6
    Membre confirmé Avatar de miloux32
    Profil pro
    Inscrit en
    Juillet 2003
    Messages
    545
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2003
    Messages : 545
    Points : 565
    Points
    565
    Par défaut
    vire le text-align : left et refait le test ..

  7. #7
    Membre actif
    Inscrit en
    Mai 2007
    Messages
    201
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 201
    Points : 202
    Points
    202
    Par défaut
    alors si pour mettre une image qui est cliquabel, tu peux utiliser un bouton et dans ta CSS (ou entre deux balises<style>) , tu crées une classe pour ce bouton ou tu mets l'images en 'background' et tu fixes la longueur et largeur selon les dimensions de ton image !

    Sinon voici ce que j'ai mis comme code dans un de mes projets :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <img src="image.jpeg" class="bouton" onclick="fct()"/>

  8. #8
    Membre extrêmement actif Avatar de lodan
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    2 064
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 064
    Points : 682
    Points
    682
    Par défaut
    Citation Envoyé par miloux32
    vire le text-align : left et refait le test ..
    Merci, j'ai même viré tout le style, mais rien n'y fait.

    Citation Envoyé par chaminette
    Sinon voici ce que j'ai mis comme code dans un de mes projets :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="image.jpeg" class="bouton" onclick="fct()"/>
    Merci, c'est une autre façon de faire qui me ferait revoir complètement mon code. Mon but était juste de remplacer le texte par une image et la doc est pourtant claire, il est possible d'écrire :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a .....><img ..../></a>

  9. #9
    Membre extrêmement actif Avatar de lodan
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    2 064
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 064
    Points : 682
    Points
    682
    Par défaut
    J'ai craqué, je fais comme chaminette le préconise.

    Je dois retouché beaucoup de lien, mais tant pi cela vaut la peine.

    Merci à tous.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Lien vers image ne fonctionne pas sous IE
    Par vincesylver dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 07/10/2013, 16h12
  2. Lien vers mp3 ne fonctionne pas avec IE8
    Par musicg dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 03/03/2011, 13h59
  3. [HTML & CSS] Lien avec image
    Par Yoshidu62 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 25/04/2006, 12h36
  4. Pb lien avec image et texte dans un li
    Par lalouve dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 09/03/2006, 01h33
  5. Réponses: 16
    Dernier message: 01/02/2006, 19h09

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo