begin process at 2012 05 29 07:45:13
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Function & Méthodes

 > 

Conflit entre deux combo liste dans une seul et meme page


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Conflit entre deux combo liste dans une seul et meme page

lundi 12 janvier 2009 à 20:58:27 | Conflit entre deux combo liste dans une seul et meme page

caubced91

Bonjour, j ai un petit problème de ........ heu  ..... "débutant"

Voila je m explique, je voudrais mettre dans une seul et même page deux combo liste (comprenant chacune deux liste liée)

voila le code source d' UNE combo liste:

<form name="doublecombo">
<p><select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>1</option>
<option>2</option>

</select>
<select name="stage2" size="1">
<option value="http://www.g1script.com">1.0</option>
<option value="http://www.crollen.com">1.1</option>
<option value="http://www.toutlapub.com">1.2</option>
</select>
<input type="button" name="test" value="Go!"
onClick="go()">
</p>

<SCRIPT language="JavaScript" title="G1SCRIPT">
<!--

var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()

group[0][0]=new Option("1.0","http://www")
group[0][1]=new Option("1.1","http://www.")
group[0][2]=new Option("1.2","http://www.")

group[1][0]=new Option("2.0","http://www.")
group[1][1]=new Option("2.1","http://www.")

var temp=document.doublecombo.stage2

function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}

function go(){
location=temp.options[temp.selectedIndex].value
}
//-->

</SCRIPT>
</form>

Bon ce code marche parfaitement bien mais dès que je répète ce code dans ma page ça déconne a plein tube  ma Deuxième combo liste me renvoi sur les liens de ma Première combo liste.Donc je suppose que c est un probleme au niveau des variable ou des function qui porte le meme nom mais j ai beau avoir essayer de les renomer rien y fait je n arrive pas a les "individualiser".

J espere que j ai été clair et surtout que quelqu un pourra résoudre mon pti probleme

Merci d avance



mardi 13 janvier 2009 à 09:43:15 | Re : Conflit entre deux combo liste dans une seul et meme page

Bul3

Membre Club
bonjour,
>>ce code marche parfaitement bien
>>mais dès que je répète ce code dans ma page ça déconne a plein tube
ça doit être normal, si tu ne fais que répéter le code.
il faut changer toutes les variables, tous les noms des éléments html,
   tous les noms des fonctions...
le mieux serait, probablement, de "généraliser ce code" pour qu'il
   prenne ces différences en paramètres.
Cordialement

            [mon Site] [M'écrireBul         

mardi 13 janvier 2009 à 17:16:20 | Re : Conflit entre deux combo liste dans une seul et meme page

caubced91

Merci de ta réponse

Oui j ai déjà essayer de renommer tout ce qu il fallai ( enfin je pense) mais ca bug toujours et pour ce qui est de "généraliser le code" ... ce n est pas dans mes cordes

Pourrais tu me dire ce qu il faudrai que je renome ( en le mettant juste en gras dans le code )  ou comment faire pour generaliser le code si c est possible

J te remercis d avance

mercredi 14 janvier 2009 à 09:11:41 | Re : Conflit entre deux combo liste dans une seul et meme page

Bul3

Membre Club
>>Pourrais tu me dire ce qu il faudrai que je renome
toutes les variables, toutes les fonctions, toutes les balises
>>en le mettant juste en gras dans le code
la coloration syntaxique ne fonctionne pas ponctuellement
>>ou comment faire pour generaliser le code si c est possible
c'est possible. fait des fonctions en leur passant en
paramètres les éléments qui différent pour l'un ou pour l'autre.
@+
mercredi 14 janvier 2009 à 16:43:02 | Re : Conflit entre deux combo liste dans une seul et meme page

caubced91

bonjour,

   voila les modif que j y ai apporté ( en gras dans la 2eme comboliste)  mais comme je disais ca marche toujours pas, j ai surement pas fait tous ce qu il fallait c est meme sur lol peut tu me dire ou est le probleme, ce que j ai oubliere stp



---------------------------------1ere comboliste-----------------------------------------------



<form name="doublecombo">
<p><select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>1</option>
<option>2</option>

</select>
<select name="stage2" size="1">
<option value="http://www.g1script.com">1.0</option>
<option value="http://www.crollen.com">1.1</option>
<option value="http://www.toutlapub.com">1.2</option>
</select>
<input type="button" name="test" value="Go!"
onClick="go()">
</p>

<SCRIPT language="JavaScript" title="G1SCRIPT">
<!--

var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()

group[0][0]=new Option("1.0","http://www")
group[0][1]=new Option("1.1","http://www.")
group[0][2]=new Option("1.2","http://www.")

group[1][0]=new Option("2.0","http://www.")
group[1][1]=new Option("2.1","http://www.")

var temp=document.doublecombo.stage2

function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}

function go(){
location=temp.options[temp.selectedIndex].value
}
//-->

</SCRIPT>
</form>



-------------------------------------2eme comboliste----------------------------------------


<form name="doublecombo2">
<p><select name="example2" size="1" onChange="redirect2(this.options.selectedIndex)">
<option>12</option>
<option>22</option>

