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>
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>
Para que os quede mas claro podeis verlo en www. cargonsan.com/futbol/prueba2.php