Foros del Web » Programando para Internet » Javascript »

revisen mis errores por favor

Estas en el tema de revisen mis errores por favor en el foro de Javascript en Foros del Web. les envio una parte del código de la página en la qual creo un menu "mobil" per mi mala suerte me obliga a pelear contra ...
  #1 (permalink)  
Antiguo 18/06/2003, 09:33
Avatar de davidvamo  
Fecha de Ingreso: diciembre-2001
Ubicación: Barcelona '92
Mensajes: 106
Antigüedad: 23 años
Puntos: 0
Busqueda revisen mis errores por favor

les envio una parte del código de la página en la qual creo un menu "mobil" per mi mala suerte me obliga a pelear contra los z-index .

a ver si encuentran el porque los combo's (<select>) estan por encima del menu. gracias, un saludo geni@s.

Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<
html>
<
head>
    <
title>Tarificador Autos</title>
    <
style>
        
        
#cptitulo01{
            
position:absolutewidth:100%; z-index:1;
        }
        
        
#cpconductor{
            
position:absolutewidth:100%; z-index:0top:30px;
        }
    </
style>

    <
SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
  <!--
      var 
isIE=document.all?true:false;
        var 
layers isIE?document.all.tags("DIV"):null;

   
// MOVEMOS LA CAPA DE OPCIONES DEL TARIFICADOR
   
function posicion(){
            var 
scrollarriba=document.body.scrollTop;
      var 
posarriba=scrollarriba;
      
document.getElementById('cptitulo01').style.top=posarriba;
            
pepe=window.setTimeout('posicion()',50)
   }
  
//-->
  
</SCRIPT>
</head>

<body>
<form onsubmit="return ValidarFormulario()" target="itarifas" name="frmgeneral" method="post" action="">
<!-- formulario oculto donde guardo valores de todos iframes -->
</form>


<form name="titulo">
<div align="center" id="cptitulo01">
    <table width="100%" align="center" cellspacing="0" cellpadding="2" border="1" bordercolordark="White" bordercolorlight="White">
      <tr>
          <td bordercolor="Teal" bgcolor="Teal" class="txtblanco8b" align="center">DATOS DEL CONDUCTOR</td>
          <td bordercolor="Teal" encima="(this)" onmouseout="fuera(this)" bgcolor="#DDEEDD" class="txtverde8" align="center">
            <a href="#" onclick="ComprobarCapa(2,layers['cptitulo02'].style.visibility=='visible');">
              DATOS DEL VEHICULO
            </a>
          </td>
          <td bordercolor="Teal" encima="(this)" onmouseout="fuera(this)" bgcolor="#DDEEDD" class="txtverde8" align="center">
            <a href="#" onclick="ComprobarCapa(3,layers['cptitulo03'].style.visibility=='visible');">
              BONIFICACIONES
            </a>
          </td>
          <td bordercolor="Teal" encima="(this)" onmouseout="fuera(this)" bgcolor="#DDEEDD" class="txtverde8" align="center">
            <a href="#" onclick="ComprobarCapa(4,layers['cptitulo04'].style.visibility=='visible');ValidarFormulario();">
              TARIFAS
            </a>
          </td>
          <td bordercolor="Teal" encima="(this)" onmouseout="fuera(this)" bgcolor="#DDEEDD" class="txtverde8" align="center">
            <input type="Button" name="btfiguras" class="txtNavy8" disabled value="FIGURAS">
          </td>
      </tr>
    </table>
</div>
</form>

