Dégradation élégante JavaScript ?

[yann18]

Bonjour/ bonsoir,

Comment gérez-vous la dégradation élégante ? J'aimerais vraiment m'y coller, mais j'ai du mal à voir comment concevoir une application sous cet angle... Je vais prendre un cas concret:
j'ai un formulaire, avec deux boutons (bin oui, autant encore compliquer les choses ;-)) Chaque bouton appelle une action différente.

1. Le premier demande une prévisualisation du formulaire dans une fenêtre type modale
2. Le second insère les données dans une base

Actuellement, chaque bouton est géré par une fonction java-script. (plus précisément, par ajax avec jquery, avec ajout d'un ou de plugins).
Maintenant, je désactive java-script. Plus rien ou presque ne fonctionne...
comment palier à cela ? Intégrer directement dans la page les fichiers de traitement du formulaire ? Comment feriez-vous ?
merci,

[SpaceFrog]

Code :

<noscript>Javascript n'est pas dangereux! Activez le ... </noscript>

[Macmillenium]

Envoyé par yann18

comment palier à cela ? Intégrer directement dans la page les fichiers de traitement du formulaire ? Comment feriez-vous ?
merci,

Personnellement, je pense plutôt à une "amélioration progressive" : je fais un traitement classique et je rajoute ensuite une couche JS pour améliorer l'expérience utilisateur.

[SpaceFrog]

Plaisanterie à part il est en effet préférable de procéder de façon inverse.
Developper sans javascript et rajouter la couche de js non intrusif.

[yann18]

Bigre ! C'est ce qu'on appelle de la réactivité ! On se croirait presque sur MSN...
Donc concrètement, si je suis votre raisonnement, cela reviendrait à faire quoi ?
Dans un premier temps, à appeler directement le fichier dans le formulaire (balise action) qui va effectuer le traitement selon le bouton ?
Merci,

[SpaceFrog]

ça reviendrait a faire un formulaire qui est traité uniquement coté serveur ...
puis a rajouter une couche ergonomique avec javascript.

[javatwister]

ton bouton "visualiser" ne peut se passer de javascript que si tu insères tes données dans la base; en gros, tu envoies vers une page cible et tu demandes si oui ou zut tu veux garder ces données. si oui, ben... oui; si non, tu relances une soumission qui efface les données;

bref, tu n'as besoin que d'un bouton et d'une page action;

[ohnomorejmmings]

Envoyé par yann18

Maintenant, je désactive java-script. Plus rien ou presque ne fonctionne...
comment palier à cela ? Intégrer directement dans la page les fichiers de traitement du formulaire ? Comment feriez-vous ?

Attention c'est vraiment essentiel de comprendre que niveau validation de données d'un formulaire JS ça reste de la "déco", car côté client, et il ne faut surtout pas omettre le traitement côté serveur, sécurité oblige.

Après si tu veux gérer les deux côtés pour améliorer l'ergonomie de ton interface c'est une autre paire de… chaussettes ?

[ABCIWEB]

Comme déjà dit, tu fais tout sans javascript, puis quand tout fonctionne correctement tu rajoute une couche de javascript, donc uniquement pour le confort de l'utilisateur et soulager un peu le serveur.

Je viens de faire un exemple de formulaire où les erreurs sont gérées et affichées en php ici. Donc pour ce même formulaire, on pourrait ajouter une couche de javascript pour faire les mêmes contrôles, ce qui éviterait d'avoir besoin de recharger la page en cas d'erreur ou de formulaire incomplet.
En fait cela revient à faire deux fois le même travail. Peu de sites commerciaux le font réellement et donc ils fonctionnent mal ou pas du tout si javascript est désactivé. Ce n'est pas ce qu'il conviendrait de faire en théorie mais c'est pourtant c'est la réalité car cela demande beaucoup de travail autrement.
D'ailleurs dans le formulaire que je donne en lien plus haut, même si le contrôle des données et l'affichage des erreurs est fait en php, il y a des listes liées faites uniquement en javascript. Pour bien faire il me faudrait ajouter un bouton "submit" entre des balises <noscript> pour pouvoir faire afficher la seconde liste en php tout en utilisant les variables de sessions pour garder les informations déjà renseignées dans les autres champs...