Création d'un fichier txt via HTML

**Morphyne** · 18/09/2011, 12h59

Bonjour à tous,

Voici ma question de débutant

Je souhaite créer simplement une sorte de formulaire comme celui ci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<html>
<head>
</head>
<body>
<form method="post" action="cgi-bin/script.pl">Enregistrement d'un
utilisateur
<table border="0">
<tbody>
<tr>
<td>Nom</td>
<td> <input name="nom" type="text"> </td>
</tr>
<tr>
<td colspan="2"> <input value="Envoyer" type="submit"> </td>
</tr>
</tbody>
</table>
</form>
</body>
</html>

Je souhaiterai que quand je face "Envoyer", sa ouvre un popups avec un texte prédéfini avec à l'interieur de ce texte le nom que j'aurai entrer.

Exemple > Bonjour "nom", tu es "nom" etc ...

J'espère être arrivé à me faire comprendre

Je voudrais juste savoir comment faire ouvrir un popups avec dedans un texte (toujours le même) mais juste la valeur du nom que j'entre qui change. (ensuite je me débrouillerai tout seul, car j'ai envi d'apprendre)

Je vous remercie déja d'avance pour l'aide que vous pourriez m'apporter
Cordialement,

**RomainVALERI** · 18/09/2011, 13h16

(juste en passant : balises CODE autour des extraits stp ^^)

>>> mets un gestionnaire onsubmit sur ton form, qui terminera par return false; pour ne rien envoyer au serveur, vu que ce n'est pas ici le but du formulaire.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<form method="post" action="cgi-bin/script.pl" onsubmit="go();"><table border="0">
<tbody>
<tr>
<td>Nom</td>
<td> <input name="nom" type="text" id="nom"> </td>
</tr>
<tr>
<td colspan="2"> <input value="Envoyer" type="submit"> </td>
</tr>
</tbody>
</table></form>

et

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
function go() {
   var saisie = document.getElementById("nom");
   var msg = "Bonjour " + nom + ", tu es ...";
   alert(msg);// ou une popup si tu préfères vraiment... avec window.open ^^
   return false;
}

Mais ça ne te dispense évidemment pas de réviser tes classiques, ça ne fait jamais de mal ! ^^

**Morphyne** · 18/09/2011, 13h27

Bonjour Romain et merci d'avance pour ton aide si précieuse pour moi.

En effet je ne veux en aucun cas faire un site, c'est juste que dans le cadre de mon travail je dois entrer une ligne de commande dans un script et actuellement j'utilise un txt qui me fait faire des CTRL A/C/V/F dans tous les sens pour changer par défaut mon <user> en ID, alors je souhaite donc essayer de créer quelques choses qui ce reset à chaque fois (que je n'ai pas besoin de ré-ouvrir mon txt et faire "remplacer tout" <user> par ID. Je ne savais pas sous quel forme créer cette chose, alors je me suis dit qu'une simple page html devrait faire l'affaire.

Merci beaucoup pour ton aide, je vais voir comment créer un "un gestionnaire onsubmit sur ton form" maintenant lol mais grace à toi je suis sur d'avoir déja tous les éléments pour arriver à mon but.

merci infiniment pour le temps que tu m'as consacré !

**RomainVALERI** · 18/09/2011, 13h34

Envoyé par Morphyne

"un gestionnaire onsubmit sur ton form"

Oui effectivement ce n'était pas super clair

> un gestionnaire d'événement, c'est une fonction javascript associée à un événement du navigateur. Exemple type : quand on clique sur un bouton, un événement "click" est déclenché sur l'élément. Si cet élément a un gestionnaire surveillant cet événement (ici : onclick), la fonction sera exécutée.

Et c'est pareil pour ton formulaire : il peut avoir une fonction, dans mon exemple, la fonction go(), qui sera déclenchée au moment où se fait la soumission du formulaire. (Ou plutôt juste avant : ce qui permet, grâce au "return false", d'invaliser le comportement normal de cet événement : l'envoi des données au serveur.)

(et merci pour les balises CODE, même tardives ^^)
(et encore un détail : quel rapport avec HTML5 ?

aucun.

)

**Morphyne** · 18/09/2011, 13h49

Merci Romain,

j'ai corrigé ma balise, et je suis en train de lire les liens que tu m'as conseillé.

Cordialement,

**Morphyne** · 18/09/2011, 14h29

Grâce à toi j'obtiens le résultat que je cherchais, mais j'ai un petit problème avec le "nom"

J'obtiens "Bonjour [object HTMLInputElement], tu es ..." au lieu d'avoir le nom entrée

Voici mon code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<html>
<head>
<script></script>
</head>
<body>
<br>
<form method="post" action="cgi-bin/script.pl" onsubmit="go();">
<table border="0">
<tbody>
<tr>
<td>Nom</td>
<td> <input name="nom" id="nom" type="text"> </td>
</tr>
<tr>
<td colspan="2"> <input value="Envoyer" type="submit"> </td>
</tr>
</tbody>
</table>
</form>
<script>
function go() {
var saisie = document.getElementById("nom");
var msg = "Bonjour " + nom + ", tu es ...";
alert(msg);// ou une popup si tu préfères vraiment... avec window.open ^^
return false;
}
</script>
</body>
</html>

Création d'un fichier txt via HTML

HTML

Vue hybride

Discussions similaires

Partager

Partager