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

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé 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
    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 confirmé
    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    190
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juillet 2006
    Messages : 190
    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 éprouvé 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
    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 expérimenté
    Inscrit en
    Mai 2007
    Messages
    201
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 201
    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 éprouvé 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
    Par défaut
    Si j'enlève le texte, le clique ne fonctionne pas sur l'image de toute façon.

  6. #6
    Membre chevronné 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
    Par défaut
    vire le text-align : left et refait le test ..

  7. #7
    Membre expérimenté
    Inscrit en
    Mai 2007
    Messages
    201
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 201
    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()"/>

+ 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