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 :

Afficher un nombre de checkbox en fonction d'un input type text


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Mai 2010
    Messages
    347
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur .NET
    Secteur : Finance

    Informations forums :
    Inscription : Mai 2010
    Messages : 347
    Par défaut Afficher un nombre de checkbox en fonction d'un input type text
    Bonjour,

    je cherche à afficher un nombre de checkbox en fonction du nombre entré par l'utilisateur auparavant.
    Le bout de code pour montrer ou j'en suis pour le moment :

    Code php : 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
     
    			<form method="POST" action="resultatAjoutMangas.php" enctype="multipart/form-data">
    			<table>
    				<tr>
    					<td>Titre du manga :</td>
    					<td><input type="text" name="titre" size="50" /></td>
    				</tr>
    				<tr>
    					<td>Auteur du manga :</td>
    					<td><input type="text" name="auteur" size="50" /></td>
    				</tr>
    				<tr>
    					<td>Nombre de tomes disponibles :</td>
    					<td><input type="text" name="dispo" size="1" /></td>
    				<tr>	
    					<td>Liste des tomes possédés :</td>
    					<td>
    					<?php
    						$i = valueOf("dispo");
    						for ($j=0;$j=$i;$j++)
    						{
    							echo '<input type="checkbox" value='.$i.' name="possede" />';
    							$j++;
    						}
    					?>
    					</td>
    				</tr>
    				<tr>
    					<td>Résumé du manga :</td>
    					<td><textarea rows="20" cols="50" name="resume" /></textarea></td>
    				</tr>
    				<tr>
    					<td>Image illustrative :</td>
    					<input type="hidden" name="MAX_FILE_SIZE" value="300000" >
    					<td><input type="file" id="file" name="image"></td>
    				</tr>
    			</table>
    			<div align=center>	
    			<input type="submit" value="Ajouter" name="OK"><input type="reset" value="Remise à zéro" name="RAZ">
    			</div>
    			<br />
    			</form>

    Est-ce que cette méthode est possible en PHP ? Faut il rajouter du JS dessus pour l'affichage dynamique ?

    Je continue mes recherches, merci à ceux qui auront une réponse

  2. #2
    Modératrice
    Avatar de Celira
    Femme Profil pro
    Développeuse PHP/Java
    Inscrit en
    Avril 2007
    Messages
    8 633
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 40
    Localisation : France

    Informations professionnelles :
    Activité : Développeuse PHP/Java
    Secteur : Industrie

    Informations forums :
    Inscription : Avril 2007
    Messages : 8 633
    Par défaut
    Si tu veux que ce soit dynamique, donc sans rechargement de la page, il va forcément te falloir du Javascript.
    Le plus simple à mon sens, c'est de mettre un evenement onChange sur ton champ text, qui appelle la fonction js qui crée les checkboxes.
    Modératrice PHP
    Aucun navigateur ne propose d'extension boule-de-cristal : postez votre code et vos messages d'erreurs. (Rappel : "ça ne marche pas" n'est pas un message d'erreur)
    Cherchez un peu avant poser votre question : Cours et Tutoriels PHP - FAQ PHP - PDO une soupe et au lit !.

    Affichez votre code en couleurs : [CODE=php][/CODE] (bouton # de l'éditeur) et [C=php][/C]

  3. #3
    Membre éclairé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Mai 2010
    Messages
    347
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur .NET
    Secteur : Finance

    Informations forums :
    Inscription : Mai 2010
    Messages : 347
    Par défaut
    Bon, je suis en train de me perdre avec JS

    Le code :

    Code js : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    function ajoutCheckBox(nombre)
    			{	
    				var nombre = document.getElementById('dispo');
    				var j;
    				var cb = document.createElement('input');
    				cb.type = 'checkbox';
    				for ($j=1;$j=nombre;$j++)
    				{
    					cb.name = 'possede[]';
    					cb.value = j;
    					$j++;
    				}
    			}

    qui est appelé par :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <tr>
    					<td>Nombre de tomes disponibles :</td>
    					<td><input type="text" name="dispo" size="1" onChange="ajoutCheckBox(this.selectedValue)"/></td>
    				</tr>
    et qui est censé afficher le résultat dans :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    <tr>	
    					<td>Liste des tomes possédés :</td>
    					<td>
     
    					</td>
    				</tr>
    J'ai l'impression de mélanger PHP/HTML/JS dans la même fonction ce qui fait que rien ne se passe sur ma page quand je remplit le champ text appelant la fonction onChange.


    Edit : j'ai modifié la fonction JS, normalement c'est du full JS cette fois ci. Pourtant, je n'ai aucune checkbox qui se crée lorsque je switch de champ une fois que j'ai saisi le nombre de tomes disponibles.
    J'ai utilisé brièvement l'outil dispo sur Chrome et je n'ai aucune erreur lors du passsage de la fonction onChange.
    Help svp

    Si quelqu'un a le courage de m'aider à démêler tout ce binz, merci

  4. #4
    Membre éclairé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Mai 2010
    Messages
    347
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur .NET
    Secteur : Finance

    Informations forums :
    Inscription : Mai 2010
    Messages : 347
    Par défaut
    Ah, j'ai réussi à avancer ! (un tout petit peu )

    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
     
    <SCRIPT type="text/javaScript">
    			function ajoutCheckBox(nombre)
    			{	
    				alert("test");
    				var nombre = document.getElementById('dispo').value
    				var j;
    				for ($j=1;$j=nombre;$j++)
    				{
    					var cb = document.createElement('input');
    					cb.type = 'checkbox';
    					cb.name = 'possede[]';
    					cb.value = j;
    				}				
    			}
    		</script>
    et la partie appelante :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <tr>
    					<td>Nombre de tomes disponibles :</td>
    					<td><input type="text" name="dispo" id="dispo" size="1" onChange="ajoutCheckBox(this.value)"/></td>
    				</tr>
    Donc, j'ai bien l'alert test qui s'affiche, donc il rentre bien dans la fonction, par contre l'onglet freeze ensuite.
    Donc, soit le fonctionnement de la boucle for diffère en JS et j'ai sûrement une boucle infinie, soit y a autre chose que j'ai pas compris.

    Si vous voyez une solution, merci

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    for ($j=1;$j=nombre;$j++)
    Oh... la jolie boucle infinie

    Il faut différencier une affectation (=) et une comparaison (== ou ===)
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  6. #6
    Membre éclairé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Mai 2010
    Messages
    347
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur .NET
    Secteur : Finance

    Informations forums :
    Inscription : Mai 2010
    Messages : 347
    Par défaut
    Oups
    Merci de ta réponse, je continue mes test !


    Edit : Aaaah ! J'ai réussi à en créer !
    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
     
    <SCRIPT type="text/javaScript">
    			function ajoutCheckBox(nombre)
    			{	
    				alert("test");
    				var nombre = document.getElementById('dispo').value
    				alert(nombre);
    				for (j=1;j<=nombre;j++)
    				{
    					alert("J = " + j);
    					var cb = document.createElement('input');
    					cb.type = 'checkbox';
    					cb.name = 'possede[]';
    					cb.value = j;
    					container.appendChild(cb);
    				}				
    				alert("Valeur finale : " + j);
     
    			}
    		</script>
    Plus qu'a trouver comment les placer au bon endroit et leur ajouter un nom et c'est bingo !

Discussions similaires

  1. Réponses: 5
    Dernier message: 15/12/2008, 17h15
  2. Réponses: 3
    Dernier message: 17/09/2008, 21h15
  3. Afficher un nombre de balise div en fonction du choix de l'utilisateur
    Par Analfabete dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 11/01/2007, 18h49
  4. [Tableaux] afficher le nombre de checkbox de cocher
    Par PAYASS59 dans le forum Langage
    Réponses: 13
    Dernier message: 18/02/2006, 18h24
  5. fonction pour compter le nombre de checkbox coché ?
    Par Death83 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 15/09/2005, 11h28

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