begin process at 2012 05 28 13:21:50
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Divers

 > DECOMPTEUR ET CHECKBOX TEMOIN

DECOMPTEUR ET CHECKBOX TEMOIN


 Information sur la source

Note :
Aucune note
Catégorie :Divers Classé sous :decompteur, javascript, checkbox, label Niveau :Débutant Date de création :04/07/2010 Vu / téléchargé :2 272 / 47
Auteur : dialvb

Ecrire un message privé
Commentaire sur cette source (1)
Ajouter un commentaire et/ou une note

 Description

Salut tous.
J'essaies de faire un petit exercice d'apprentissage.
Description de l'application:
Le but de ma page est de rentrer un chiffre dans une textbox de valider par un bouton.
Ca déclenche un décomptage en .js (pour que les calculs se fassent coté client et ne pas surcharger le serveur).
Une fois le décomptage lancé la textebox et le bouton sont rendues inactives (pas de rechargement possible avant la fin du décompe)

Pendant tout le temps du décomptage une checkbox (visible ou non) est checked "True"
Arrivé à zéro la checkbox redevient checked "False".
Elle sert donc de témoin pour servir de stimuli à des udatepanel sur ses ticks. (par exemple)

PAr ailleurs, un label dit au client combien de temps (chiffre = 10 => 10 secondes) il reste.

Source

  • 3 fichiers dans le zip.
  • Sur la page HTML, il y a:
  • <head runat="server">
  • <script type='text/javascript' language='javascript' src='compteur.js'></script>
  • <title></title>
  • </head>
  • <body>
  • <form id="form1" runat="server">
  • <div>
  • <br />
  • Sur&nbsp;
  • <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
  • &nbsp;secondes, il en reste
  • <asp:label runat="server" ID="message"></asp:label>
  • .<br />
  • <br />
  • <asp:CheckBox ID="temoin" runat="server" Visible="False" />
  • <br />
  • <br />
  • </div>
  • </form>
  • </body>
  • </html>
  • en evement sur la page il y a:
  • Public Partial Class WebForm3
  • Inherits System.Web.UI.Page
  • Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
  • End Sub
  • Protected Sub TextBox1_TextChanged(ByVal sender As Object, ByVal e As EventArgs) Handles TextBox1.TextChanged
  • TextBox1.Enabled = False
  • temoin.Checked = True
  • End Sub
  • Protected Sub temoin_CheckedChanged(ByVal sender As Object, ByVal e As EventArgs) Handles temoin.CheckedChanged
  • If temoin.Checked = False Then
  • TextBox1.Enabled = True
  • End If
  • End Sub
  • End Class
  • En fichier compteur.js, il y a:
  • function transit_valeur() {
  • //teste si l'utilisateur a rempli le textbox par un nombre
  • if (document.getElementById("checkbox1").checked == true) && (!isNaN(getElementById("textbox1").text))
  • {
  • var recup = document.getElementById("textbox1").text;
  • document.getElementById("message").innerHTML = recup;
  • }
  • else
  • {tinc = setTimeout (transit_valeur(),1000)
  • };
  • }
  • function decremente (){
  • //recupère le chiffre, calcule et remet à jour toutes les secondes
  • var decompte = parseInt (document.getElementById("message").text)
  • if (decompte > 0)
  • {decompte --;}
  • document.getElementById("message").innerHTML = decompte;
  • // continue de décompter et arrrivé à 0 décheck la checkbox
  • if (decompte!=0)
  • {tinc = setTimeout (decremente(),1000);}
  • else{document.getElementById("checkbox1").innerHTML = False;}
  • }
  • transit_valeur();
  • decremente();
3 fichiers dans le zip.
Sur la page HTML, il y a:
<head runat="server">
<script type='text/javascript' language='javascript' src='compteur.js'></script> 
    <title></title>
</head>

<body>
    <form id="form1" runat="server">
    <div>
        <br />
        Sur&nbsp;
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
&nbsp;secondes, il en reste
    <asp:label runat="server" ID="message"></asp:label>
        .<br />
        <br />
        <asp:CheckBox ID="temoin" runat="server" Visible="False" />
        <br />
        <br />
    </div>
    </form>
</body>
</html>

en evement sur la page il y a:
Public Partial Class WebForm3
    Inherits System.Web.UI.Page


    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

    End Sub

    Protected Sub TextBox1_TextChanged(ByVal sender As Object, ByVal e As EventArgs) Handles TextBox1.TextChanged
        TextBox1.Enabled = False
        temoin.Checked = True
    End Sub

    Protected Sub temoin_CheckedChanged(ByVal sender As Object, ByVal e As EventArgs) Handles temoin.CheckedChanged
        If temoin.Checked = False Then
            TextBox1.Enabled = True
        End If
    End Sub
End Class

