script pour action d'un bouton html

Version imprimable

01/09/2009, 13h53
Jiyuu

script pour action d'un bouton html

Bonjour à tous,

Je souhaite utiliser un bouton pour exécuter une action autre que "Submit" ou "Reset". Dans mon cas actuel il s'agit de sauvegarder les valeurs d'un formulaire dans une bdd.

Pour cela je pensai utiliser le troisième type de bouton que le HTML nous offre. J'ai lu qu'il fallait pour le faire fonctionner, utiliser un script Java, VB ou PHP. Comme je maitrise aucun de ces langage je voulais savoir s'il existe une solution pour faire des scripts en python ou plus généralement comment faire ce que je souhaite à la base (enregistrer les valeurs de formulaire dans une bdd).

Dernière info, je souhaite éviter l'enregistrement en même temps que l'envoi du formulaire. J'aimerai vraiment dissocier ces deux actions...
01/09/2009, 14h12
pacificator

Salut,

Citation:

Je souhaite utiliser un bouton pour exécuter une action autre que "Submit" ou "Reset"

Je vois pas ce que tu lui reproche au <input type="submit"> c'est standard?

Si tu veux juste créer un enregistrement d'une instance de modèle, tu peux utiliser directement les ModelForm.

Si tu dois faire autre chose, tu envoyes tes données à ta vue (en POST) et tu utilises un formulaire Django avec validation des champs au besoin.

Cela depend de ton besoin exacte..
01/09/2009, 19h32
Jiyuu

Citation:

Envoyé par pacificator

Salut,

Je vois pas ce que tu lui reproche au <input type="submit"> c'est standard?

Je ne lui reproche rien du tout. Ce que je souhaite c'est dissocier la fonction "envoi pour poursuivre dans le site" et la fonction "envoi pour enregistrement"...

Je m'explique...
Mon site a trois pages, contenant chacune un formulaire. La validation du premier permet de renseigner une partie du second et la validation du second permet de renseigner une partie du dernier.

A chaque moment l'utilisateur peut valider et passer à l'étape suivante ou revenir en arrière si les résultats ne sont pas satisfaisant.
A la fin l'utilisateur peut s'il le souhaite enregistrer les données pour pouvoir les retravailler ultérieurement.
Si j'associe "l'envoi pour validation" avec "l'envoi pour enregistrement" systématiquement j'aurai un nouvel enregistrement. Il va donc falloir que je gère des références de projets, doublons... et j'ai pas envie.
Alors que si je peux dissocier les deux c'est beaucoup plus simple.

Il va aussi falloir rapidement que je me penche sur l'aspect "édition d'un rapport". Mon programme étant déjà fonctionnel en python pur (pas de Django), mon modèle de rapport existe déjà avec reportlab.
Je sais qu'il y a une façon de faire avec Django et pour le moment je n'ai même pas essayé de chercher.
Je me dis que si je peux créer encore un nouveau bouton et faire en sorte qu'un clic dessus lance le script python qui me permet de faire mon rapport actuel, je vais gagner un max de temps, avant un peau-finage final et nikel de mon site.

Voila entre autre pourquoi je cherche à faire ceci...
01/09/2009, 20h03
Tyrus

Euh je ne vois pas le problème tu mets un name différent pour tes deux boutons submit et tu as deux actions différentes :/

Moi pas comprendre ton problème ??
01/09/2009, 20h15
pacificator

regarde du côté des formWizard si ça repond à ton besoin.
01/09/2009, 20h49
Jiyuu

Cet outil à l'air très intéressant mais je ne pense pas qu'il me permettent de créer un autre bouton dans mon formulaire final me permettant de lancer un enregistrement ou un édition pdf. Ou sinon c'est que j'ai pas tout pigé, ce qui est aussi possible.

Par contre cet exemple me montre une nouvelle fois la puissance des Form, et j'en profite pour poser deux petites questions supplémentaires et un peu hors sujet:
* La mise en forme du formulaire est-elle figée ou y a t-il un moyen de positionner à notre convenance les éléments du formulaire...
* Comment gérer les caractères spéciaux dans les noms des éléments des formulaire...
01/09/2009, 21h18
malick021988

