Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/09/2007, 04:49
cargosan
 
Fecha de Ingreso: abril-2003
Ubicación: Malaga
Mensajes: 176
Antigüedad: 21 años, 11 meses
Puntos: 1
Dos combo box viewer en una sola pagina

Hola amigos:

Estoy creando una pagina para ver resultados de distintas ligas de futbol. He cogido de dynamicdrive el combo box viewer para que no tengan que recargar en cada jornada pagina y funciona muy bien. El problema es que tengo dos categorias y me gustaria mostrarlas en una sola página. El tema es que soy bastante novato con javascript y hay una parte que no se muy bien como modificar para que vaya por duplicado.

Código HTML:
<style type="text/css">
.dropcontent{
width: 320px;
height: 300px;
border: 1px solid black;
background-color: #FFF;
display:block;
}
.dropcontent2{
width: 320px;
height: 440px;
border: 1px solid black;
background-color: #FFF;
display: block;
}

</style>

<script type="text/javascript">

/*
Combo-Box Viewer script- Created by and © Dynamicdrive.com
Visit http://www.dynamicdrive.com/ for this script and more
This notice MUST stay intact for legal use
*/

//esto no se como se pondria para las dos capas
if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.dropcontent{display:none;}\n')
document.write('</style>\n')
}

function contractall(){
if (document.getElementById){
var inc=0
while (document.getElementById("dropmsg"+inc)){
document.getElementById("dropmsg"+inc).style.display="none"
inc++
}
}
}

function contractall2(){
if (document.getElementById){
var inc=0
while (document.getElementById("drop2msg"+inc)){
document.getElementById("drop2msg"+inc).style.display="none"
inc++
}
}
}

function expandone(){
if (document.getElementById){
var selectedItem=document.dropmsgform.dropmsgoption.selectedIndex
contractall()
document.getElementById("dropmsg"+selectedItem).style.display="block"
}
}

function expandone2(){
if (document.getElementById){
var selectedItem=document.dropmsgform2.dropmsgoption2.selectedIndex
contractall2()
document.getElementById("drop2msg"+selectedItem).style.display="block"
}
}

//esto no se como se pondria para las dos capas
if (window.addEventListener)
window.addEventListener("load", expandone, false)
else if (window.attachEvent)
window.attachEvent("onload", expandone)


</script>
</head> 
La otra parte del codigo simplemente hace las llamadas a las dos capas

Código PHP:
<form name="dropmsgform">
<select name="dropmsgoption" size="1" style="width:300" onChange="expandone()">
    <? while($resultado=$db -> db_Fetch()) { ?>
    <option>Jornada <?=$resultado['jornada']?></option>
    <? ?>
</select>
<br>
<?      
    $error
$db -> db_Select("resultados_regional",'*'"","nowhere");
    
$i=0;
    while(
$resultado=$db -> db_Fetch()) {
?>
<div id="dropmsg<?=$i?>" class="dropcontent" align="center">
//dentro de este div se crean las diferentes tablas esto funciona correctamente
</div>

<? $i++;} ?>
</form>
<form name="dropmsgform2">
<select name="dropmsgoption2" size="1" style="width:300" onChange="expandone2()">
    <? while($resultado=$db -> db_Fetch()) { ?>
    <option>Jornada <?=$resultado['jornada']?></option>
    <? ?>
</select>
<br>
<?      
    $error
$db -> db_Select("resultados_primera",'*'"","nowhere");
    
$i=0;
    while(
$resultado=$db -> db_Fetch()) {
?>
<div id="drop2msg<?=$i?>" class="dropcontent2" align="center">
//aqui se crea la otra tabla
</div>

<? $i++;} ?>
</form>
la cosa es que algo debo hacer para inicializar porque la primera tabla se crea correctamente pero la segunda muestra todas las capas.

Para que os quede mas claro podeis verlo en www. cargonsan.com/futbol/prueba2.php