[Html-Formulaire] Automatiser la valeur value...

2 participants

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

Résolu [Html-Formulaire] Automatiser la valeur value...

Message par undertaker999 Mer 14 Déc 2011 - 5:10

Bonjour,

Je vous expose mon problème:

Tout d'abord, mon forum fonctionne actuellement avec des systèmes de formulaires Html, qui vient nous permettre d'accélérer certaine commande que l'on devrait faire manuellement...

Heureusement, nous avons la chance d'avoir recours au Formulaire suivant pour nous permet d'envoyer un décompte de façon rapide:
http://velp.monempire.net/h69-duree-total-de-production

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Temps de Production</title>
    <style type="text/css">
    .contenu_onglet {
    background-color: #ffffff; width:920px; border: 1px solid #888888; margin: 0px auto 0px; padding: 10px; -moz-border-radius: 30px; text-align: justify;}
    a {
    text-decoration : none; color: #ff950d;}
    .titre_article {
    color: #000000; font-size: 16px; font-variant: small-caps; font-weight: bold; padding-left: 20px;}
    .auteur {
    font-style: italic;}
    input, textarea
    {
    font-family:"Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
    margin-bottom: 5px;
    }
    textarea:focus /* Quand le curseur est sur un champ */
    {
    background-color:#EBEBEB;
    }
    </style>
    </head>
    <body style="background: #eaeaea;">
    <div class="contenu_onglet">
    <script type="text/javascript">
    //<!--
    function calcul_ad()
    {
    a= document.forme.champ10.value;
    b= document.forme.champ11.value;
    c= document.forme.champ12.value;
    d= document.forme.champ13.value;
    e= document.forme.champ14.value;
    f= document.forme.champ15.value;
    g= document.forme.champ16.value;
    h= document.forme.champ17.value;
    nbre= ((a*86400)+(b*3600)+(c*60)+(d*1))+((e*86400)+(f*3600)+(g*60)+(h*1))
    nbre1= Math.floor(nbre/86400)
    nbre2= Math.floor((nbre-(nbre1*86400))/3600)
    nbre3= Math.floor(((nbre-((nbre1*86400)+(nbre2*3600))))/60)
    nbre4= (nbre-((nbre1*86400)+(nbre2*3600)+(nbre3*60)))
    document.forme.champ18.value= nbre1
    document.forme.champ19.value= nbre2
    document.forme.champ20.value= nbre3
    document.forme.champ21.value= nbre4
    }
    //-->
    </script>
    <form action="" method="post" name="forme">
    <div align="center"><span class="titre_article">Calcul du temps de production<br />et Générateur de compte à rebours</span><br /><br />
    <table style="border:1px;background:#FFFFFF;text-align:center;"><tr>
    <td>Début de la production : </td>
    <td><input type="text" size="2" maxlength="2" name="champ10" /> j
    <input type="text" size="2" maxlength="2" name="champ11" /> h
    <input type="text" size="2" maxlength="2" name="champ12" /> mn
    <input type="text" size="2" maxlength="2" name="champ13" value="00" /> s </td>
    <td rowspan="2"> } <input type="button" value="Additionner" onclick="calcul_ad()" /></td>
    </tr><tr>
    <td>Temps de production : </td>
    <td><input type="text" size="2" maxlength="2" name="champ14" /> j
    <input type="text" size="2" maxlength="2" name="champ15" /> h
    <input type="text" size="2" maxlength="2" name="champ16" /> mn
    <input type="text" size="2" maxlength="2" name="champ17" /> s </td>
    </tr><tr>
    <td><br />Résultat de fin de production : </td>
    <td><br />
    <input type="text" size="2" name="champ18" readonly="readonly" /> j
    <input type="text" size="2" name="champ19" readonly="readonly" /> h
    <input type="text" size="2" name="champ20" readonly="readonly" /> mn
    <input type="text" size="2" name="champ21" readonly="readonly" /> s </td>
    </tr></table>
    <table style="text-align:center;">
    <tr>
    <td colspan="6">Entrez ici la date réelle de fin de production en chiffres pour générer le compte à rebours : </td>
    </tr><tr>
    <td> Jour</td>
    <td> Mois</td>
    <td> Année</td>
    <td> Heures</td>
    <td> Minutes</td>
    <td> Secondes</td>
    </tr><tr>
    <td><input type="text" size="2" maxlength="2" name="jo" /></td>
    <td><input type="text" size="2" maxlength="2" name="mo" value="12" /></td>
    <td><input type="text" size="4" maxlength="4" name="an" value="2011" /></td>
    <td><input type="text" size="2" maxlength="2" name="he" value="00" /></td>
    <td><input type="text" size="2" maxlength="2" name="mi" value="00" /></td>
    <td><input type="text" size="2" maxlength="2" name="se" value="00" /></td>
    </tr><tr>
    <td colspan="6">Entrez ici le texte à afficher à la fin du décompte </td>
    </tr><tr>
    <td colspan="6"><input style="max-width:240px;height:30px;font-size:20px;" type="text" size="40" maxlength="30" name="text" value="C'est terminé" /></td>
    </table>
    </div>

    <p align="center">Pensez à visiter cette page 1x/mois pour ne pas perdre le lien du compteur<br />
    <a href="http://cjoint.com/11ju/AGusxHgIwba.htm" target="_blank">http://cjoint.com/11ju/AGusxHgIwba.htm</a></p>

    <p align="center"><input type="button" value="Générer le compte à rebours" onclick="
    document.forme.cod1.style.display='block';
    document.forme.cod1.value='[table style=\'background-color:#e8f1f8;border:2px solid #e09742;width:400px;padding:15px;-moz-border-radius:15px;margin-left:auto;margin-right:auto;\'][tr][td][center][size=24][font=Georgia]Temps restant pour \nTerminer la Production[/font][/size][/center][/td][/tr][tr]\n[td][center][flash(260,50)]http://cjoint.com/11ju/AGusxHgIwba_chron.swf?p1='+form.an.value+'&p2='+form.mo.value+'&p3='+form.jo.value+'&p4='+form.he.value+'&p5='+form.mi.value+'&p6='+form.se.value+'&p7='+form.text.value+'[/flash][/center][/td][/tr][/table]';document.getelementbyid('validate').disabled=(document.getelementbyid('code').value!='')?false:true;" />
    <input type="reset" value=" Réinitialiser la page"/> <input type="button" name="lien" value="Retour au Forum" onClick="self.location.href='http://www.velp.monempire.net/'" />
    <br><br>
    <textarea class="post" style="width:900px; text-align:center;font-size: 14px;" id="code" name="cod1" wrap="virtual" onselect="storecaret(this);" tabindex="3" cols="35" rows="6"  onkeyup="storecaret(this);document.getelementbyid('validate').disabled=(this.value!=''&&document.getelementbyid('code').value!='')?false:true;" onclick="storecaret(this);" style="width: 250px; height: 250px; border: 1px solid #98d0cd;" readonly="true">
    </textarea><br />
    <a href="http://www.velp.monempire.net">Retour au forum</a></p>
    </form>
    </div>
    </body>
    </html>

Comme vous l'avez certainement remarqué, il y a 4 lignes de données...
1: La date de début
2: La durée de la production
3: Le Résultat
4: La date du résultat...

Dans la vision d'accélérer l'opération, nous désirons que les valeurs de la lignes 4 se compilent automatiquement avec le résultat de la ligne 3, car présentement nous devons taper les données...

Cependant, je n'es toujours pas arrivé à forcer la valeur...

NB:
La ligne 3 est l'addition de la ligne 1 + la ligne 2...
La ligne 4 permet d'identifier au générateur la date de fin du décompte...

J'espère que vous serez en mesure de nous aider...
Dans l'espoir de recevoir une réponse de votre part,
Très Sincèrement,

Velp,

Ps: Je suis conscient que cette modification vous demandera de modifier le code existant. Du coup, vous pouvez supprimer les fonctions (Value="00")


Dernière édition par undertaker999 le Jeu 15 Déc 2011 - 4:36, édité 1 fois
undertaker999

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Html-Formulaire] Automatiser la valeur value...

Message par Scoubifitz Mer 14 Déc 2011 - 18:31

bonjour,bonsoir !^^

comment ça va ? Hi

vous voulez juste que le résultat du 3. s'affiche aussi dans le 4. ?

pour le 1. , la date du début est toujours aléatoire , pas forcément la date du jour ?

Scoubifitz

Scoubifitz
Membre actif

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

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

Résolu Re: [Html-Formulaire] Automatiser la valeur value...

Message par undertaker999 Mer 14 Déc 2011 - 18:36

bonjour,bonsoir !^^

comment ça va ? Hi

HEY !!! Salut, ça va super bien et toi ?

vous voulez juste que le résultat du 3. s'affiche aussi dans le 4. ?

Oui, Exactement...

pour le 1. , la date du début est toujours aléatoire , pas forcément la date du jour ?

En faites, vous avez raison... (Je préfère que la 1 reste comme elle est présentement, soit aléatoire, car cela nous permet de pouvoir débuter le générateur exemple 2 heures avant la date réelle, c'est très utile quand on prend une pause)

Merci encore beaucoup,
Velp

undertaker999

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Html-Formulaire] Automatiser la valeur value...

Message par Scoubifitz Mer 14 Déc 2011 - 19:07

'vais voir ce qui est faisable ...

mais faut attendre un peu ...

pour le moment , on peut renommer les values de la ligne 4.

ça donnera les mêmes valeurs que la ligne 3 à la ligne 4 .

remplacez ceci dans le script :

document.forme.champ18.value= nbre1
document.forme.champ19.value= nbre2
document.forme.champ20.value= nbre3
document.forme.champ21.value= nbre4
par ceci :
document.forme.champ18.value= nbre1
document.forme.jo.value= nbre1
document.forme.champ19.value= nbre2
document.forme.he.value= nbre2
document.forme.champ20.value= nbre3
document.forme.mi.value= nbre3
document.forme.champ21.value= nbre4
document.forme.se.value= nbre4

il restera à corriger manuellement le jour-mois-année ...

je regarde s'il y a moyen de faire le calcul en javascript en récupérant la date UTC , calcul de la différence avec la date choisie , puis de l'addition du temps de prod , et affichage auto de la nouvelle date après addition ...
Scoubifitz

Scoubifitz
Membre actif

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

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

Résolu Re: [Html-Formulaire] Automatiser la valeur value...

Message par undertaker999 Jeu 15 Déc 2011 - 4:38

Encore une fois Scoubifitz, vous m'épatez... !!!

Je suis vraiment reconnaissant envers le travail que vous destinez à mes demandes...

J'espère arriver à temps pour vous dire que le code est parfait dorénavant...
Vous n'avez pas à reconstruire le code avec l'heure UTC...

Vous avez su encore une fois m'offrir le code que je désirais...

Bien à vous,
Velp
undertaker999

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Html-Formulaire] Automatiser la valeur value...

Message par Scoubifitz Jeu 15 Déc 2011 - 6:53

si le code vous satisfait , on en restera là ! Clin d\'oeil

Amicalement,

Scoubifitz geek
Scoubifitz

Scoubifitz
Membre actif

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

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

Résolu Re: [Html-Formulaire] Automatiser la valeur value...

Message par Invité Jeu 15 Déc 2011 - 6:55

Intéligent Wink!
Anonymous

Invité
Invité


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

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

- Sujets similaires

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