A mon avis on peut bien positionné les éléments d'un formulaire comme bon nous semble. les champs sont toujours du genre: {{formulaire.champs}} donc à toi de voir où le positionné dans ton template.
Pour les caractères spéciaux je ne comprends pas trop mais dans les form je crois qu'il exite une option 'label' donc si "label=u'Elève:'" je crois qu'en faisant :{{formulaire.champs.label}} tu aura ton label:Elève.
Merci et j'espère t'avoir aider.
01/09/2009, 21h25
pacificator

Citation:

La mise en forme du formulaire est-elle figée ou y a t-il un moyen de positionner à notre convenance les éléments du formulaire...

de base, tu peux utiliser les méthodes as_p, as_table et as_ul qui génerent ton formulaire dans l'odre de définition des champs dans ta classe formulaire
Si cela ne te convient pas, tu peux coder 'en dur' la répresentation dans tes templates.(comme indiqué par malick021988)

Citation:

Comment gérer les caractères spéciaux dans les noms des éléments des formulaire...

En utilisant les labels.
02/09/2009, 06h54
Jiyuu

Ok et merci pour ces réponses.

Pour revenir à ma question originale et après pas mal de recherche j'ai l'impression que notre simple bouton n'accepte pas grand chose d'autre que le JavaScript ou VBScript ou PHP.
Qu'à cela ne tienne...

J'ai trouvé une astuce pour faire ce que je veux...

Une dernière page qui récapitule toutes les valeurs calculées dans mon formulaire, et un petit cadre avec des CheckBox pour les suite à donner au projet... (enregistrement, export, édition...)
Et le tour est joué.

Merci de votre participation à vous deux.

Bonne journée
02/09/2009, 12h21
Tyrus

Citation:

ccepte pas grand chose d'autre que le JavaScript ou VBScript ou PHP.

Il faut vraiment que tu m'explique cette partie car je capte pas
le bouton tu parle du bouton html du style input type submit ou type button ?

comment tu fais pour mélanger deux langage coté serveur et un langage coté client ? 8O
(quoique vbscript pour faire un site :aie: )

Et qu'est que tu peux faire sois disant faire avec ces 3 langage que tu ne peux pas faire en python :roll:
02/09/2009, 13h07
Jiyuu

Citation:

Envoyé par Tyrus

Il faut vraiment que tu m'explique cette partie car je capte pas
le bouton tu parle du bouton html du style input type submit ou type button ?

type button

Citation:

Envoyé par Tyrus

comment tu fais pour mélanger deux langage coté serveur et un langage coté client ? 8O
(quoique vbscript pour faire un site :aie: )

Relis le début tu verras que justement il est là mon problème. Je ne veux pas utiliser un autre langage. Malheureusement le bouton html en question ne permet à priori pas un script en python... Donc j'abandonne cette solution et je prends l'idée de mon dernier post.

Citation:

Envoyé par Tyrus

Et qu'est que tu peux faire sois disant faire avec ces 3 langage que tu ne peux pas faire en python :roll:

Dans le cas présent rendre l'utilisation du bouton html type button fonctionnel.

Pour le reste... Hhhhhhhhhhhmmmmmmmmm perdre du temps. C'est pour ça que j'aime Python.

Evidemment si tu me trouves une solution pour lancer une fonction python en cliquant sur ce maudit bouton je suis preneur.
02/09/2009, 19h14
Tyrus

Alors pour te répondre voila un petit extrait des spec d'html

Citation:

les boutons poussoirs : les boutons poussoirs n'ont pas de comportement par défaut. Chaque bouton poussoir peut avoir des scripts côté client qui sont associés aux attributs d'événement de l'élément. Quand un événement se produit (par exemple, l'utilisateur presse le bouton, le relâche, etc.), le script associé est déclenché.

Donc on peux les utiliser avec un script javascript (et donc php ou vbscript je ne vois pas comment il peuvent provoquer une action sur ce type de bouton)