<form name="frmconductor">
    <div align="center" id="cpconductor">
            <table width="100%" cellspacing=1 cellpadding=1 border=0 align="center">
                <tr><td height="5"></td></tr>
                <tr>
                    <td class="txtnavy8b" align="right">Fecha Nacimiento : </td>
                    <td class="txtnavy8">
                            &nbsp;<input name="FNac_conductor" maxlength="10" size="10" onKeyPress="return acceptNum('F', event, this)" value="<#Tme_DFPNAC>">
                    </td>
                    <td class="txtnavy8b" align="right">Estado Civil : </td>
                    <td class="txtnavy8">
                        &nbsp;
                        <select style="z-index:0" name="estado_civil" size="1">
                                <option>1
                        </select>
                    </td>
                    <td class="txtnavy8b" align="right">Sexo : </td>
                    <td class="txtnavy8">
                            &nbsp;
                        <select name="sexo" size="1">
                            <option>H</option>
                            <option>M</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td class="txtnavy8b" align="right">Fecha Carnet : </td>
                    <td class="txtnavy8">
                            &nbsp;<input name="FCarnet_conductor" maxlength="10" size="10" onKeyPress="return acceptNum('F', event, this)" value="<#Tme_DFPPC>">
                    </td>
                    <td class="txtnavy8b" align="right">Código Postal : </td>
                    <td class="txtnavy8">
                            &nbsp;<input name="cod_postal" maxlength="5" size="5" onKeyPress="return acceptNum('', event, this)" value="<#Tme_NCP>" onblur()="Poblacion();">
                            <a href="#" onclick="alert('busqueda de poblacion')"><img src="images/iconos/buscar.gif" width=15 height=15 alt="Buscar Población" border="0"></a>
                    </td>
                    <td class="txtnavy8b" align="right">Población : </td>
                    <td class="txtnavy8">
                        <iframe name="ipoblacion" frameborder="0" width="100%" height="30px" align="middle" scrolling="No" src="../../scripts/autos.exe/escoger_pob"></iframe>
                    </td>
                </tr>
                <tr><td height="20"></td></tr>
            </table>
    
            <table width="100%" border=0 cellspacing=0 cellpadding=0>
                <tr>
                       <td class="txtblanco7b" background="images/bordes/cabeceraexpedientes2.gif" height="14" width="150">&nbsp;Conductor Ocasional</td>
                    <td></td>
                </tr>
                <tr><td bgcolor="teal" colspan="2" heigth="1"></td></tr>
            </table>
            <table width="100%" cellspacing=1 cellpadding=2 border=0>
                <tr><td height="5"></td></tr>
                <tr>
                    <td class="txtnavy8b" rowspan="2" align="center" width="300">
                        <select name="cond_ocasional" size="1" onchange="CbConductorOcasional(document.frmconductor)">
                        <option>1</option>
                                <option>2</option>
                        </select>
                    </td>
                    <td class="txtnavy8b" align="right">Fecha Nacimiento : </td>
                    <td class="txtnavy8">
                            &nbsp;<input name="FNac_cond_oca" maxlength="10" size="10" onKeyPress="return acceptNum('F', event, this)" value="<#Tme_DFSNAC>">
                    </td>
                </tr>
                <tr>
                    <td class="txtnavy8b" align="right">Fecha Carnet : </td>
                    <td class="txtnavy8">
                            &nbsp;<input name="FCarnet_cond_oca" maxlength="10" size="10" onKeyPress="return acceptNum('F', event, this)" value="<#Tme_DFSPC>">
                    </td>
                </tr>
            </table>
    </div>
</form>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
   posicion();
//-->
</SCRIPT>

<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>

</body>

</html> 
  #2 (permalink)  
Antiguo 18/06/2003, 12:39
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 10 meses
Puntos: 772
Hola, davidvamo.

No es necesario revisar el código para saber cual es el problema: los <select> siempre quedan encima, incluso si los pones dentro de una capa y a esta le pones el z-index adecuado. Lo más próximo que he visto ha sido una página (siento no recordar cual) que hacía invisible el <select> cuando el menú tenía que quedar encima.

Saludos,
  #3 (permalink)  
Antiguo 19/06/2003, 02:43
Avatar de davidvamo  
Fecha de Ingreso: diciembre-2001
Ubicación: Barcelona '92
Mensajes: 106
Antigüedad: 23 años
Puntos: 0
gracias JavierB
espero que en un afàn de inspiración divina te acuerdes donde estaba esta página gloriosa, mientras tanto paso del menú movible.

saludos.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:55.