Lien avec image ne fonctionnant pas

Version imprimable

29/07/2007, 20h58
lodan

Lien avec image ne fonctionnant pas

Bonsoir,

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

Code:

<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 à

Citation:

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
29/07/2007, 23h56
starr

Bonsoir,
déja je vois une erreur dans ta balise

Code:

<img src="../images/tiers_ajout_off.png">

tu dois fermer ta balise comme ceci

Code:

<img src="../images/tiers_ajout_off.png" alt="titre de ton image"/>

pourrait on voir le code javascript qui va avec la fonction :

Code:

AffInfo(event)

?

Merci pour la correction.

Voici la function :

Code:

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}
}

30/07/2007, 09h36
chaminette

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?
30/07/2007, 11h44
lodan

Si j'enlève le texte, le clique ne fonctionne pas sur l'image de toute façon.
30/07/2007, 14h27
miloux32

vire le text-align : left et refait le test ..
30/07/2007, 14h29
chaminette
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:

1 2 <img src="image.jpeg" class="bouton" onclick="fct()"/>
30/07/2007, 18h18
lodan

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:

<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:

<a .....><img ..../></a>
30/07/2007, 18h34
lodan

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.