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 :

js nom de variable dont la fin est inconnue


Sujet :

JavaScript

  1. #1
    Membre averti
    Inscrit en
    Janvier 2011
    Messages
    15
    Détails du profil
    Informations forums :
    Inscription : Janvier 2011
    Messages : 15
    Par défaut js nom de variable dont la fin est inconnue
    Bonjour,

    Je ne trouve pas de documentation du tout...

    Savez vous comment faire en js pour pouvoir effectuer une action sur un contrôle dont le nom n'est connu que par le début.

    Je m'explique :

    via cette ligne par exemple

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('nomvariable'*).disabled=true
    Ici je voudrai donc rendre inaccessible tous les objets dont l'id commence par 'nomvariable' et qui possède un nombre de caractères inconnu à la suite.

    Plutôt que de faire cela :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    document.getElementById('nomvariable1').disabled=true
    document.getElementById('nomvariable2').disabled=true
    document.getElementById('nomvariable3').disabled=true
    document.getElementById('nomvariable4').disabled=true
    document.getElementById('nomvariable5').disabled=true
    ....
    Merci d'avance.

    Necro27

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    j'ai posté une solution il y a quelques temps dans les contributions
    http://www.developpez.net/forums/d75...tElementsByReg
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre averti
    Inscrit en
    Janvier 2011
    Messages
    15
    Détails du profil
    Informations forums :
    Inscription : Janvier 2011
    Messages : 15
    Par défaut
    Bonjour, merci pour l'orientation, mais je n'arrive pas à l'adapter...

    Voici la syntaxe pour les expressions par defaut simplifiée pour le premier paramètre il doit être un string du type
    *mot pour commence par mot
    mot* pour finit par mot
    *mot* pour continent mot
    *mot|mot* pour commence ou finit par ...
    ou toute autre combinaison de * et |
    tout d'abord, c'est différent du sql ?

    donc normalement
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('*btnajoutssfamille').value='-';
    devrait fonctionner, dans le sens où l'id commence par 'btnajoutssfamille' ?

    J'avoue avoir du mal à adapter, je continu de tester :s

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('*btnajoutssfamille').value='-';
    NON !
    comme expliqué cela retourne une collection d'objets !!!
    il te faut boucler sur la collection pour recupérer individuellement les value
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre averti
    Inscrit en
    Janvier 2011
    Messages
    15
    Détails du profil
    Informations forums :
    Inscription : Janvier 2011
    Messages : 15
    Par défaut
    humm ça me fait peur je comprend pas du tout...

    Enfin l'idée de la boucle ok, mais à part ça..je suis plutôt novice...

    Bon j'essaie de bien comprendre,

    Je fais une boucle pour récupérer toutes les valeurs existantes, et ensuite j'utilise la fameuse étoile ?

    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
    <script type="text/javascript">
     
    document.getElementsByReg=function(reg,attr){
    var tabReg=new Array();
    var tabElts=document.body.getElementsByTagName('*');
    var TEL=tabElts.length;
     
    if(!(reg instanceof RegExp)){
           if(reg.indexOf("*")>-1){
    		  		reg=reg.replace(/\*/g,'.+');
     		  		reg=new RegExp(reg);
     
     		  		}
     		else {return	tabReg;
     			   }	
     		}
     
    i=0;
    while(tabElts[i]){
    		if(tabElts[i][attr]){
     
    	         if(reg.test(tabElts[i][attr])){tabReg.push(tabElts[i]);}
    	         }
    	i++;         
    	}
    return tabReg;
    }
    </script>
    C'est donc sur ce code que je doit m'orienter ? il faut autant de choses pour faire une si petite chose..

    j'avoue être largué mais d'une force, je ne comprend pas le fonctionnement de ce code...

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut


    non getElementsByReg récupère une collection d'objets ...
    en l'occurence tout ceux dont l'id commence par ...

    il faut boucler sur la collection pour recupérer le value de chacun de ses objets ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  7. #7
    Membre averti
    Inscrit en
    Janvier 2011
    Messages
    15
    Détails du profil
    Informations forums :
    Inscription : Janvier 2011
    Messages : 15
    Par défaut
    Ok merci ^^ mais je ne voie même pas comment récupérer la collection d'objets..

    J'ai un peu pour ne pas dire beaucoup de mal à comprendre tout ce qui peut être collection ou dictionnaire d'objets.

    Le code en lui-même je tente de le déchiffrer en vain, serait t'il possible peut être d'avoir un minimum de commentaires sur ce code ?

    en ce qui concerne les cases à cochées :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="checkbox" name="check" id="check'.$ligne_famille['id_famille'].'" value='.$ligne_famille['id_famille'].' onchange=affiche_ss_famille('.$ligne_famille['id_famille'].','.$_POST['idtypemateriel'].') />
    voilà un peu de code, mais je bloque complètement. c'est la partie php bien entendu, mais en terme de js, je ne vois pas comment faire cette collection...

    Bref, merci quand même d'avoir répondu.

  8. #8
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    la fonction retourne la collection d'objets !!
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  9. #9
    Membre averti
    Inscrit en
    Janvier 2011
    Messages
    15
    Détails du profil
    Informations forums :
    Inscription : Janvier 2011
    Messages : 15
    Par défaut
    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
     
    function test{
            document.getElementsByReg=function(reg,attr)
    	{
    		var tabReg=new Array();
    		var tabElts=document.body.getElementsByTagName('*');
    		var TEL=tabElts.length;
     
    		if(!(reg instanceof RegExp))
    		{
    			if(reg.indexOf("*")>-1)
    			{
    				reg=reg.replace(/\*/g,'.+');
    				reg=new RegExp(reg);
    			}
    			else 
    			{
    				return	tabReg;
    			}	
    		}		
    		i=0;
    		while(tabElts[i])
    		{
    			if(tabElts[i][attr])
    			{
    				if(reg.test(tabElts[i][attr]))
    				{
    					tabReg.push(tabElts[i]);
    				}
    			}
    			i++;         
    		}
    		return tabReg;
    	}
    }
    Déjà, le code ci-dessus, n'est que le contenu d'une fonction qui n'éest pas nommée, où le code est à insérer tel quel dans ma page .js où document.get.....etc est la première ligne ?
    Oui je bloque vraiment sur le tout début du problème...
    Sinon, je n'ai pas à toucher à ce code alors ? j'essaie vraiment de comprendre, pardon de ne pas être expert en la matière...

    non getElementsByReg récupère une collection d'objets ...
    en l'occurence tout ceux dont l'id commence par ...
    document.getElementsByReg(/rub/,'i d','li');
    1er argument, le sélécteur css,
    2eme, le nom de l'attribut à tester,
    enfin en option le nom du tag , le type de l'élément
    Donc sachant que le name de mes checkbox est 'check', je met check ou ? Il faut bien spécifier quelque part le name check....?

    je ne comprend pas comment l'utiliser, je suis même en train de me demander si ce n'est pas un simple appel..

    Si possible une réponse un peu plus explicative ?
    Ce qui semble être super simple pour certain peut être compliqué pour d'autre.
    Et j'avoue bien faire partie des autres sur ce cas...

  10. #10
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    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
    <script type="text/javascript">
     
    document.getElementsByReg=function(reg,attr){
    var tabReg=new Array();
    var tabElts=document.body.getElementsByTagName('*');
    var TEL=tabElts.length;
    if(! (reg instanceof RegExp)){return tabReg;}
    i=0;
    while(tabElts[i]){
    		if(tabElts[i][attr]){
     
    	         if(reg.test(tabElts[i][attr])){tabReg.push(tabElts[i]);}
    	         }
    	i++;         
    	}
    return tabReg;
    }
     
    function foo(){
     
    var tabdiv=document.getElementsByReg(/^mondiv/,'id')
    var liste=""
    var i=-1;
    while(tabdiv[++i]){
    liste+="le div "+tabdiv[i].id+" contient =>"+tabdiv[i].innerHTML +"\n"
    }
    alert(liste)
    }
    </script>
     
     
    </head>
     
    <body onload="foo()">
    <div id="_3">
    <div id="mondiv1">truc contenu dans mondiv 1 </div>
    <div id="mondiv2">truc contenu dans mondiv 2</div>
    <div id="madiv3">truc contenu dans ma div3</div>
    <div id="madiva">truc contenu dans madiva</div>
    <div id="mandiv5">truc contenu dans mandiv5</div>
    <div id="mondivb">truc contenu dans mondivb</div>
    </div>
     
    </body>
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  11. #11
    Membre averti
    Inscrit en
    Janvier 2011
    Messages
    15
    Détails du profil
    Informations forums :
    Inscription : Janvier 2011
    Messages : 15
    Par défaut
    Bonjour à tous, bonjour SpaceFrog,

    Tout d'abord merci de la patience, j'ai adapté ce code à mon cas et il fonctionne très bien.

    Je pense qu'hier une bonne pause aurais été nécessaire car je remarque que je n'avais pas les idées claires du tout...

    Sur ce très bonne journée à toi, et un bon courage avec les énergumènes tels que moi (je l'avoue).

    Nec27

  12. #12
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    y'a des jours comme ça ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

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

Discussions similaires

  1. gerer les depots dont le nombre est inconnu
    Par CLion dans le forum C#
    Réponses: 8
    Dernier message: 25/03/2015, 16h47
  2. Affecter variable dont le nom est une concaténation
    Par CDS_Corp dans le forum VB.NET
    Réponses: 6
    Dernier message: 24/11/2009, 10h29
  3. Réponses: 12
    Dernier message: 20/11/2009, 19h31
  4. Créer un variable dont le nom est une valeur de la base
    Par nicolas2603 dans le forum Langage
    Réponses: 3
    Dernier message: 25/09/2009, 09h45
  5. Réponses: 4
    Dernier message: 05/06/2002, 14h35

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