Marche sous Mozilla mais pas sous IE

Marsh Posté le 03-11-2005 à 23:18:14

Ouais vraiment bizarre...mais j'suis sûr que vous alllez me filer un petit coup de main (ça doit être tout con)
J'explique.

Dans un panier, je donne la possibilté au client de changer la quantité d'un article ( input type="text" ..... ).
Mais il faut recalculer le prix total.

Je peux utiliser :<input name="modifPanier" type="submit" class="button" value="ACTUALISER" />

ça marche mais comme je veux faire joli, je décide de mettre une petite calculatrice (.gif), on clique dessus et zou ça recalcule tout ça.

Je fais alors: <input type="image" name="modifPanier" value="ACTUALISER" src="../images/logo/calculatrice.gif" />

Ca marche nickel sous Mozilla mais pas sous IE. Des explications ?

PS:
Dans la barre d'adresse url:
sous IE: ......../monsite/public/panier.php?nb0=1&modifPanier.x=11&modifPanier.y=8
sous Mozilla : ......./monsite/public/panier.php?nb0=10&modifPanier.x=8&modifPanier.y=12&modifPanier=ACTUALISER

Il me manque en fait sous IE le : modifPanier=ACTUALISER

Une idée ? j'ai honte j'suis sur que c'est tout simple en plus.

Message édité par bizzard85 le 03-11-2005 à 23:20:30

Reply

Marsh Posté le 03-11-2005 à 23:18:14

Reply

Marsh Posté le 04-11-2005 à 08:31:29

j'ai testé ton truc et effectivement ca pose problème. alors je te propose de contourner le truc en utilisant des CSS et en virant ton type="image" et en mettant un input"submit" avec du texte dedans.

du coup on garde l'accessibilité pour les non voyants au niveau de ta page.

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style>
input.calculette {
display:block; /*Pour pouvoir degager le texte avec un text-indent dans les navigateurs propres*/
overflow:auto; /*Pour pouvoir utiliser un padding-left sans soucis.*/
width: 65px;
height:20px;
_padding-left:5000px; /*On vire le texte sous IE, le text-indent ne fonctionne pas sur un input sous IE*/
text-indent:-5000px; /*On vire le texte sous les autres navigateurs*/
border:none;
background: url(calc.gif);
}
</style>
</head>
<body>
<form action="mapage.php">
<input type="submit" name="boutonValid" class="calculette" value="ACTUALISER">
</form>
</body>
</html>

Je sais pas si cette technique a déjà été utilisée, mais je viens de faire ça en 5 minutes.

Faudrait quand même tester sous Opera, et puis les autres navigateurs.

Message édité par gatsusat le 04-11-2005 à 08:32:58

---------------
Les CSS c'est bon mangez-en

Reply

Marsh Posté le 04-11-2005 à 17:28:34

OK bonne idée, je regarde ça et je vous tiens au courant...

Reply

Marsh Posté le 04-11-2005 à 19:33:51

ca marche sous IE et firefox ma chose làa

---------------
Les CSS c'est bon mangez-en

Reply

Marsh Posté le 05-11-2005 à 09:27:23

Bon pas de pb ça marche.
En plus impec pour la méthode je veux faire valider le site en CSS strict (en fait je suis en train de le faire basuler en total CSS).

Juste un petit truc.

Je veux aussi donner la possibilté de valider le changement de quantité non seulement en cliquant sur la calculette mai aussi en appuyant sur la touche "ENTER" ------> accesskey je pense.

Je vais voir ça.

En tout cas merci Gatsusat...

Message édité par bizzard85 le 05-11-2005 à 09:30:10

Reply

Marsh Posté le 05-11-2005 à 09:29:59

ben a partir du moment ou tu as un submit dans le formulaire, la touche enter fait son boulot quand tu te trouve dans un input text

sinon ne cherche pas à valider la feuille de style, on le dit et on le repete, ca sert à rien, a part se branler la nouille. tant que des navigateurs comme IE nous feront chier, ca servira à rien.

c'est surtout le HTML qui doit rester propre. La CSS elle est lu partout et mes trucs avec le _ devant les propriétés c'est un hack IE que seul IE lira. donc cherche pas à valider ta CSS.

ton objectif : un code HTML sémantiquement propre et valide.

---------------
Les CSS c'est bon mangez-en

Reply

Marsh Posté le 05-11-2005 à 09:33:10

Dis donc Gatsusat; on t'a déjà dit que tu posts plus vite que ton ombre....

Merci pour tout.

Message édité par bizzard85 le 05-11-2005 à 09:34:13

Reply

Marsh Posté le 05-11-2005 à 09:33:48

Mais non il poste pas vite. On passe notre temps libre bénévolement sur ce forum c'est tout

---------------
http://www.alsacreations.com, http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net. A ne surtout pas prendre en exemple : http://www.worldinternet.be

Reply

Marsh Posté le 05-11-2005 à 10:54:48

J'ai juste répondu au bon moment lol

---------------
Les CSS c'est bon mangez-en

Reply

Marche sous Mozilla mais pas sous IE

Sujets relatifs:

Leave a Replay