Nombre aléatoire en HTML ou JS

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

Résolu Nombre aléatoire en HTML ou JS

Message par pierre du 47 le Lun 16 Avr 2012 - 11:11

Bonjour,

Je suis face a un new problème.
Je suis en train de faire un formulaire, mais voila, j'aimerais que le titre du sujet contienne : un nombre aléatoire entre (ex 1548 et 10525828 + Le contenue d'une liste de choix) mais après plusieurs recherches, je n'ai rien trouvé, donc je m'adresse ici.


Merci d'avance.


Dernière édition par pierre du 47 le Lun 16 Avr 2012 - 21:01, édité 1 fois

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Nombre aléatoire en HTML ou JS

Message par Final-Blonde le Lun 16 Avr 2012 - 18:20

Salut Pierre,

En tapant juste "nombres aléatoires" dans ton ami Google, la première proposition est :
http://www.infowebmaster.fr/outils/generateur-nombre-aleatoire.php

Sinon il y a bien d'autres propositions...

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Nombre aléatoire en HTML ou JS

Message par pierre du 47 le Lun 16 Avr 2012 - 18:32

J'avais déja vu cela, mais mon nombre doit etre mis dans un formulaire, sans que le membre le selection (dans un hidden), il faudrait qu'il se génère a la crétion du sujet.

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Nombre aléatoire en HTML ou JS

Message par Ea le Lun 16 Avr 2012 - 18:41

Bonjour,


Je n'ai pas trop compris le "contenu" de liste de choix, mais pour mettre un chiffre entre 1548 et 10525828 en javascript dans un champ hidden, il faudrait jute mettre :

Code:
<input type="hidden" id="yeah" />
<script type="text/javascript">
document.getElementById('yeah').value=
  (function(a,b){
    return a+Math.floor((1+b-a)*Math.random())
  })(1548,10525828);
</script>
Math.random donne un chiffre aléatoire entre 0 et 1 et Math.floor arrondi un chiffre à virgule vers le premier entier en dessous.

Cordialement.


Dernière édition par Etana le Lun 16 Avr 2012 - 18:44, édité 1 fois

Ea
Aidactif
Aidactif

Messages : 23425
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Nombre aléatoire en HTML ou JS

Message par pierre du 47 le Lun 16 Avr 2012 - 18:43

Merci de votre réponse,

Pour la liste de choix, en fait, je voudrais que le titre soi : Numéro alératoire + le cntenue choisi dans une liste de choix

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Nombre aléatoire en HTML ou JS

Message par Ea le Lun 16 Avr 2012 - 18:49

Et bien alors :

Code:
<select id="kaboum">
  <option value="a">lettre a</option>
  <option value="b">lettre b</option>
</select>
<input type="hidden" name="subject" id="subject" />
<input type="hidden" id="yeah" />
<script type="text/javascript">
document.getElementById('yeah').value=
  (function(a,b){
    return a+Math.floor((1+b-a)*Math.random())
  })(1548,10525828);
</script>
Et si vous capter l'envoie du formulaire, il faudra rajouter dedans :

Code:
document.getElementById('subject').value= document.getElementById('yeah').value+' '+document.getElementById('kaboum').value;
Si vous n'en avez pas il suffit de rajouter au <form> un :

Code:
onsubmit="traiter_formulaire()"
Et mettre quelque part :

Code:
<script type="text/javascript">
function traiter_formulaire() {
  document.getElementById('subject').value= document.getElementById('yeah').value+' '+document.getElementById('kaboum').value;
}
</script>
Cordialement.

Ea
Aidactif
Aidactif

Messages : 23425
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Nombre aléatoire en HTML ou JS

Message par pierre du 47 le Lun 16 Avr 2012 - 19:06

