Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]


Groups > fr.comp.lang.javascript > #3077 > unrolled thread

Java Script pour inclure du HTML dans une page

Started bySerge Nazarian <sn@free.fr>
First post2016-09-27 12:18 +0200
Last post2016-09-28 05:34 +0200
Articles 6 — 4 participants

Back to article view | Back to fr.comp.lang.javascript


Contents

  Java Script pour inclure du HTML dans une page Serge Nazarian <sn@free.fr> - 2016-09-27 12:18 +0200
    Re: Java Script pour inclure du HTML dans une page Otomatic <otomatic@oto.invalid> - 2016-09-27 14:39 +0200
      Re: Java Script pour inclure du HTML dans une page Serge Nazarian <sn@free.fr> - 2016-09-27 18:32 +0200
        Re: Java Script pour inclure du HTML dans une page Otomatic <otomatic@oto.invalid> - 2016-09-27 18:42 +0200
    Re: Java Script pour inclure du HTML dans une page Yliur <yliur@free.fr> - 2016-09-27 23:37 +0200
    Re: Java Script pour inclure du HTML dans une page SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> - 2016-09-28 05:34 +0200

#3077 — Java Script pour inclure du HTML dans une page

FromSerge Nazarian <sn@free.fr>
Date2016-09-27 12:18 +0200
SubjectJava Script pour inclure du HTML dans une page
Message-ID<57ea4779$0$4288$426a74cc@news.free.fr>
Bonjour,

Est-il possible de faire une fonction  foo() en JavaScript qui insère 
du code HTML là où elle est appelée. Je m'explique :

Je souhaite insérer un input caché  <input type="hidden" 
value="ma_valeur"> si on clique sur un bouton.

Le code HTML suivant

<input type="radio" name="bouton1" value="Oui" onclick='foo(<input 
type="hidden" value="ma_valeur">);'>Oui
<input type="radio" name="bouton1" value="Non"> Non

donnerait si le bouton Oui est coché,

<form action="envoi.php" method="post" name="inscription"<br>
...

<input type="radio" name="bouton1" value="Oui" onclick='foo(<input 
type="hidden" value="ma_valeur">);'>Oui
<input type="hidden" value="ma_valeur">
<input type="radio" name="bouton1" value="Non"> Non

...
</form>

Mais il faudrait aussi que si, après avoir coché Oui, on coche Non, le 
code HTML redevienne (Je souhaite une bascule suivant que Oui ou Non 
est coché)

<form action="envoi.php" method="post" name="inscription"
...

<input type="radio" name="bouton1" value="Oui" onclick='foo(<input 
type="hidden" value="ma_valeur">);'>Oui
<input type="radio" name="bouton1" value="Non"> Non

...
</form>

En fait, je souhaite pouvoir envoyer DEUX valeurs (par POST à la 
validation du formulaire) si le bouton est coché, mais je ne peux pas 
utiliser du PHP car tout ceci doit être fait avant la validation du 
formulaire par POST.
J'espère être clair, sans en être vraiment sûr !
Je suis évidemment preneur de toute autre méthode qui permettrait 
d'envoyer DEUX valeurs quand UN certain bouton est coché.

Merci pour toute aide.

Cordialement.

-- 
Serge Nazarian
Pour m'écrire directement : http://cerbermail.com/?ZDkROVSJlu

[toc] | [next] | [standalone]


#3078

FromOtomatic <otomatic@oto.invalid>
Date2016-09-27 14:39 +0200
Message-ID<91qkubdv2rj5icpp01mipqsvdei5m4te0s@4ax.com>
In reply to#3077
Serge Nazarian <sn@free.fr> écrivait :

> Je suis évidemment preneur de toute autre méthode qui permettrait 
> d'envoyer DEUX valeurs quand UN certain bouton est coché.
Deux formulaires et pas besoin de javascript.

[toc] | [prev] | [next] | [standalone]


#3079

FromSerge Nazarian <sn@free.fr>
Date2016-09-27 18:32 +0200
Message-ID<57ea9f12$0$5415$426a74cc@news.free.fr>
In reply to#3078
Otomatic a écrit le 27/09/2016 :
> Serge Nazarian <sn@free.fr> écrivait :
>
>> Je suis évidemment preneur de toute autre méthode qui permettrait 
>> d'envoyer DEUX valeurs quand UN certain bouton est coché.
> Deux formulaires et pas besoin de javascript.

avec le même bouton ?

-- 
Serge Nazarian
Pour m'écrire directement : http://cerbermail.com/?ZDkROVSJlu

[toc] | [prev] | [next] | [standalone]


#3080

FromOtomatic <otomatic@oto.invalid>
Date2016-09-27 18:42 +0200
Message-ID<o28lubl4du9n99b7qe5ekob9d692m22o64@4ax.com>
In reply to#3079
Serge Nazarian <sn@free.fr> écrivait :

