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>

**RomainVALERI** · 18/09/2011, 14h41

...au temps pour moi, c'est une erreur en voulant aller trop vite : si on crée la variable saisie, c'est bien pour s'en servir

remplace : var msg = "Bonjour " + saisie + ", tu es ..."; ...et ça devrait aller tout de suite mieux ! ^^

**Morphyne** · 18/09/2011, 15h02

Code javascript :

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

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

j'ai testé également (j'ai cherché avec l'erreur sur internet)

Code javascript :

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

1
2
3
4
5
6
7
8
9
 
<script>
function go() {
var z = document.forms[0].nom;
var v = z.value;
var msg = "Bonjour " + nom + ", tu es ...";
alert(msg);// ou une popup si tu préfères vraiment... avec window.open ^^
return false;
}

Cela n'a rien changé, j'ai toujours le même message Bonjour [object HTMLInputElement], tu es ...

je te précise que je suis sous mac et safari, je ne sais pas si cela à une importance pour toi.

Je suis vraiment désolé de te faire perdre de ton temps avec mon moi

**RomainVALERI** · 18/09/2011, 18h19

Je suis le roi des

>>> ce n'est pas l'element lui-même mais sa value ^^'

Code javascript :

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

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

... hmm ... on va y arriver

**Morphyne** · 18/09/2011, 19h45

Merci infiniment Romain, tout fonctionne correctement ! grâce à toi je vais économiser un temps fou dans mon travail !!!

Une dernière petite question si tu le veux.

Une fois que j'ai le message voulu que l'on vient de régler je n'aurais plus qu'a sélectionner le texte et le copier. Une fois fait je clique sur Ok pour ferme le message et j'arrive donc sur une erreur de page (logique puisque nous ne souhaitions pas aller sur autre chose). Mais est il possible plutôt que d'avoir une page d'erreur, avoir un reset de la page qui me ramène au début de la procédure ?

En clair, à ce jour j'ai ma page 1 qui me demande l'ID
mon message "popup" avec mon texte a sélectionner et copier
Une fois que je le valide ce message j'ai une erreur et je voudrais plutot arriver à l'étape 1

Est ce possible ? (Ensuite je ne vous embête plus)

Voici le code final qui pourras peut être servir à d'autres

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").value;
var msg = "Bonjour " + saisie + ", tu es ...";
alert(msg);
return false;
}
</script>
</body>
</html>

Cordialement,

**Eric2a** · 18/09/2011, 20h31

Salut,

Tu ne veux pas que le script "cgi-bin/script.pl" soit executé ?

Le gestionnaire d'évenement onsubmit() doit retourner false pour neutraliser l'appel au script ciblé par l'attribut action.

La fonction go() renvoyant bien false, on peut faire...

Code html :

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

<form method="post" action="cgi-bin/script.pl" onsubmit="return go();">

qui est similaire à...

Code html :

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

<form method="post" action="cgi-bin/script.pl" onsubmit="go();return false;">

**Morphyne** · 18/09/2011, 20h41

Merci beaucoup à vous deux pour votre patience, et votre temps que vous m'avez consacré

Je tiens vraiment à vous remercier pour votre gentillesse et votre compréhension envers moi qui suis débutant.

Je vous souhaite une excellente soirée et une agréable semaine !

Cordialement,

Création d'un fichier txt via HTML

HTML

Discussions similaires

Partager

Partager