Mais si tu veux quelque chose de plus personnalisable tu peux utiliser l'element button
http://www.la-grange.net/w3c/html4.0...ml#edef-BUTTON
02/09/2009, 19h42
Jiyuu

Citation:

Envoyé par Tyrus

Alors pour te répondre voila un petit extrait des spec d'html

Donc on peux les utiliser avec un script javascript (et donc php ou vbscript je ne vois pas comment il peuvent provoquer une action sur ce type de bouton)

C'est ici que j'ai vu la première fois les scripts.
Par contre effectivement je suis allé un peu vite. A priori beaucoup de scripts peuvent être en JavaScript et VBScript mais pas ceux associés aux boutons

Citation:

Envoyé par Tyrus

Mais si tu veux quelque chose de plus personnalisable tu peux utiliser l'element button
http://www.la-grange.net/w3c/html4.0...ml#edef-BUTTON

Je regarderai ceci de plus près, mais après réflexion l'astuce que j'ai trouvé me plait bien.

Merci quand même

Citation:

Envoyé par Jiyuu

...

Pour revenir à ma question originale et après pas mal de recherche j'ai l'impression que notre simple bouton n'accepte pas grand chose d'autre que le JavaScript ou VBScript ou PHP.
Qu'à cela ne tienne...

Je vais tout de même revenir sur cette phrase. Je pense que tu mélanges un peu les deux technologies.

Tu as deux types de script, ceux coté client et ceux coté serveur.

Parmi ceux coté client, tu as Javascript et VBScript parmi les plus connu, Javascript étant celui le pus largement représenté. (Tu as aussi Python en script coté client, mais c'est anecdotique et il faut que l'utilisateur installe des éléments supplémentaires)

Parmi ceux coté serveur, tu as PHP, Pyhton, Perl, Coldfusion ou n'importe quel language pouvant tourné en CGI.

Ces deux technologies ne sont pas du tout interchangeable. Un script coté client te permettra de manipuler les données de la page HTML en temps réel (manipulation du dom la plupart du temps) alors que ceux coté serveur impliquerons toujours un rechargement de la page (total ou partiel).

Pour en revenir à nos boutons, les deux types de script sont appellés différemment par nos boutons. Un script coté client sera exécuté par l'attribut onclick du bouton, alors qu'un script coté serveur le sera par l'attribut action du formulaire.

Script coté client :

Code:

<input type="submit" value="ouvrir la page" onClick="message()"/>

Ce code HTML ne fais que manipuler les données de la page actuelle, dans le cas actuel, il appelle la fonction message écrite ailleurs dans la page HTML à l'intérieur de balises <SCRIPT></SCRIPT>.

Script coté serveur :
Code:

1 2 3 4 5 6 <form action="<a href="http://www.domaine.com/" target="_blank">/pagesuivante</a>" method="post"> <input type="radio" name="test" value="oui" checked> oui<br> <input type="radio" name="test" value="non"> non<br> <input type="submit" value="Test"> </form>
Ce bouton passera les valeurs du formulaire au serveur à la l'adresse /pagesuivante soit par la méthode post (dans ce cas) soit par la méthode get. Le serveur aura la responsabilité de traiter les données qu'il reçoit et de générer une nouvelle page à afficher.

Pour finir, il existe une solution mixte, qui permets d'appeller un script coté serveur par un script coté client, c'est ce que l'on nomme ajax. Le principe est de générer un submit par du code Javascript, de récupérer le résultat et de l'afficher dans la page sans rechargement de la page.

J'espère avoir éclairer un peu ta lanterne vu qu'il me semblait que tu mélangeais un peu les deux.

03/09/2009, 10h30
Jiyuu

Merci DelphiManiac pour ces précisions.

A l'origine mon besoin correspondait je pense plus à un script coté client. Et je voulais donc savoir s'il était possible d'avoir ce dit script en python.

A priori c'est faisable mais galère... donc j'oublie et me concentre sur mon idée de gérer les actions de l'utilisateur par des cases à cocher...

Merci encore