Discussion :

[calitom]

Pourquoi ce qui suit n'est pas interprété par Internet Explorer, alors que Firefox l'interprète normalement...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById('imagetshirt').src='images/produits/trompe-B.png';

[Jérémy Lefevre]

oui j'ai déjà eu ce genre de problème dit moi où est ce que tu introduis ce code ou où est ce que tu lances la fonction??!!....

[calitom]

Voici ma fonction javascript:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
function changecouleur(couleur)
{
  if(couleur=="blanc")
  {
  document.getElementById('imagetshirt').src='images/produits/trompe-B.png';
  }
  else if(couleur=="noir")
  {
  document.getElementById('imagetshirt').src='images/produits/trompe-N.png';
  }
}

Et voici l'appel a cette fonction:

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<td width="62" align="center"><a href="javascript:changecouleur('noir');"><img src="images/choix_tshirt/t-shirt-noir-V.gif" width="50" height="47" border="0" /></a></td>
<td width="60" align="center"><a href="javascript:changecouleur('blanc');"><img src="images/choix_tshirt/t-shirt-blanc-V.gif" width="50" height="47" border="0" /></a></td>

Et voici l'image qui change lorsqu'on appel cette fonction:

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<td id="produit" height="106" align="center"><img src="images/produits/trompe-B.png" id="imagetshirt" width="136" height="104" /></td>

[Bisûnûrs]

Quelle balise a l'id imagetshirt ?

Tu ne mets que la moitié de ton code ...

[calitom]

c'est la troisième c'est la balise img ds la td id=produit...

[Bisûnûrs]

Ben écoute je viens d'essayer ce code et il fonctionne très bien sur IE et Firefox :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function changecouleur(couleur){
  if(couleur=="blanc"){
    document.getElementById('imagetshirt').src='image1.jpg';
  }
  else if(couleur=="noir"){
    document.getElementById('imagetshirt').src='image2.jpg';
  }
}

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<img src="image1.jpg" id="imagetshirt" />
 
<a href="javascript:changecouleur('noir')">Change1</a>
<a href="javascript:changecouleur('blanc')">Change2</a>

[calitom]

Voici la fonction tel qu'elle est réellement... Je l'avais épuré pour faciliter la lecture, mais vu que ce ue tu as testé marche, l'erreur doit venir d'ailleurs, mais je ne vois pas d'ou...

Code :

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
24
25
26
27
28
29
30
31
 
function changecouleur(couleur){
  a=document.getElementById('cell').style.backgroundImage;
 
if((a=="url(images/structure/homme-blanc.gif)")||(a=="url(images/structure/homme-noir.gif)"))
  {
  	if(couleur=="blanc")
  	{
    	document.getElementById('cell').style.backgroundImage='url(images/structure/homme-blanc.gif)';
    	document.getElementById('imagetshirt').src='images/produits/trompe-B.png';
  	}
  	else if(couleur=="noir")
  	{
    	document.getElementById('cell').style.backgroundImage='url(images/structure/homme-noir.gif)';
    	document.getElementById('imagetshirt').src='images/produits/trompe-N.png';
  	}
  }
  else if((a=="url(images/structure/femme-blanc.gif)")||(a=="url(images/structure/femme-noir.gif)"))
  {
	if(couleur=="blanc")
  	{
    	document.getElementById('cell').style.backgroundImage='url(images/structure/femme-blanc.gif)';
    	document.getElementById('imagetshirt').src='images/produits/trompe-B.png';
  	}
  	else if(couleur=="noir")
  	{
    	document.getElementById('cell').style.backgroundImage='url(images/structure/femme-noir.gif)';
    	document.getElementById('imagetshirt').src='images/produits/trompe-N.png';
  	}
  }
}

En gros cette fonction est pour mettre en vente des Tshirts personnalisables...
Le Tshirt est décomposé en deux images: le texte et le tshirt.

En fait il peut y avoir un tshirt blanc ou noir, et pour femme ou pour homme dans chaque couleur.
Donc il y a quatre tshirt, et a chaque fois le texte peut s'adapter sur tous les modèles. Mais pour ca, il faut le texte sur fond-noir pour le tshirt homme noir et femme noir, ou le texte sur fond blanc, pout le tshirt homme blanc et femme blanc...

Donc je cherche à permettre à l'utilisateur de visualiser toutes les possibilitées pour chaque phrase(homme noir, homme blanc, femme noir, ou femme blanc)

Est ce que j'ai réussi à être clair?
C assez dur a expliquer!...

[calitom]

Voici un lien pour avoir un aperçu de ce que je veux...
http://www.le-web-ideal.fr/kdodebil/...ww/tshirts.php

Il faut cliquer sur les symboles homme ou femme et les images des tshirts noir ou blanc...

[calitom]

Comme on peut le voir sur le lien précédent, ca marche niquel avec firefox, mais avec internet explorer ca ne marche pas...

Et je viens de m'apercevoir que ca ne marche pas non-plus sous opéra!!

Pourquoi?????????????? C'est chiant de rendre son script compatible pour tous les navigateurs!!!