formulaire à plusieurs possibilités

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu formulaire à plusieurs possibilités

Message par _backdraft_ le Jeu 17 Oct 2013 - 1:10

Bonsoir,

J'ai créé plusieurs formulaire, et j'aimerais en modifier un de façon à ce que quand on clique sur le bouton d'envoie le formulaire envoie un message (jusque là pas de problème) mais que ce message puisse être différent de façon totalement aléatoire.

Je m'explique mieux : en gros je fais le formulaire normalement sauf qu'au lieux de faire un seul contenue de message que le formulaire enverra j'en fait deux ou plus. Dès lors quand je cliquerais sur le bouton envoyer le formulaire enverra une des deux versions de façon totalement aléatoire.

Je suis toujours pas sur d'être claire donc pour simplifier la chose supposons que le formulaire est vide c'est à dire qu'il y a seulement le bouton envoyer. Si je clique dessus le formulaire enverra le message X ou le message Y de façon totalement aléatoire.

J'espère avoir été assez explicatif.

Merci d'avance
Backdraft


Dernière édition par _backdraft_ le Lun 21 Oct 2013 - 21:01, édité 2 fois

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: formulaire à plusieurs possibilités

Message par Scoubifitz le Jeu 17 Oct 2013 - 18:30

Bonjour,

C'est une question intéressante . What a Face 

un peu comme le système de dés , mais pour des phrases aléatoires .

Là , l'envoi du message ouvrira un nouveau sujet , c'est ça ?

Il faut donc un titre de sujet automatique .

On peut aussi mettre ces phrases dans un même sujet à la suite d'un message .

un petit tour sur le moteur de recherche en tapant "random" (aléatoire) :
et je tombe sur ce générateur de mots :

http://www.mcfedries.com/javascript/randomwords.asp

en adaptant ça à un formulaire , ça donne ça :

Code:
<!DOCTYPE html PUBLIC>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Bouton d'aide</title>
<script type="text/javascript">

/* c'est la variable pour specifier
le nombre de phrases aleatoires */

var NumberOfWords = 28;

var words = new BuildArray(NumberOfWords);

/* Utiliser ces variables pour
definir les phrases aleatoires */

words[1] = "[color=#33cc33]J'aime bien[/color]";
words[2] = "[color=#ff0000]Je déteste[/color]";
words[3] = "[b]Dragées de Bertie Crochue :[/b] au gout [color=#cccc33][font=Comic Sans MS]crotte de nez[/font][/color] ";
words[4] = "Mamie [font=Impact]Merguez[/font] vient dimanche !";
words[5] = "Branchiflore";
words[6] = "Salpetre";
words[7] = "Queue de ver";
words[8] = "Feu de forêt";
words[9] = "Caserne en alerte";
words[10] = "Toute la misère du monde";
words[11] = "Triphon";
words[12] = "Tournesol";
words[13] = "Tintin";
words[14] = "Milou";
words[15] = "Dé du pouvoir";
words[16] = "Dé du savoir";
words[17] = "[b]10 points[/b] de magie";
words[18] = "10 points de puissance";
words[19] = "Carton [color=#ff3333]rouge[/color] ! ";
words[20] = "Carton [color=#ffcc33]jaune[/color] !";
words[21] = "Coup franc !";
words[22] = "Pénalty !";
words[23] = "Moi \n Toi \n Lui \n Tous ensemble";
words[24] = "Panne sèche";
words[25] = "Crevaison";
words[26] = "Limite de vitesse";
words[27] = "As du volant";
words[28] = "Garagiste";

function BuildArray(size){
    this.length = size;
    for (var i = 1; i <= size; i++)
    {this[i] = null;}
    return this;
}

function envoiMessage(form) {
// Generer un nombre aleatoire entre 1 et le nombre de phrases
var rnd = Math.ceil(Math.random() * NumberOfWords);

// Mettre la phrase aleatoire dans le message
form.message.value = words[rnd];

// titre du sujet
form.subject.value = "Phrase aléatoire" ;
}
</script>
</head>
<body>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" target="_parent">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="topictype" value="0" checked="checked" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="f" value="1" />
<input name="subject" type="hidden" value="" />
  
<input type="submit" name="post" value="Phrase aléatoire" />
</form>

</body>
</html>
En plaçant ce code dans une page HTML , cette page dans une iframe , et le tour est joué !^^

J'ai mis beaucoup d'exemple de phrases , pour les fans de RPG et autres jeux .