J'ai suivi vos intructions, mais le titre ne fonctionne pas :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]">
<html xmlns="[url=http://www.w3.org/1999/xhtml]http://www.w3.org/1999/xhtml[/url]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>CTA/TRS - Partie2_Lancement</title>
<style type="text/css">
.version{
text-align=left;
font:italic bold 0.8em arial;
text-decoration:underline;
}
.question{
text-align=left;
margin-right:10px;
font: bolder 1em arial;
}
select,input {
text-align=left;
font: 0.9em arial;
}
</style></head>
<body>
<script type="text/javascript" src="[url=http://tinyurl.com/var-fa"/script]http://tinyurl.com/var-fa"></script[/url]>
<script type="text/javascript">
function traiter_formulaire() {
  document.getElementById('subject').value= document.getElementById('yeah').value+' '+document.getElementById('kaboum').value;
}
</script>
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "<strong>[font='Trebuchet MS']MDJ/TRS : </strong>[color=indigo]" + form.operateur.value + " [TRS3][/color]" + '\n'
+ "<strong><br>Nature de l'intervention :</strong> " + form.intervention.value + '\n'
+ "<strong>Localisation :</strong> " + form.localisation.value + '\n'
+ "<strong>Observation :<br></strong> " + form.observation.value + '\n'
+ "<strong><br><br>Moyens du Centre :</strong> " + '\n';
for(var i = 0; i < form.engins.length; i++)
{
if(form.engins[i].checked == true) { txt_message += form.engins[i].value + '\n'; }
}
txt_message += "<strong><br>Services spécifiques :</strong> " + '\n';
for(var k = 0; k < form.services.length; k++)
{
if(form.services[k].checked == true) { txt_message += form.services[k].value + '\n'; }
}
txt_message += "[/font]" + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<form action="[url=http://ccis-casteljalouxv3.forumgratuit.org/post]http://ccis-casteljalouxv3.forumgratuit.org/post[/url]" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" >
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0"checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="25" /> <!-- ID du forum dans lequel le message sera posté -->
<input type="hidden" id="num" />
<input type="hidden" name="subject" id="subject" />
<script type="text/javascript">
document.getElementById('num').value=
  (function(a,b){
    return a+Math.floor((1+b-a)*Math.random())
  })(1548,10525828);
</script>

<div class="version">CTA/TRS - Partie Infos Départ / Sélection Engins</div><br>

<font face="Arial" color="Indigo"><b>Opérateur MDJ/TRS : </b></font><font face="Arial"><span class="USERNAME"></span></font><br>

<input type="hidden" name="operateur" id="operateur" value="" class="USERNAME" /><br><!-- Definit le nom de l'operateur TRS -->

<span class="question">Nature de l'intervention :</span>
<select name="intervention" id="intervention">
<optgroup label="Secours a Personnes">
<option selected="selected">Malaise Voie publique</option>
<option>Malaise lieu public</option>
<option>Malaise à domicile</option>
<option>Blessé voie publique</option>
<option>Blessé lieu public</option>
<option>Blessé à domicile</option>
<option>Chute voie publique</option>
<option>Chute lieu public</option>
<option>Chute à domicile</option>
<option>Accident de travail</option>
<option>Sauvetage aquatique</option>
<option>PNRPAA</option>
<option>Femme en couche</option>
<option>Difficultées respiratoires</option>
<option>Prompt Secours</option>
<option>Prompt secours avec urgence absolue</option>
<option>Relevage</option>
<option>Ambulance privée non disponible</option>
<option>déclenchement de téléalarme</option>
<option>Tentative de suicide</option>
<option>Transport de blessé</option>
<option>personne Inconciente</option>
</optgroup><optgroup label="Accidents de la route">
<option>Accident voie publique</option>
<option>AVP 2 roues seul</option>
<option>AVP 2 roues/2 roues</option>
<option>AVP VL/2 roues</option>
<option>AVP VL seule</option>
<option>AVP VL/VL</option>
<option>AVP VL/PL</option>
<option>AVP VL/Piéton</option>
<option>AVP PL Seul</option>
<option>AVP PL/2 roues</option>
<option>AVP PL/VL</option>
<option>AVP PL/PL</option>
</optgroup><optgroup label="Feux">
<option>Feu de pavillon</option>
<option>Feu d'appartement</option>
<option>Feu de maison</option>
<option>Feu de combles</option>
<option>Feu de toiture</option>
<option>Feu de cheminée</option>
<option>Feu d'usine</option>
<option>Feu d'ERP</option>
<option>Feu d'entreprise artisanale</option>
<option>Feu de VL</option>
<option value="Feu de VL sur autoroute">Feu de VL sur Autoroute [VSAV - FPT - FMOGP - VCG - VIDP]</option>
<option>Feu de PL</option>
<option>Feu de PL sur autoroute</option>
<option>Feu d'origine électrique</option>
<option>Autres feux</option>
<option>Odeur suspecte</option>
<option>Fumée suspecte</option>
<option>Fuite de gaz</option>
<option>Feu de bâtiment agricole</option>
<option>Feu d'engin agricole</option>
<option>Feu de broussailles</option>
<option>Feu de végétaux</option>
<option>Feu de forêt</option>
<option>Feu d'entrepot</option>
<option>Feu de magasin</option>
<option>Feu de cave</option>
<option>Feu de sous-sol</option>
<option>Feu de poubelles</option>
</optgroup><optgroup label="Interventions Diverses">
<option>Ascenseur bloqué</option>
<option>Assistance et prévention</option>
<option>Dégagement voie publique</option>
<option>Epuissement de locaux</option>
<option>Assechement de locaux</option>
<option>Intervention animalière</option>
<option>Sauvetage d'animal</option>
<option>Objet menaçant de tomber</option>
<option>Destruction d'insectes</option>
<option>Ouverture de porte</option>
<option value="Alerte à la pollution">Alerte a la pollution [VSAV - VRRT - FPT - VCG - CeDEPOL]</option>
<option>Animaux en divagation</option>
<option value="Autre opération">Autre Opération [VCG / VTU / VID]</option>
<option value="Formation / Manœuvre / Essai">Formation / Manœuvre / Essai [VCG]</option>
</optgroup>
</select><br><br>