> Otomatic a écrit le 27/09/2016 :
> > Serge Nazarian <sn@free.fr> écrivait :
> >
> >> Je suis évidemment preneur de toute autre méthode qui permettrait 
> >> d'envoyer DEUX valeurs quand UN certain bouton est coché.
> > Deux formulaires et pas besoin de javascript.
> 
> avec le même bouton ?

J'ai relu la question initiale et j'avoue qu'elle est quelque peu
nébuleuse quant au résultat à obtenir.

De plus :
> mais je ne peux pas utiliser du PHP car tout ceci doit être
> fait avant la validation du formulaire par POST
Si ce n'est pas en PHP, comment les données envoyées par le formulaire
sont-elles vérifiées ?
Des boutons qui envoient plusieurs valeurs et qui changent d'état ou de
libellé après validation, c'est (relativement) simple à faire en PHP.
-- 
Ce n'est pas parce qu'ils sont nombreux à avoir tort
qu'ils ont forcément raison. Coluche

[toc] | [prev] | [next] | [standalone]


#3081

FromYliur <yliur@free.fr>
Date2016-09-27 23:37 +0200
Message-ID<20160927233700.55e5269f@free.fr>
In reply to#3077
Le Tue, 27 Sep 2016 12:18:29 +0200
Serge Nazarian <sn@free.fr> a écrit :

> Bonjour,
> 
> Est-il possible de faire une fonction  foo() en JavaScript qui insère 
> du code HTML là où elle est appelée. Je m'explique :
> 
> Je souhaite insérer un input caché  <input type="hidden" 
> value="ma_valeur"> si on clique sur un bouton.  
> 
> Le code HTML suivant
> 
> <input type="radio" name="bouton1" value="Oui" onclick='foo(<input 
> type="hidden" value="ma_valeur">);'>Oui
> <input type="radio" name="bouton1" value="Non"> Non
> 
> donnerait si le bouton Oui est coché,
> 
> <form action="envoi.php" method="post" name="inscription"<br>
> ...
> 
> <input type="radio" name="bouton1" value="Oui" onclick='foo(<input 
> type="hidden" value="ma_valeur">);'>Oui
> <input type="hidden" value="ma_valeur">
> <input type="radio" name="bouton1" value="Non"> Non
> 
> ...
> </form>
> 
> Mais il faudrait aussi que si, après avoir coché Oui, on coche Non,
> le code HTML redevienne (Je souhaite une bascule suivant que Oui ou
> Non est coché)
> 
> <form action="envoi.php" method="post" name="inscription"
> ...
> 
> <input type="radio" name="bouton1" value="Oui" onclick='foo(<input 
> type="hidden" value="ma_valeur">);'>Oui
> <input type="radio" name="bouton1" value="Non"> Non
> 
> ...
> </form>
> 
> En fait, je souhaite pouvoir envoyer DEUX valeurs (par POST à la 
> validation du formulaire) si le bouton est coché, mais je ne peux pas 
> utiliser du PHP car tout ceci doit être fait avant la validation du 
> formulaire par POST.
> J'espère être clair, sans en être vraiment sûr !
> Je suis évidemment preneur de toute autre méthode qui permettrait 
> d'envoyer DEUX valeurs quand UN certain bouton est coché.
> 
> Merci pour toute aide.

Si je comprends bien, tu veux envoyer une valeur selon l'option
sélectionnée parmi plusieurs ?

Je pense que ce serait plus simple d'avoir toujours le champ (qui n'a
pas de nom ici, il faudrait lui en donner un) destiné à contenir
"ma_valeur".

Une solution est de capturer l'événement "modification de l'état" et de
remplir ou vider ce champ (pas la peine de générer/supprimer tout le
code html).

Ou bien un événement sur le bouton de validation du formulaire, qui
inscrit ou non la valeur dans le champ en fonction de ce qui est coché
puis qui envoie le formulaire.

Ou encore simplement d'envoyer systématiquement cette valeur et d'en
tenir compte ou non côté serveur (où tu sauras si c'est Oui ou Non qui
a été coché).

[toc] | [prev] | [next] | [standalone]


#3082

FromSAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid>
Date2016-09-28 05:34 +0200
Message-ID<57eb3a45$0$4299$426a74cc@news.free.fr>
In reply to#3077
Le 27/09/16 à 12:18, Serge Nazarian a écrit :
> Bonjour,
>
> Est-il possible de faire une fonction  foo() en JavaScript qui insère du
> code HTML là où elle est appelée.

Oui, bien sûr !

Mais, à mon idée que j'ai vue partagée par ailleurs, tu n'en a pas besoin.

voir ma réponse sur l'autre NG



Cordialement,
-- 
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8

[toc] | [prev] | [standalone]


Back to top | Article view | fr.comp.lang.javascript


csiph-web