Retour en haut

Obtenir le résultat d'un formulaire dans une nouvelle fenêtre

posté le vendredi 14 mars 2008 à 04:06:19 par delphiki :: Web

J'ai décidé de me lancer dans un nouveau type d'articles, portant cette fois sur les quelques trucs et astuces que je peux apporter par rapport au développement web. En espérant que mes "apports" puissent en aider certains.
Pour commencer, nous allons nous intéresser aujourd'hui à la validation d'un formulaire, dont le résultat s'affichera dans une nouvelle fenêtre. Pour ce faire, il existait déjà une solution, en HTML 4, qui était d'utiliser l'attribut suivant :

<form action="form.php" method="post" target="_blank">
...
</form>

Mais vous l'aurez sûrement deviné, ce code n'est pas valide dès lors que l'on utilise la norme xHTML. C'est pourquoi je me suis penché sur la question, et grâce à Javascript et à l'évènement onsubmit, j'ai réussi à obtenir un beau code valide qui fait ce que l'on souhaite ! Voici un petit exemple pour illustrer :

<form action="form.php" method="post" onsubmit="this.target=window.open();">
...
</form>

C'est donc dans ce tout petit bout de code que tout se joue :

this.target=window.open();

En effet, on l'attribut target n'étant plus accessible de façon valide en xHTML, nous allons nous servir de javascript pour y accéder. Notre bout de javascript, indique, grâce à this.target la destination du formulaire. Il suffit donc lui indiquer que l'on veut le résultat dans une nouvelle fenête, ce qui est fait avec window.open. Et bingo, le tour est joué, nous avons bel et bien le résultat qui s'affiche dans une nouvelle fenêtre lorsque l'on valide le formulaire, et tout ça avec un code qui est valide !

Voilà, je renouvellerai sans doute l'expérience de ces "tips" dans le futur !

PS: à noter que j'ai du mettre en place Geshi pour l'occasion, au moins comme ça, c'est fait.


Commentaires :

# Mousse, le vendredi 14 mars 2008 à 17:48:41

j'aurai jamais du te dire que j'avais ajouter geshi a mon site \o/.

sinon, tres bonne astuce, ça peux servir =).

 
# OyoKooN, le vendredi 14 mars 2008 à 20:21:43

C'est sympa comme article =)

 
# delphiki, le vendredi 14 mars 2008 à 21:14:31

Merci à vous ^^

Mais je sais pas, je vais peut-être modifier geshi, parce que j'aime pas trop la coloration du html. On verra bien !

 

Les commentaires de cette news sont fermés.