IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Transformer un bouton


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    Décembre 2011
    Messages
    25
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Décembre 2011
    Messages : 25
    Points : 11
    Points
    11
    Par défaut Transformer un bouton
    Bonjours à tous,

    Je voudrais savoir si avec du javascript il était possible de transformer un bouton d'envoi en bouton de retour dans mon cas le bouton retour servirait à revenir à l'accueil.

  2. #2
    Inactif  

    Homme Profil pro
    développeur Vala
    Inscrit en
    Février 2011
    Messages
    478
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Cher (Centre)

    Informations professionnelles :
    Activité : développeur Vala
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2011
    Messages : 478
    Points : 3 700
    Points
    3 700
    Par défaut
    Bonsoir
    Que fais tu avec ton formulaire ? Car ça peut être possible de revenir à une autre page après le traitement du formulaire.

  3. #3
    Membre expérimenté
    Avatar de Luke spywoker
    Homme Profil pro
    Etudiant informatique autodidacte
    Inscrit en
    Juin 2010
    Messages
    1 077
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Etudiant informatique autodidacte

    Informations forums :
    Inscription : Juin 2010
    Messages : 1 077
    Points : 1 742
    Points
    1 742
    Par défaut
    Il faut changer l'attribut action du formulaire avec l'objet window.location par exemple.

  4. #4
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    Décembre 2011
    Messages
    25
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Décembre 2011
    Messages : 25
    Points : 11
    Points
    11
    Par défaut
    En fait, j'ai créé un petit en php, l'utilisateur a 7 essais un nombre mystère. Je voudrais que lorsque l'utilisateur trouve le nombre mystère ou quand le nombre d'essai est 0 que le bouton (input) qui permettait de vérifier si le nombre était le bon redirige vers l'accueil.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    <?php
    // on vérifie si le nombre a déjà été généré
    // dans ce cas il sera renvoyé par le formulaire de saisie
    if (isset($_POST['mystere']) && ctype_digit($_POST['mystere'])) {
       $nombre = $_POST['mystere'];
    }
    else {
       $nombre = mt_rand(1, 100);
       //echo $nombre;
    }
     
    // on récupère le nombre de tentatives déjà faites
    if (isset($_POST['nbTentatives']) && ctype_digit($_POST['nbTentatives'])) {
       $nbTentatives = $_POST['nbTentatives'];
       // on incrémente
       $nbTentatives += 1;
    }
    else {
       $nbTentatives = 0;
    }
     
    $essaisRestants = 7 - $nbTentatives;
    ?>
    <head>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-88859-1"/>
       <title>Jeu</title>
       <link rel="stylesheet" href="CSS/feuille.css" />
       <link rel="shortcut icon" type="image/x-icon" href="Images/icone.ico" />
       <script type="text/javascript" src="Javascript/Verification.js"></script>
       <img src="Images/proba.png" style="display:block;margin:auto;width:256px:height:256px;vertical-align:middle" />
    </head>
    <body>
       <form method="post" action="jeu.php" name="formJeu">
          <fieldset style=" width:500px; height:220px">
             <p align="center">Entrer un nombre entre 0 et 100 :
                <input type="text" name="choixnombre" id="choixnombre" value="." onclick="javascript:this.value=''" size="7" required="required"/>
                <input type="hidden" name="mystere" value="<?php echo $nombre; ?>" />
                <input type="hidden" name="nbTentatives" value="<?php echo $nbTentatives; ?>" />
                </br>
    			</br>
                <input type="button" value="Vérifier" id="Vérifier" onclick="verification()" style="font-size:100%">
             </p>
             Essais restant : <?php echo $essaisRestants; ?>
    		 </br>
    		 </br>
     
       </form>
     
       <?php
       //on récupère le nombre saisie par l'utilisateur pour le comparer au nombre généré aléatoirement
     	if (isset($_POST['choixnombre'])) { 
    	$choixnombre = $_POST['choixnombre'];
    	?>
       <?php if($essaisRestants > 0): ?>
    	<?php if ($nombre > $choixnombre): ?>
    		<div align="center">Le nombre choisi est trop petit !</div>
    	<?php else: ?>
    		<?php if ($nombre < $choixnombre): ?>
    			<div align="center">Le nombre choisi est trop grand !</div>
    		<?php else: ?>
    		<script>$('#Vérifier').replaceWith("<input href='Accueil.php' id='Retour' />");</script>
    			<div align="center">Bravo, vous avez trouvé le nombre mystère !</div>
    		<?php endif; ?>
    	<?php endif; ?>
    	<?php endif; ?>	
    	<?php if($essaisRestants == 0): ?>
    			<div align="center">Vous avez perdu !</div>	
    			<div align="center">le nombre mystère était : <?php echo $nombre ?></div>	
    	<?php endif; ?>
     
    	<?php } ?> 
     
    	<script type="text/javascript">
    	function() {
    	var retour = document.getElementById("nbTentatives").value;
          if(nbTentatives ==7){
              $('#Vérifier').replaceWith("<input href='Accueil.php' id='Retour' />");
          } 
    </script>
    	</fieldset>
    </body>
    </html>

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [JS] Transformer bouton appelant du js en image
    Par Isalyn dans le forum Général JavaScript
    Réponses: 13
    Dernier message: 08/01/2010, 19h35
  2. cellule transformée en bouton
    Par mspeach dans le forum Excel
    Réponses: 9
    Dernier message: 01/03/2009, 18h59
  3. Réponses: 6
    Dernier message: 20/11/2008, 13h47
  4. Changer la propriété d'un control transformer en bouton
    Par Gregory.M dans le forum Windows Presentation Foundation
    Réponses: 1
    Dernier message: 27/08/2008, 00h39
  5. Réponses: 3
    Dernier message: 15/05/2008, 16h22

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo