Ignore:
Timestamp:
07/31/12 16:44:20 (12 years ago)
Author:
npipsl
Message:

Menu déroulant sans utiliser le modele select.js

File:
1 edited

Legend:

Unmodified
Added
Removed

  • geisa/web/initGeisa_script.jsp

    r542 r543  
    464464                molecule.isotopesArray = ["234"]; 
    465465                this.arrayGeisa2011.push(molecule); 
    466                 this.arrayGeisaIasi2011.push(molecule); 
    467                 this.arrayGeisaIasi2003.push(molecule); 
    468  
    469  
    470  
    471466 
    472467 
    … …  
    525520                document.getElementById("transitionUpperTitle").appendChild(titleTransitionUpper); 
    526521                // Create menu deroulant  transition upper 
    527                 var paramSelectTransitionUpper = new Object(); 
    528                 paramSelectTransitionUpper.id = "transition1"; 
    529                 paramSelectTransitionUpper.parent = $("#transitionUpper"); 
    530                 this.selectTransitionUpper = new Select( paramSelectTransitionUpper ); 
    531                 this.selectTransitionUpper.add( '-1', "Select a molecule" ); 
    532                 this.selectTransitionUpper.selectFirst( false ); 
     522//                var paramSelectTransitionUpper = new Object(); 
     523//                paramSelectTransitionUpper.id = "transition1"; 
     524//                paramSelectTransitionUpper.parent = $("#transitionUpper"); 
     525//                this.selectTransitionUpper = new Select( paramSelectTransitionUpper ); 
     526//                this.selectTransitionUpper.add( '-1', "Select a molecule" ); 
     527//                this.selectTransitionUpper.selectFirst( false ); 
     528 
     529                this.selectTransitionUpper = $( document.createElement( "select" ) ); 
     530                this.selectTransitionUpper.attr( {id:"transition1"} ); 
     531                var optTransitionUpper = $( document.createElement( "option" ) ); 
     532                optTransitionUpper.attr( {value:"-1", text:"Select a molecule"} ); 
     533                //var  transitionsLower ="000"; 
     534                // opt2.bind( 'click', jQuery.proxy(this.requestTransitionByTransitionLower, [this, transitionsLower ])); 
     535                this.selectTransitionUpper.append(optTransitionUpper); 
     536                $("#transitionUpper").append(this.selectTransitionUpper); 
     537 
     538 
    533539                //titre  menu deroulant  transition upper 
    534540                var titleTransitionLower = document.createTextNode("Lower Bound :"); 
    535541                document.getElementById("transitionLowerTitle").appendChild(titleTransitionLower); 
    536542                // Create menu deroulant  transition lower 
    537                 var paramSelectTransitionLower = new Object(); 
    538                 paramSelectTransitionLower.id = "transition2"; 
    539                 paramSelectTransitionLower.parent = $("#transitionLower"); 
    540                 this.selectTransitionLower = new Select( paramSelectTransitionLower ); 
    541                 this.selectTransitionLower.add( '-1', "Select a molecule"); 
    542                 this.selectTransitionLower.selectFirst( false ); 
    543  
    544  
    545                 //menu déroulant  js   en javascript    sans passer par le modele 
    546                 var select = document.createElement('select'); 
    547                 select.id = "transiEssai"; 
    548                 select.name ="transiEssai"; 
    549  
    550                 var opt = document.createElement('option'); 
    551                 opt.setAttribute('value','id1'); 
    552                 var theText = document.createTextNode("id1"); 
    553                 opt.appendChild(theText); 
    554                 select.appendChild(opt); 
    555  
    556                 var opt = document.createElement('option'); 
    557                 opt.setAttribute('value','id2'); 
    558                 var theText = document.createTextNode("id2"); 
    559                 opt.appendChild(theText); 
    560  
    561                 //opt.onclick=jQuery.proxy(this.requestTransitionByTransitionLower, [this, transitionsLower ]); 
    562                     select.appendChild(opt); 
    563                     document.getElementById("transitionLower").appendChild(select); 
     543//                var paramSelectTransitionLower = new Object(); 
     544//                paramSelectTransitionLower.id = "transition2"; 
     545//                paramSelectTransitionLower.parent = $("#transitionLower"); 
     546//                this.selectTransitionLower = new Select( paramSelectTransitionLower ); 
     547//                this.selectTransitionLower.add( '-1', "Select a molecule"); 
     548//                this.selectTransitionLower.selectFirst( false ); 
     549                this.selectTransitionLower = $( document.createElement( "select" ) ); 
     550                this.selectTransitionLower.attr( {id:"transition2"} ); 
     551                var optTransitionLower = $( document.createElement( "option" ) ); 
     552                optTransitionLower.attr( {value:"-1", text:"Select a molecule"} ); 
     553                this.selectTransitionLower.append(optTransitionLower); 
     554                $("#transitionLower").append(this.selectTransitionLower); 
     555 
     556 
     557 
     558//                //menu déroulant  js   en javascript    sans passer par le modele 
     559//                var select = document.createElement('select'); 
     560//                select.id = "transiEssai"; 
     561//                select.name ="transiEssai"; 
     562// 
     563//                var opt = document.createElement('option'); 
     564//                opt.setAttribute('value','id1'); 
     565//                var theText = document.createTextNode("id1"); 
     566//                opt.appendChild(theText); 
     567//                select.appendChild(opt); 
     568// 
     569//                var opt = document.createElement('option'); 
     570//                opt.setAttribute('value','id2'); 
     571//                var theText = document.createTextNode("id2"); 
     572//                opt.appendChild(theText); 
     573// 
     574//                //opt.onclick=jQuery.proxy(this.requestTransitionByTransitionLower, [this, transitionsLower ]); 
     575//                    select.appendChild(opt); 
     576//                    document.getElementById("transitionLower").appendChild(select); 
     577 
    564578 
    565579                //menu déroulant en jquery    sans passer par le modele 
    566  
    567                 this.select2 = $( document.createElement( "select" ) ); 
    568                 this.select2.attr( {id:"transiEssai2", name:"transiEssai2"} ); 
    569                 var opt2 = $( document.createElement( "option" ) ); 
    570                 opt2.attr( {value:"id3", text:"zzz"} ); 
    571                 //var  transitionsLower ="000"; 
    572                 // opt2.bind( 'click', jQuery.proxy(this.requestTransitionByTransitionLower, [this, transitionsLower ])); 
    573                 this.select2.append(opt2); 
    574                 $("#transitionLower").append(this.select2); 
     580//                this.select2 = $( document.createElement( "select" ) ); 
     581//                this.select2.attr( {id:"transiEssai2", name:"transiEssai2"} ); 
     582//                var opt2 = $( document.createElement( "option" ) ); 
     583//                opt2.attr( {value:"id3", text:"zzz"} ); 
     584//                //var  transitionsLower ="000"; 
     585//                // opt2.bind( 'click', jQuery.proxy(this.requestTransitionByTransitionLower, [this, transitionsLower ])); 
     586//                this.select2.append(opt2); 
     587//                $("#transitionLower").append(this.select2); 
    575588 
    576589 
    … …  
    9891002                //exemple de requete avec transition 
    9901003                  //./all -filein line_GEISA2009_bin -moleisot h2o:161 -wavenb_min 1 -wavenb_max 1000 -database_name "GEISA2011" -vib_ident_lower '[000]' 
    991                 var TransitionUpper ="-vib_ident_upperEEE'[EEE"+this.selectTransitionUpper.getValue()+"EEE]'"; 
    992                 var TransitionLower ="-vib_ident_lowerEEE'[EEE"+this.selectTransitionLower.getValue()+"EEE]'"; 
     1004                //var TransitionUpper ="-vib_ident_upperEEE'[EEE"+this.selectTransitionUpper.getValue()+"EEE]'"; 
     1005                  var TransitionUpper ="-vib_ident_upperEEE'[EEE"+document.getElementById('transition1').options[document.getElementById('transition1').selectedIndex].value+"EEE]'"; 
     1006               // var TransitionLower ="-vib_ident_lowerEEE'[EEE"+this.selectTransitionLower.getValue()+"EEE]'"; 
     1007                  var TransitionLower ="-vib_ident_lowerEEE'[EEE"+document.getElementById('transition2').options[document.getElementById('transition2').selectedIndex].value+"EEE]'"; 
    9931008                //pas de transition sélectionnée 
    994                  if (( this.selectTransitionUpper.getValue()== -1) ||  (this.selectTransitionUpper.getValue() == "transition" )) 
     1009                // if (( this.selectTransitionUpper.getValue()== -1) ||  (this.selectTransitionUpper.getValue() == "transition" )) 
     1010                // { 
     1011                // TransitionUpper =""; 
     1012                // } 
     1013                // if (( this.selectTransitionLower.getValue()== -1) ||  (this.selectTransitionLower.getValue() == "transition" )) 
     1014                // { 
     1015                // TransitionLower =""; 
     1016                // } 
     1017                  if (( document.getElementById('transition1').options[document.getElementById('transition1').selectedIndex].value == -1) ||  (document.getElementById('transition1').options[document.getElementById('transition1').selectedIndex].value == "transition" )) 
    9951018                 { 
    996                  TransitionUpper =""; 
    997                  } 
    998                  if (( this.selectTransitionLower.getValue()== -1) ||  (this.selectTransitionLower.getValue() == "transition" )) 
     1019                TransitionUpper =""; 
     1020                } 
     1021                 if (( document.getElementById('transition2').options[document.getElementById('transition2').selectedIndex].value == -1) ||  (document.getElementById('transition2').options[document.getElementById('transition2').selectedIndex].value == "transition" )) 
    9991022                 { 
    10001023                 TransitionLower =""; 
    10011024                 } 
    10021025 
    1003                  // alert(this.selectTransitionUpper.getValue()); 
     1026 
     1027                 var sel = document.getElementById('transition1'); 
     1028                 var idupper = sel.options[sel.selectedIndex].value; 
     1029                  alert("idupper"+idupper); 
    10041030 
    10051031                //Intensity range 
    … …  
    11611187                { 
    11621188 
    1163                     this.selectTransitionLower.disable(); 
    1164                     this.selectTransitionUpper.disable(); 
     1189                    //this.selectTransitionLower.disable(); 
     1190                    //this.selectTransitionUpper.disable(); 
    11651191                    //ajoute une classe à celle déjà existante de transitionUpperTitle 
    11661192                    $("#transitionUpperTitle").addClass("notActiveText"); 
    … …  
    11691195                else 
    11701196                { 
    1171                     this.selectTransitionLower.enable(); 
    1172                     this.selectTransitionUpper.enable(); 
     1197                    //this.selectTransitionLower.enable(); 
     1198                    //this.selectTransitionUpper.enable(); 
    11731199                    $("#transitionUpperTitle").removeClass("notActiveText"); 
    11741200                    $("#transitionLowerTitle").removeClass("notActiveText"); 
    … …  
    11931219                { 
    11941220                    //pour réinitialiser le menu déroulant si aucune ou plusieurs molécules sont sélectionnées 
    1195                     this.selectTransitionLower.clear(); 
    1196                     this.selectTransitionUpper.clear(); 
    1197                     this.selectTransitionLower.add('-1', "Select a molecule"); 
    1198                     this.selectTransitionUpper.add('-1', "Select a molecule"); 
    1199                     //pour forcer à afficher le premier élément (et non le premier élément précédent) 
    1200                     this.selectTransitionLower.selectFirst(); 
    1201                     this.selectTransitionUpper.selectFirst(); 
     1221                    document.getElementById("transition2").length=0; 
     1222                    //this.selectTransitionUpper.clear(); 
     1223                    document.getElementById("transition1").length=0; 
     1224 
     1225                    if (nbMolecules == 0 ) 
     1226                    { 
     1227                        //this.selectTransitionLower.add('-1', "Select a molecule"); 
     1228                        this.selectTransitionLower.append($( document.createElement( "option" ) ).attr( {value:"-1", text:"Select a molecule", selected:"selected"} )); 
     1229                        //this.selectTransitionUpper.add('-1', "Select a molecule"); 
     1230                        this.selectTransitionUpper.append($( document.createElement( "option" ) ).attr( {value:"-1", text:"Select a molecule", selected:"selected"} )); 
     1231                        //pour forcer à afficher le premier élément (et non le premier élément précédent) 
     1232                        //this.selectTransitionLower.selectFirst(); 
     1233                        //this.selectTransitionUpper.selectFirst(); 
     1234                    } 
     1235 
     1236                    if (nbMolecules > 1 ) 
     1237                    { 
     1238                        //this.selectTransitionLower.add('-1', "Select a molecule"); 
     1239                        this.selectTransitionLower.append($( document.createElement( "option" ) ).attr( {value:"-1", text:"", selected:"selected", disabled:"disabled"} )); 
     1240                        //this.selectTransitionUpper.add('-1', "Select a molecule"); 
     1241                        this.selectTransitionUpper.append($( document.createElement( "option" ) ).attr( {value:"-1", text:"", selected:"selected", disabled:"disabled"} )); 
     1242                        //pour forcer à afficher le premier élément (et non le premier élément précédent) 
     1243                        //this.selectTransitionLower.selectFirst(); 
     1244                        //this.selectTransitionUpper.selectFirst(); 
     1245                    } 
    12021246                } 
    12031247            }, 
    … …  
    13431387                 var transitionsLower = jQuery.parseJSON( result ).transitionsLower; 
    13441388                 var transitionsUpper = jQuery.parseJSON( result ).transitionsUpper; 
     1389 
    13451390                 //pour vider les menus déroulant des transitions précédentes 
    1346                  this.selectTransitionLower.clear(); 
    1347                  this.selectTransitionUpper.clear(); 
    1348                  this.selectTransitionLower.add('transition', "Choose a transition"); 
    1349                  this.selectTransitionUpper.add('transition', "Choose a transition"); 
     1391                 // this.selectTransitionLower.clear(); 
     1392                document.getElementById("transition2").length=0; 
     1393                //this.selectTransitionUpper.clear(); 
     1394                document.getElementById("transition1").length=0; 
     1395                // this.selectTransitionLower.add('transition', "Choose a transition"); 
     1396                this.selectTransitionLower.append($( document.createElement( "option" ) ).attr( {value:"transition", text:"Choose a transition", disabled:"disabled", selected:"selected"} )); 
     1397 
     1398                // this.selectTransitionUpper.add('transition', "Choose a transition"); 
     1399                this.selectTransitionUpper.append($( document.createElement( "option" ) ).attr( {value:"transition", text:"Choose a transition", disabled:"disabled", selected:"selected"} )); 
     1400 
    13501401                 //pour forcer à afficher le premier élément (et non le premier élément précédent) 
    1351                 this.selectTransitionLower.selectFirst(); 
    1352                 this.selectTransitionUpper.selectFirst(); 
     1402                // this.selectTransitionLower.selectFirst(); 
     1403                // this.selectTransitionUpper.selectFirst(); 
    13531404 
    13541405                // alert ("transitionsUpper"+transitionsUpper); 
    13551406                $.each(transitionsLower, jQuery.proxy( function(index, transitionsLower ) 
    13561407                { 
    1357                     this.selectTransitionLower.add(transitionsLower, transitionsLower,jQuery.proxy(this.requestTransitionByTransitionLower, [this, transitionsLower ])); 
    1358  
    1359  
    1360                     this.select2.append($( document.createElement( "option" ) ).attr( {value:transitionsLower, text:transitionsLower} ).bind( 'click', jQuery.proxy(this.requestTransitionByTransitionLower, [this, transitionsLower ]))); 
     1408                   // this.selectTransitionLower.add(transitionsLower, transitionsLower,jQuery.proxy(this.requestTransitionByTransitionLower, [this, transitionsLower ])); 
     1409 
     1410 
     1411                    this.selectTransitionLower.append($( document.createElement( "option" ) ).attr( {value:transitionsLower, text:transitionsLower} ).bind( 'click', jQuery.proxy(this.requestTransitionByTransitionLower, [this, transitionsLower ]))); 
    13611412 
    13621413                }, this)); 
    … …  
    13641415                $.each(transitionsUpper, jQuery.proxy( function(index, transitionsUpper ) 
    13651416                { 
    1366                     this.selectTransitionUpper.add(transitionsUpper, transitionsUpper,jQuery.proxy(this.requestTransitionByTransitionUpper, [this, transitionsUpper ])); 
     1417                    //this.selectTransitionUpper.add(transitionsUpper, transitionsUpper,jQuery.proxy(this.requestTransitionByTransitionUpper, [this, transitionsUpper ])); 
     1418                    this.selectTransitionUpper.append($( document.createElement( "option" ) ).attr( {value:transitionsUpper, text:transitionsUpper} ).bind( 'click', jQuery.proxy(this.requestTransitionByTransitionUpper, [this, transitionsUpper ]))); 
     1419 
    13671420                }, this)); 
    13681421 
    … …  
    13711424            handleRequestTransitionByTransitionLower : function( result ) 
    13721425            { 
    1373                 alert("transitionLower"+this.transitionLower); 
    1374                 var transitionsUpper = jQuery.parseJSON( result ).transitionsUpperBis; 
    1375                 alert("transitionsUpper"+transitionsUpper); 
     1426                //alert("transitionLower"+this.transitionLower); 
     1427                var transitionsUpperBis = jQuery.parseJSON( result ).transitionsUpperBis; 
     1428                //alert("transitionsUpper"+transitionsUpper); 
    13761429 
    13771430                //pour vider les menus déroulant des transitions précédentes 
    1378                 this.selectTransitionLower.clear(); 
    1379                 this.selectTransitionUpper.clear(); 
    1380  
    1381                 this.selectTransitionLower.add(this.transitionLower, this.transitionLower); 
    1382                 this.selectTransitionUpper.add('transition', "Choose a transition"); 
     1431               // this.selectTransitionLower.clear(); 
     1432                document.getElementById("transition2").length=0; 
     1433                //this.selectTransitionUpper.clear(); 
     1434                document.getElementById("transition1").length=0; 
     1435               // while(0 < document.getElementById("transition1").length) 
     1436               // { 
     1437               //     document.getElementById("transition1").options[0] = null; 
     1438               // } 
     1439 
     1440 
     1441                //this.selectTransitionLower.add(this.transitionLower, this.transitionLower); 
     1442                this.selectTransitionLower.append($( document.createElement( "option" ) ).attr( {value:"transition", text:"Choose a transition", disabled:"disabled"} )); 
     1443                this.selectTransitionLower.append($( document.createElement( "option" ) ).attr( {value:this.transitionLower, text:this.transitionLower,  selected:"selected"} )); 
     1444                //this.selectTransitionUpper.add('transition', "Choose a transition"); 
     1445                //rajout du text "Choose a transition" selectionné en premier mais on ne peut pa cliquer dessus 
     1446                this.selectTransitionUpper.append($( document.createElement( "option" ) ).attr( {value:"transition", text:"Choose a transition", disabled:"disabled", selected:"selected"} )); 
     1447 
    13831448 
    13841449                //pour forcer à afficher le premier élément (et non le premier élément précédent) 
    1385                 this.selectTransitionLower.selectFirst(); 
    1386                 this.selectTransitionUpper.selectFirst(); 
    1387  
    1388  
    1389  
    1390                 $.each(transitionsUpper, jQuery.proxy( function(index, transitionsupper ) 
    1391                 { 
    1392                     this.selectTransitionUpper.add(transitionsUpper, transitionsUpper); 
     1450                //this.selectTransitionLower.selectFirst(); 
     1451                //this.selectTransitionUpper.selectFirst(); 
     1452 
     1453 
     1454 
     1455                $.each(transitionsUpperBis, jQuery.proxy( function(index, transitionsUpperBis ) 
     1456                { 
     1457                   // this.selectTransitionUpper.add(transitionsUpper, transitionsUpper); 
     1458                     this.selectTransitionUpper.append($( document.createElement( "option" ) ).attr( {value:transitionsUpperBis, text:transitionsUpperBis} )); 
     1459 
    13931460                }, this)); 
    13941461 
    … …  
    13981465            handleRequestTransitionByTransitionUpper : function( result ) 
    13991466            { 
    1400                 alert("transitionUpper"+this.transitionUpper); 
    1401                 var transitionsLower = jQuery.parseJSON( result ).transitionsLowerBis; 
    1402                 alert("transitionsLower"+transitionsLower); 
     1467               // alert("transitionUpper"+this.transitionUpper); 
     1468                var transitionsLowerBis = jQuery.parseJSON( result ).transitionsLowerBis; 
     1469                //alert("transitionsLower"+transitionsLower); 
    14031470 
    14041471                //pour vider les menus déroulant des transitions précédentes 
    1405                 this.selectTransitionLower.clear(); 
    1406                 this.selectTransitionUpper.clear(); 
    1407  
    1408                 this.selectTransitionLower.add('transition', "Choose a transition"); 
    1409                 this.selectTransitionUpper.add(this.transitionUpper, this.transitionUpper); 
     1472               // this.selectTransitionLower.clear(); 
     1473                document.getElementById("transition2").length=0; 
     1474                //this.selectTransitionUpper.clear(); 
     1475                document.getElementById("transition1").length=0; 
     1476 
     1477               // this.selectTransitionLower.add('transition', "Choose a transition"); 
     1478                this.selectTransitionLower.append($( document.createElement( "option" ) ).attr( {value:"transition", text:"Choose a transition", disabled:"disabled", selected:"selected"} )); 
     1479 
     1480               // this.selectTransitionUpper.add(this.transitionUpper, this.transitionUpper); 
     1481                this.selectTransitionUpper.append($( document.createElement( "option" ) ).attr( {value:"transition", text:"Choose a transition", disabled:"disabled"} )); 
     1482                this.selectTransitionUpper.append($( document.createElement( "option" ) ).attr( {value:this.transitionUpper, text:this.transitionUpper,  selected:"selected"} )); 
     1483 
    14101484 
    14111485                //pour forcer à afficher le premier élément (et non le premier élément précédent) 
    1412                 this.selectTransitionLower.selectFirst(); 
    1413                 this.selectTransitionUpper.selectFirst(); 
    1414  
    1415  
    1416  
    1417                 $.each(transitionsLower, jQuery.proxy( function(index, transitionsLower ) 
    1418                 { 
    1419                     this.selectTransitionLower.add(transitionsLower, transitionsLower); 
     1486                //this.selectTransitionLower.selectFirst(); 
     1487                //this.selectTransitionUpper.selectFirst(); 
     1488 
     1489 
     1490 
     1491                $.each(transitionsLowerBis, jQuery.proxy( function(index, transitionsLowerBis ) 
     1492                { 
     1493                    //this.selectTransitionLower.add(transitionsLower, transitionsLower); 
     1494                    this.selectTransitionLower.append($( document.createElement( "option" ) ).attr( {value:transitionsLowerBis, text:transitionsLowerBis} )); 
    14201495                }, this)); 
    14211496 
Note: See TracChangeset for help on using the changeset viewer.