<label for="localisation"><span class="question">Localisation :</span></label>
<input type="text" id="localisation" maxLength="100" size="57" name="localisation"><br><br>

<label for="observation"><span class="question">Observation :</span></label><br>
<textarea name="observation" id="observation" cols="60" rows="4"></textarea><br><br>

<span class="question">Moyens du Centre :</span><br>
<input type="checkbox" name="engins" id="VSAV 26" value="VSAV 26"><label for="VSAV 26">VSAV 26</label><br>

<input type="checkbox" name="engins" id="FPT 09" value="FPT 09"><label for="FPT 09">FPT 09</label><br>

<input type="checkbox" name="engins" id="CCFM 14" value="CCFM 14"><label for="CCFM 14">CCFM 14</label><br>

<input type="checkbox" name="engins" id="CCFS 18" value="CCFS 18"><label for="CCFS 18">CCFS 18</label><br>

<input type="checkbox" name="engins" id="EPA24 03" value="EPA24 03"><label for="EPA24 03">EPA24 03</label><br>

<input type="checkbox" name="engins" id="VID 06" value="VID 06"><label for="VID 06">VID 06</label><br>

<input type="checkbox" name="engins" id="VLHR 09" value="VLHR 09"><label for="VLHR 09">VLHR 09</label><br>

<input type="checkbox" name="engins" id="VCG 06" value="VCG 06"><label for="VCG 06">VCG 06</label><br><br>

<label for="alerte"><span class="question">Autres Véhicules alertés :</span></label><br>
<p face="Arial">Renforts a Ajouté depuis Panel.</p>

<span class="question">Autres Services :</span><br><br>
<span class="version">15 - SAMU : Prévenu</span><br><br>
<input type="checkbox" name="services" id="01" value="SAMU - Prévenu ; Ne se déplace pas">
<label for="01"> Ne se déplace pas</label>
<input type="checkbox" name="services" id="02" value="SAMU - Prévenu ; Se déplace">
<label for="02">Se déplace</label><br><br>
<input type="checkbox" name="services" id="03" value="SAMU - Prévenu ; En régulation">
<label for="03">En régulation</label><br><br>
<span class="version">17 - Forces De l'Ordre : Prévenu</span><br><br>
<input type="checkbox" name="services" id="04" value="POLICE - Prévenu ; Ne se déplace pas">
<label for="04">Ne se déplace pas</label>
<input type="checkbox" name="services" id="05" value="POLICE - Prévenu ; Se déplace">
<label for="05">Se déplace</label><br><br>
<span class="version">ERDF / GRDF :</span><br><br>
<input type="checkbox" name="services" id="06" value="ERDF - Prévenu ; Se déplace">
<label for="06">Alerté ERDF</label>
<input type="checkbox" name="services" id="06" value="GRDF - Prévenu ; Se déplace">
<label for="06"> Alerté GRDF</label><br><br>
<span class="version">Service Communal :</span><br><br>
<input type="checkbox" name="services" id="07" value="Service Communal - Prévenu ; Se déplace">
<label for="07"> Prévenu ; Se déplace</label><br><br>
<span class="version">Sécurité Civile :</span><br><br>
<input type="checkbox" name="services" id="08" value="Sécurité Civile - prévenu ; Se déplace">
<label for="08"> Prévenu ; Se déplace</label>
<input type="checkbox" name="services" id="09" value="Sécurité Civile - Prévenu ; Se Prépare">
<label for="09"> Prévenu ; Se Prépare</label>
<input type="checkbox" name="services" id="10" value="Sécurité Civile - Prévenu ; En cours de Transit">
<label for="10"> Prévenu ; En cours de Transit</label><br><br>
<span class="version">Service des Eaux :</span><br><br>
<input type="checkbox" name="services" id="11" value="Service des Eaux - Prévenu ; Se déplace">
<label for="11"> Prévenu ; Se déplace</label><br><br>