Hi

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: formulaire à plusieurs possibilités

Message par _backdraft_ le Jeu 17 Oct 2013 - 18:45

Merci beaucoup Scoubifitz je n'ai pas cherché avec de bons mots clés sur le web,

C'est très proche de ce que je cherche en faite j'aurais préféré qu'il poste la phrase dans un message à la suite de l'iframe si possible.

Merci d'avance
Backdraft

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: formulaire à plusieurs possibilités

Message par Scoubifitz le Jeu 17 Oct 2013 - 19:02

il faut donc créer un nouveau sujet , mettre l'iframe dans le premier message , et repérer le numéro du sujet (topic) .

remplacez le numéro dans cette ligne :

Code:
<input type="hidden" name="t" value="10" /> <!--  ID du topic dans lequel le message sera posté-->
... du code suivant :

Code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Bouton d'aide</title>
<script type="text/javascript">

/* c'est la variable pour specifier
le nombre de phrases aleatoires */

var NumberOfWords = 28;

var words = new BuildArray(NumberOfWords);

/* Utiliser ces variables pour
definir les phrases aleatoires */

words[1] = "[color=#33cc33]J'aime bien[/color]";
words[2] = "[color=#ff0000]Je déteste[/color]";
words[3] = "[b]Dragées de Bertie Crochue :[/b] au gout [color=#cccc33][font=Comic Sans MS]crotte de nez[/font][/color] ";
words[4] = "Mamie [font=Impact]Merguez[/font] vient dimanche !";
words[5] = "Branchiflore";
words[6] = "Salpetre";
words[7] = "Queue de ver";
words[8] = "Feu de forêt";
words[9] = "Caserne en alerte";
words[10] = "Toute la misère du monde";
words[11] = "Triphon";
words[12] = "Tournesol";
words[13] = "Tintin";
words[14] = "Milou";
words[15] = "Dé du pouvoir";
words[16] = "Dé du savoir";
words[17] = "[b]10 points[/b] de magie";
words[18] = "10 points de puissance";
words[19] = "Carton [color=#ff3333]rouge[/color] ! ";
words[20] = "Carton [color=#ffcc33]jaune[/color] !";
words[21] = "Coup franc !";
words[22] = "Pénalty !";
words[23] = "Moi \n Toi \n Lui \n Tous ensemble";
words[24] = "Panne sèche";
words[25] = "Crevaison";
words[26] = "Limite de vitesse";
words[27] = "As du volant";
words[28] = "Garagiste";

function BuildArray(size){
this.length = size;
for (var i = 1; i <= size; i++)
{this[i] = null;}
return this;
}

function envoiMessage(form) {
// Generer un nombre aleatoire entre 1 et le nombre de phrases
var rnd = Math.ceil(Math.random() * NumberOfWords);

// Mettre la phrase aleatoire dans le message
form.message.value = words[rnd];

// titre du sujet
form.subject.value = "Phrase aléatoire" ;
}
</script>
</head>
<body>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" target="_parent">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="reply" /> <!-- Un nouveau message sera créé -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="t" value="10" /> <!--  ID du topic dans lequel le message sera posté-->
<input name="subject" type="hidden" value="" />

<input type="submit" name="post" value="Phrase aléatoire" />
</form>

</body>
</html>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: formulaire à plusieurs possibilités

Message par _backdraft_ le Jeu 17 Oct 2013 - 19:07

Merci c'est génial !

Je vais essayer ça tout de suite.

J'ai une dernière demande si possible, elle est assez dure mais j'ai déjà vu un formulaire faire ça : est il possible que quand on clique sur le bouton le formulaire sorte toujours une phrase aléatoire mais que cette phrase commence par le pseudo du membre qui clique.

Par exemple si je clique sur le bouton il s'affichera "_Backdraft_ a appuyé sur le bouton".

Merci beaucoup !!

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: formulaire à plusieurs possibilités

Message par Scoubifitz le Jeu 17 Oct 2013 - 19:23

comme ça ?

Code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Bouton d'aide</title>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">

/* c'est la variable pour specifier
le nombre de phrases aleatoires */

var NumberOfWords = 28;

var words = new BuildArray(NumberOfWords);

/* Utiliser ces variables pour
definir les phrases aleatoires */

