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 :

Changement en temps réel avec liste déroulante


Sujet :

JavaScript

  1. #21
    Membre averti
    Profil pro
    Inscrit en
    Août 2009
    Messages
    15
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 15
    Par défaut
    Tant pis pour la vidéo alors.

    Mon problème à quelque peu changé. Voici le code et après je vous explique :

    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
     
    			<div class="dernier_cc">
     
     
     
    				<p id="texte_contenu" style="display:inline">Nombre de propositions : <select id="nb_prop" name="nb_prop" onchange="choix(this)">
    		<?php for($j = 0; $j<=20; $j++)
                                    { ?>
    					<option value="<?php echo $j; ?>"><?php echo $j; ?></option><?php 
                                    } ?> 
     
     
     
    				</select></p>
     
     
    			</div>

    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
     
    	var question = Array();
     
    				function getElementsByClassName(className, tag, elm)
    				{
    					var testClass = new RegExp("(^|s)" + className + "(s|$)");
    					var tag = tag || "*";
    					var elm = elm || document;
    					var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
    					var returnElements = [];
    					var current;
    					var length = elements.length;
    					for(var i=0; i<length; i++)
    					{
    						current = elements[i ];
    						if(testClass.test(current.className))
    						{
    							returnElements.push(current);
    						}
    					}
     
    					return returnElements;
    				}
     
     
    				function choix(liste)
    				{
    						var valeur = liste.options[liste.selectedIndex].value;
    						document.getElementsByClassName('dernier_cc').innerHTML="";
     
     
    						for(var j=0; j < valeur; j++)
    							question[j] = j;
     
    						for(var i = 0; i < valeur;i++)
    						{
    							var ligne=document.createElement('br');
    							var text = document.createTextNode('Propostion :'+(i+1)+' : ');
     
    							document.getElementsByClassName('dernier_cc').appendChild(text);
    							document.getElementsByClassName('dernier_cc').appendChild(document.createElement("input"));
    							document.getElementsByClassName('dernier_cc').appendChild(ligne);
    						}
    				}
    dernier_cc est une clase. J'ai donc cherché une fonction qui remplacé getElementById mais avec les classes. En cherchant j'ai découvert qu'il fallait implémenter getElementsByClassName() et j'ai trouvé le code sur un site. (je n'aime pas faire ça mais étant au dessus de mes capacités...)
    Le problème est que la fonction choix n'affiche pas le texte, l'input et la ligne. Je ne trouve pas la raison.

    Merci

    EDIT : http://www.youtube.com/watch?v=0gsbMjy2eag la vidéo au cas où je me suis mal exprimé.

  2. #22
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Attention,
    getElementsByClassName retourne un tableau donc tu dois indiquer l'indice.
    N'utilise pas text comme nom de variable car j'ai peur que certain navigateur ne l'apprécie pas.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementsByClassName('dernier_cc')[0].appendChild(text)
    J'ai donc cherché une fonction qui remplacé getElementById mais avec les classes.
    Un script très utile : http://www.developpez.net/forums/d75...filtre-regexp/

  3. #23
    Membre averti
    Profil pro
    Inscrit en
    Août 2009
    Messages
    15
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 15
    Par défaut
    Merci. J'ai fait les modifications nécessaires. Par contre, je n'ai pas compris le but du script que tu m'as donné. A quoi peut il servir dans mon cas ?
    Sinon, le problème persiste.

Discussions similaires

  1. [MySQL] probleme avec liste déroulante et requete
    Par Ludo75 dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 26/01/2006, 14h55
  2. Problème avec liste déroulante
    Par Invité dans le forum IHM
    Réponses: 2
    Dernier message: 14/12/2005, 22h04
  3. Pb Formulaire avec liste déroulante
    Par Rouanou dans le forum IHM
    Réponses: 12
    Dernier message: 23/11/2005, 17h51
  4. Informatique temps réel avec VxWorks
    Par Mastero dans le forum C++
    Réponses: 3
    Dernier message: 02/09/2005, 23h08
  5. Aide à la saisie avec liste déroulante
    Par Oluha dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 01/02/2005, 10h04

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