<input type="submit" name="post" value="Déclencher les secours">

</form>
</body>
</html>

Ou est ce que je me trompe.

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Nombre aléatoire en HTML ou JS

Message par Ea le Lun 16 Avr 2012 - 20:14

Vous avez déjà :

Code:
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "<strong>[font='Trebuchet MS']MDJ/TRS : </strong>[color=indigo]" + form.operateur.value + " [TRS3][/color]" + '\n'
+ "<strong><br>Nature de l'intervention :</strong> " + form.intervention.value + '\n'
+ "<strong>Localisation :</strong> " + form.localisation.value + '\n'
+ "<strong>Observation :<br></strong> " + form.observation.value + '\n'
+ "<strong><br><br>Moyens du Centre :</strong> " + '\n';
for(var i = 0; i < form.engins.length; i++)
{
if(form.engins[i].checked == true) { txt_message += form.engins[i].value + '\n'; }
}
txt_message += "<strong><br>Services spécifiques :</strong> " + '\n';
for(var k = 0; k < form.services.length; k++)
{
if(form.services[k].checked == true) { txt_message += form.services[k].value + '\n'; }
}
txt_message += "[/font]" + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
Donc plutôt qu'ajouter :

Code:
<script type="text/javascript">
function traiter_formulaire() {
  document.getElementById('subject').value= document.getElementById('yeah').value+' '+document.getElementById('kaboum').value;
}
</script>
Vous pouvez remplacer :

Code:
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "<strong>[font='Trebuchet MS']MDJ/TRS : </strong>[color=indigo]" + form.operateur.value + " [TRS3][/color]" + '\n'
+ "<strong><br>Nature de l'intervention :</strong> " + form.intervention.value + '\n'
+ "<strong>Localisation :</strong> " + form.localisation.value + '\n'
+ "<strong>Observation :<br></strong> " + form.observation.value + '\n'
+ "<strong><br><br>Moyens du Centre :</strong> " + '\n';
for(var i = 0; i < form.engins.length; i++)
{
if(form.engins[i].checked == true) { txt_message += form.engins[i].value + '\n'; }
}
txt_message += "<strong><br>Services spécifiques :</strong> " + '\n';
for(var k = 0; k < form.services.length; k++)
{
if(form.services[k].checked == true) { txt_message += form.services[k].value + '\n'; }
}
txt_message += "[/font]" + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
Par :

Code:
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "<strong>[font='Trebuchet MS']MDJ/TRS : </strong>[color=indigo]" + form.operateur.value + " [TRS3][/color]" + '\n'
+ "<strong><br>Nature de l'intervention :</strong> " + form.intervention.value + '\n'
+ "<strong>Localisation :</strong> " + form.localisation.value + '\n'
+ "<strong>Observation :<br></strong> " + form.observation.value + '\n'
+ "<strong><br><br>Moyens du Centre :</strong> " + '\n';
for(var i = 0; i < form.engins.length; i++)
{
if(form.engins[i].checked == true) { txt_message += form.engins[i].value + '\n'; }
}
txt_message += "<strong><br>Services spécifiques :</strong> " + '\n';
for(var k = 0; k < form.services.length; k++)
{
if(form.services[k].checked == true) { txt_message += form.services[k].value + '\n'; }
}
txt_message += "[/font]" + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;

document.getElementById('subject').value= document.getElementById('yeah').value+' '+document.getElementById('kaboum').value;

}
Cordialement.

Ea
Aidactif
Aidactif

Messages : 23425
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Nombre aléatoire en HTML ou JS

Message par pierre du 47 le Lun 16 Avr 2012 - 21:01

C'est bon c'est parfait, merci.

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 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