FORM input image valeur non renvoyé par IE Fermé

Question

Bonjour, j'ai fait un formulaire (melange de php et javascript) avec 2 bouton image (input type=image) qui ont 2 valeur différente (l'un true l'autre false)... mon problème réside dans le fait que l'envoi des valeurs appropriées à ces boutons ne fonctionne pas avec Internet Explorer (IE ne gère pas les onClick), pouvez-vous m'aider ? script php d'affichage formulaire >> echo '

Mathieu C. · Accepted Answer

Bonjour,

Plus simple et fonctionne avec tous les navigateurs :
Passage de la valeur par le nom et toujours par POST en ajoutant à la fin du nom la valeur entre 2 caractères spéciaux.

HTML => Exemple de plusieurs input image pour aligner du texte :

<input type="image" name="Align_left_" value="left" src="left.gif">
<input type="image" name="Align_center_" value="center" src="center.gif">
<input type="image" name="Align_right_" value="right" src="right.gif">

PHP => Récupération de "value" du input envoyé (recherche par expression régulière "preg_match") :

if(preg_match("'(.*)(?P<PostName>Align)(?P<Delimiter1>[_]{1})(?P<Value>[^_]*)(?P<Delimiter2>[_]{1})(.*)'i",implode(array_keys($_POST)),$Post)){
	$InputValue=$Post["Value"];
}

Ne reste plus qu'à utiliser "$InputValue" comme si c'était "$_POST["Align"]" !

Amusez-vous bien avec vos boutons persos !
Mathieu.

alain42 · Answer

Salut,

Tu epux passer en parametre dans l'url index>php?............&flag=

Monkey Monk · Answer

Bonjour, 
oui mais le but c'est aussi d'éviter cette solution ^^... merci quand même !
Sinon, là je planche sur le css des boutons (input type=submit class=btn) ...mais bon c'est loin de mes images d'origines !

Monkey Monk · Answer

Bon... j'ai trouver une solution... le bidouillage de bouton. C'est pas la plus fière... mais ça marche ! Pour ceux que ça intéresse, j'explique : J'ai flancher et utiliser des input type=submit (au lieu des type=image) et je leurs ai fait une jolie feuille de style ^^ (css) ! Voilà le code now... : echo '

'; echo ' '; echo '

'; echo ' '; echo ' '; .. en temps normal j'aurais 2 boutons, moches, avec ecrit "false" et "true" ^^ mais avec css : input.boutonins { border:1px solid #e3bc06; background-image:url(inscrire.gif); height:16px; width:69px; font-family:Verdana; font-size:0px; font-weight:bold; color:white; cursor:pointer; } input.boutonins:hover { border:1px inset #e3bc06; font-weight:bold; color:white; } input.boutondesins { border:1px solid #e3bc06; background-image:url(desinscrire.gif); height:16px; width:96px; font-family:Verdana; font-size:0px; font-weight:bold; color:white; cursor:pointer; } input.boutondesins:hover { border:1px inset #e3bc06; font-weight:bold; color:white; } ...avec css, disais-je, je met le texte du bouton à 0px et remplace le background par mon image (mon bouton rien qu'à moi ^^)... Notez que j'ai utilisé du blanc pour le texte car 1.IE gardait une trace minuscule du "true" et "false"... et 2.c'est la couleur située au centre de mes boutons ! (=D) Camouflage oui ! Mais résultat satisfaisant pour le moment... jusqu'à ce que je trouve une meilleure solution qui allie esthétique et efficacité ! A propos d'éfficacité... si qqun peu me dire si je peu optimisé ma css ...ça serai cool ! Et sur ce, je vais me coucher ! Merci ! That's all falks ! ^^

Monkey Monk · Answer

Oh !
Pour les newbie pur dur j'ai oublié de donner ces qques liens... vachement utiles !
=> w3c reference : https://www.w3schools.com/default.asp
=> pour les "sorry jconé po" : http://css.mammouthland.net/

Voilà, bonne nuitée !

FORM input image valeur non renvoyé par IE

5 réponses

Discussions similaires