</select>
<select name="stage22" size="1">
<option value="http://www.g1script.com">12.0</option>
<option value="http://www.crollen.com">12.1</option>
<option value="http://www.toutlapub.com">12.2</option>
</select>
<input type="button" name="test" value="Go!"
onClick="go()">
</p>

<SCRIPT language="JavaScript" title="G1SCRIPT">
<!--

var groups2=document.doublecombo2.example2.options.length
var group2=new Array(groups2)
for (i=0; i<groups2; i++)
group2[i]=new Array()

group2[0][0]=new Option("12.0","http://www")
group2[0][1]=new Option("12.1","http://www.")
group2[0][2]=new Option("12.2","http://www.")

group2[1][0]=new Option("22.0","http://www.")
group2[1][1]=new Option("22.1","http://www.")

var temp2=document.doublecombo.stage22

function redirect2(x){
for (m=temp2.options.length-1;m>0;m--)
temp2.options[m]=null
for (i=0;i<group2[x].length;i++){
temp2.options[i]=new Option(group2[x][i].text,group2[x][i].value)
}
temp2.options[0].selected=true
}

function go(){
location=temp2.options[temp2.selectedIndex].value
}
//-->

</SCRIPT>
</form>

ca serai sympa de ta part si tu pouvais me corriger merci d avance

@++
mercredi 14 janvier 2009 à 18:34:52 | Re : Conflit entre deux combo liste dans une seul et meme page

Bul3

Membre Club
ben déjà :
var temp2=document.doublecombo.stage22
st stage22 n'existe pas dans doublecombo....

il faut utiliser les outils qui existent :

NavigateursQuelques Expplications
Chrome
contrôler page actuelle / Options pour développeurs
/ Console Javascript
FireFox
Outils / Console d'erreurs
et mieux : télécharger FireBug
Internet
Explorer
activer le deboggage : Outils/options Internet/Avancés
dans la liste, sous "Navigation" : décocher
o Afficher une notification de chaque erreur de script
o Désactiver le débogage de Scripts (Internet Explorer)
et mieux : télécharger le Debogger IE
voir aussi : DebugBar et Companion JS
K-Meleon
Outils / Console d'erreurs
Opera
Outils / Avancé / Console d'erreurs
Safari
Debug / Show JavaScript Console
° modifier Fichier com.apple.Safari.plist situé dans le
répertoire : Support:\Documents and Settings\utilisateur
\Application Data\Apple Computer\Safari\Preferences\
y ajouter <key>IncludeDebugMenu</key>
<true/>


[mon Site][M'écrire]Bul

jeudi 15 janvier 2009 à 17:33:17 | Re : Conflit entre deux combo liste dans une seul et meme page

caubced91

merci de ta réponse ca ne m aide pas trop etant donné que je ne m y connais pas vraiment vraiment en javascript mais merci quand meme


 je vais essayer de chercher ailleurs

@+


Cette discussion est classée dans : liste, combo, option, options, group


Répondre à ce message

Sujets en rapport avec ce message

Ordre des options dans un select [ par willinfeo ] Bonjour à tous,Je cherche un script permettant de modifier l'ordre des options dans un select.Plus clairement, j'ai une liste d'objet qui ont un certa Option Sélectionné dans un Combo Box [ par ypothier ] Est-ce que quelqu'un pourrai me donner la syntaxe pour savoir le nom d'un item sélectionné dans un combo box. Ex. Option 1 Option 2&l option selectionné [ par ypothier ] ESt-ce que quelqu'un connait un moyen pour que quand j'ajoute une option dans un combo box pour qu'il soit sélectionné et non qu'il soit le premier da Combo box et redirection auto [ par evilfrog83 ] J'ai une liste déroulante, et j'aimerais que le choix d'une option de cette liste envoie directement sur une autre page, dans une autre frame. (main_f Recupérer le contenu de cette liste [ par voge ] Voila j'essaye d'utiliser ce petit script : Choix Mails <!--script de déplacement d'une liste a Dérouler une combo par programmation [ par arnal69130 ] Bonjour,Je cherche désespéremment comment faire pour ouvrir (dérouler) une liste déroulante automatiquement, de manière à suggérer à l'utilisateur de sélection d'une option identifiée -->liste déroulante [ par tousimages ] Mon objectif est de sélectionner automatique dans les listes déroulantes l'option préalablement enregistrée.Je m'explique : changer la couleur des options [ par rax ] Bonjour J'ai un SELECT en HTML j'aimerais changer la couleur des options en gardant la couleur noire de l'option quand le menu déroulant est fermé . Liste qui affiche un calque [ par lordclaymore ] Bonjour, je travaille sur un site et j'aimerais avoir un menu déroulant qui ferait apparaitre un calque précis. Ex. Si je sélectionne "Questions" le Manipuler un Menu Select (combo.) [ par syndrael ] Bonjour,Je cherche un moyen pour effacer la premièer ligne d'un Menu Select (ou combo). Voici mon code mais j'ai une erreurfor (i=1;i{ ZeSelect.option


Nos sponsors


Sondage...

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,593 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales