Auteur Sujet: HTML : Des boutons non rectangulaires  (Lu 3536 fois)

Hors ligne keke

  • Animateur
  • Membre Junior
  • *****
  • Messages: 89
  • Karma: +3/-0
    • Magdales
HTML : Des boutons non rectangulaires
« le: 04 décembre 2009 à 13:35:06 »
Bonjour,

Je suis un petit nouveau en HTML, et je pose une question de newbee.

Voilà, je voudrais créer un bouton (de type FORM) qui ne soit pas rectangulaire... ou plus précisément, que la zone cliquable ne soit pas rectangulaires. La nuance fait toute la différence.

En  effet, je suis en train de passer Magdales en 2D isométrique. J'aimerais que ma rosace ressemble à autre chose qu'une agglomérat de 9 images réparties en tableau 3x3
--------------
|NO| N  | NE|
--------------
| O |  C | E  |
--------------
|SO|  S | SE|
--------------

L'idéal serait un "Map AREA" mais avec des boutons. (les Map Area sont à ma connaissance exclusivement pour des liens)

Avez vous des idées ?

Kéké
PS : Je ne souhaite pas de liens pour des contraintes de sécurités.
PS : le problème est plus théorique que pratique ... je dispose de méthode de contournement qui me satisfont ... (presque).
PS : Je me demande ... Est-ce que le code ci-joint, trouvé sur le net, peut répondre à ma demande ?
<script language="javascript">
function fsubmit(value_p)
{
document.forms['form1'].feuille.value = value_p;
document.forms['form1'].submit();
}
</script>
<form name="form1" method="post" action="index2.php">

<input type="hidden" name="feuille" value="">

<a href="javascript:fsubmit('VALEUR1');">
<img src="IMAGE1.gif" width="155" height="15" border="0">
</a>

<a href="javascript:fsubmit('VALEUR2');">
<img src="IMAGE2.gif" width="155" height="15" border="0">
</a>

</form>
En utilisant ce principe, je peux faire un map area sur lequel je glisse du javascript, qui rempli le form et le valide ... Bon, je suis loin d'être fana de javascript, mais ça doit être faisable ...

Source : http://www.commentcamarche.net/forum/affich-462414-onclick-et-submit-de-form
« Modifié: 04 décembre 2009 à 13:40:53 par keke »
Kéké : administrateur de Magdales.

Hors ligne Prelude

  • Administrateur
  • Membre Héroïque
  • *****
  • Messages: 1155
  • Karma: +9/-0
    • Mon blog
Re : HTML : Des boutons non rectangulaires
« Réponse #1 le: 04 décembre 2009 à 14:37:38 »
En effet, ce code peut répondre à ta demande, mais...
Si tu l'utilises, je remplacerais le début par :

function fsubmit(value_p)
{
document.getElementById("feuille").value = value_p;
document.getElementById("form1").submit();
}

En mettant des ID correspondant (le tag "name" pour un formulaire n'est pas valide).

Ensuite, ça ne sécurise rien.
Tu peux sécuriser simplement cryptant la donnée à l'aide d'une clef générée côté serveur et conservé dans une session par exemple (si tes sessions sont sécurisées...).
Si tu n'as pas de fonction de cryptage avec clef, j'en mettrais une ici.

Hors ligne keke

  • Animateur
  • Membre Junior
  • *****
  • Messages: 89
  • Karma: +3/-0
    • Magdales
Re : HTML : Des boutons non rectangulaires
« Réponse #2 le: 05 décembre 2009 à 10:26:58 »
Oki Prélude,

Je m'en vais le tester.

Kéké
Kéké : administrateur de Magdales.