En fichier compteur.js, il y a:
function transit_valeur() {
//teste si l'utilisateur a rempli le textbox par un nombre
if (document.getElementById("checkbox1").checked == true) && (!isNaN(getElementById("textbox1").text))
    {
    var recup = document.getElementById("textbox1").text;
    document.getElementById("message").innerHTML = recup;
    }
else
    {tinc = setTimeout (transit_valeur(),1000)
    };
}
function decremente (){
//recupère le chiffre, calcule et remet à jour toutes les secondes
    var decompte = parseInt (document.getElementById("message").text)
    if (decompte > 0)
    {decompte --;}
    document.getElementById("message").innerHTML = decompte;
    // continue de décompter et arrrivé à 0 décheck la checkbox
    if (decompte!=0)
    {tinc = setTimeout (decremente(),1000);}
    else{document.getElementById("checkbox1").innerHTML = False;}
}
transit_valeur();
decremente();

 Conclusion

Les problèmes doivent se situer dans:
- la façon de récupérer l'info de la textebox.
- la façon de mettre l'info dans le label.
- la facçon de checker la checkbox.
et une histoire de manque d'objet.

Si quelqu'un peut m'aider à y voire plus clair.
J'ai changé des codes mais j'ai rien trouvé de valable.
HELP plz pour le finaliser.
Merci à vous qui avez pris le temps de lire et/ou d'y répondre.

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources de la même categorie

Source avec Zip Source avec une capture SLIDESHOW IMAGES ET TEXTES EN PUR JAVASCRIPT par ansuzpeorth
Source avec Zip INPUT TEXT AUTOMATIQUE CREATION SUPPRESSION par lycanges
Source avec Zip Source avec une capture TABLE_SV : TABLEAU DYNAMIQUE, MONTRER/CACHER COLONNE SUR DEM... par synanceia
COLONNES ADAPTABLES EN HAUTEUR par dronoide
Source avec Zip VECTEURS ET MATRICES: OUTILS GRAPHIQUES UTILES par william voirol
Toutes les sources de la catégorie Divers

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture FORMULAIRE TABLEAU par vic511
Source avec Zip Source avec une capture SUBDIVISER LE RÉSULTAT D'UNE RECHERCHE EN PAGES par kimmp
Source avec Zip Source avec une capture CALCULATRICE HEURE par m22001111
Source avec Zip Source avec une capture COPIER DU TEXTE par m22001111
Source avec Zip LABELS EN SURBRILLANCE par jperre

Commentaires et avis

Commentaire de jdmcreator le 05/07/2010 15:50:27

Fait plutôt ton script en Orienté Objet :

exemple :

moncompteur = new Compteur(nombre_de_temps);
moncompteur.onfinish=function(){alert("C'est fini")}

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

probleme radio/checkbox [ par spiesalex ] salut j'ai un petit probl&#232;me en javaScript: je voudrait que en d&#233;sactionnant un radio que les checkbox redevienne gris&#233;e voila mon c javascript-->bouton radio-->retourne serie de cases a cocher [ par w_manou ] Bonjour à tous, je développe en lotusscript qui prend en compte des formules et du javascript.J'ai un problème j'ai une section qui doit englober deux checkbox en javascript [ par ibralnet ] salut a tous:je suis pas tres doué en javascript.j'ai un petit probleme.Voila je veux tester les checkbox de mon formulaire sachant que j'ai mis dans Checkbox avec PHP/MySQL/JavaScript [ par montalto ] Bonjour,Je suis debutant dans la programmation web et j'aurais besoin d'aide, ou pluto de sources ;)voila je doit faire une page qui affiche un tablea fonction javascript [ par tipieddu59 ] Bonjour, j'ai un petit problème sur un formulaire d'enregistrement j'ai intégré une textarea dans mon formulaire et je l'ai initialisée sur disabled ( fonction javascript [ par tipieddu59 ] Bonjour, j'ai un petit problème sur un formulaire d'enregistrement j'ai intégré une textarea dans mon formulaire et je l'ai initialisée sur disabled ( fonction javascript [ par tipieddu59 ] Bonjour, j'ai un petit problème sur un formulaire d'enregistrement j'ai intégré une textarea dans mon formulaire et je l'ai initialisée sur disabled ( Probleme de checkbox javascript [ par dartmaul ] Bonjour à tous. Je cherche depuis 4 heures comment changer ce code :&lt;script language='JavaScript'&gt;      checked = false;      function checkedAl Checkbox et javascript [ par amateurjava ] Bonjour,a n'y plus rien comprendre :Aprés une requete dans une bd, j'affiche des resultats de la façon suivante :$query=..........while($r=mysql_fetch test sur des boîtes à cocher [ par idoz ] En résumant le problème, on a 2 boîte à cocher. Si la première checkbox est cocher, la deuxième doit être décocher (si L est coché evidement) et vice-


Nos sponsors


Sondage...

Comparez les prix


Motorola MILESTONE
Entre 489€ et 489€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,764 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)