words[1] = "[color=#33cc33]J'aime bien[/color]";
words[2] = "[color=#ff0000]Je déteste[/color]";
words[3] = "[b]Dragées de Bertie Crochue :[/b] au gout [color=#cccc33][font=Comic Sans MS]crotte de nez[/font][/color] ";
words[4] = "Mamie [font=Impact]Merguez[/font] vient dimanche !";
words[5] = "Branchiflore";
words[6] = "Salpetre";
words[7] = "Queue de ver";
words[8] = "Feu de forêt";
words[9] = "Caserne en alerte";
words[10] = "Toute la misère du monde";
words[11] = "Triphon";
words[12] = "Tournesol";
words[13] = "Tintin";
words[14] = "Milou";
words[15] = "Dé du pouvoir";
words[16] = "Dé du savoir";
words[17] = "[b]10 points[/b] de magie";
words[18] = "10 points de puissance";
words[19] = "Carton [color=#ff3333]rouge[/color] ! ";
words[20] = "Carton [color=#ffcc33]jaune[/color] !";
words[21] = "Coup franc !";
words[22] = "Pénalty !";
words[23] = "Moi \n Toi \n Lui \n Tous ensemble";
words[24] = "Panne sèche";
words[25] = "Crevaison";
words[26] = "Limite de vitesse";
words[27] = "As du volant";
words[28] = "Garagiste";

function BuildArray(size){
this.length = size;
for (var i = 1; i <= size; i++)
{this[i] = null;}
return this;
}

function envoiMessage(form) {
// Generer un nombre aleatoire entre 1 et le nombre de phrases
var rnd = Math.ceil(Math.random() * NumberOfWords);
var phrase = words[rnd];
// Mettre la phrase aleatoire dans le message
form.message.value = form.pseudo.value + " : " + phrase ;

// titre du sujet
form.subject.value = "Phrase aléatoire" ;
}
</script>
</head>
<body>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" target="_parent">
<input type="hidden" name="mode" value="reply" /> <!-- Un nouveau message sera créé -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="t" value="100" /> <!--  ID du topic dans lequel le message sera posté-->
<input name="pseudo" type="hidden" value="" class="USERNAME" />

<input type="submit" name="post" value="Phrase aléatoire" />
</form>

</body>
</html>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: formulaire à plusieurs possibilités

Message par _backdraft_ le Jeu 17 Oct 2013 - 19:29

Scoubifitz tu es mon Dieu des formulaires Very Happy

Je te remercies énormément c'est exactement ce que je cherchais ! Ton code offre des possibilités inimaginables à tous les forums de forumactif !

Bonne soirée
Backdraft

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: formulaire à plusieurs possibilités

Message par Chacha le Dim 20 Oct 2013 - 21:31

Bonjour,

Le topic est replacé à la demande de l'auteur du sujet.

A bientôt sur ForumActif Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 51017
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: formulaire à plusieurs possibilités

Message par _backdraft_ le Dim 20 Oct 2013 - 21:34

Scoubifitz excuse moi de te redéranger mais je voulais savoir si il est possible quand on clique sur le bouton d'ajouter l'ouverture d'une pop up en plus du code déjà existant.

Merci d'avance
Backdraft

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: formulaire à plusieurs possibilités

Message par Scoubifitz le Lun 21 Oct 2013 - 14:45

bonjour,

Un peu flou tout ça ...

Vous voulez l'ouverture d'une popup  après avoir cliqué sur le bouton , et avant que le message ne soit posté ?

Une popup de confirmation ?

remplacez ceci :

Code:
<input type="submit" name="post" value="Phrase aléatoire" />
par ceci :

Code:
<input type="submit" name="post" onclick="if(!confirm('Voulez-vous vraiment participer ? ')) return false;" value="Phrase aléatoire" />

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: formulaire à plusieurs possibilités

Message par _backdraft_ le Lun 21 Oct 2013 - 14:56

Désolé si j ai été ambiguë, c est plus un message d alerte que je cherchais mais maintenant que je sais où je dois l insérer je serais me debrouiller.

merci
ps : j essai ce soir et je vous tiens au courrant.

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: formulaire à plusieurs possibilités

Message par Scoubifitz le Lun 21 Oct 2013 - 15:08

c'est presque la même fonction , à part que l'utilisateur peut encore faire marche arrière ... What a Face

édit : je vais en profiter pour faire un petit jeu Halloween avec ce système ! ^^

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: formulaire à plusieurs possibilités

Message par _backdraft_ le Lun 21 Oct 2013 - 21:00

Merci beaucoup j'ai réussis

PS : je suis content au moins j'ai demandé une question qui risque d'en intéresser plus d'un Smile

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum