Malditas <div>

davidvamo · #1 (**permalink**) 19/06/2003, 10:31

Estoy más que harto de las <div> :-p . Me están volviendo loco perdido

, en fin hola a to@s

.

mi problema es que en el siguiente menu que os presento, la opcion de figuras NO quiero que aparezca cuando se inicie la página pero quiero que salga cuando se clique la opción de tarifas.

espero haberme explicado correctamente. haber si sabeis como solucionarlo porque he probado (dentro de mis conocimientos) con todo lo que se me ocurre. un saludo y gracias.

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

 
<html>

<head>

    <title>Tarificador Autos</title>

    <style>

        #cptitulo{

            position:relative; width:100%; z-index:5; visibility:"visible";

            top:0px; left:0px;

        }

        #cptitulofiguras{

            position:relative; width:100%; z-index:5; visibility:"hidden";

            top:0px; left:0px;

        }

    </style>

    <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

  <!--

      var isIE=document.all?true:false;

        var layers = isIE?document.all.tags("DIV"):null;

    var celda_ant;

    celda_ant="";

 
 
    function ilumina(celda){

    if (celda_ant==""){

            celda_ant = celda;

        }

    celda_ant.style.backgroundColor="#DDEEDD";

    celda.style.backgroundColor="#FABE55";

    celda_ant = celda;

        

    }

        

        //    Mostramos o no la capa seleccionada

        function HabilitarCapas(nomcapa){

            switch(nomcapa){

                case "cpconductor":

                    layers["cptitulofiguras"].style.visibility="hidden";

                break;

                case "cpvehiculo":

                    layers["cptitulofiguras"].style.visibility="hidden";

                break;

                case "cpbonificacion":

                    layers["cptitulofiguras"].style.visibility="hidden";

                break;

                case "cptarifas":

                    layers["cptitulofiguras"].style.visibility="visible";

                break;

            }

        }

 
  //-->

  </SCRIPT>

</head>

 
<body onload="ilumina(celda1);">

<div align="center" id="cptitulo" onmouseover="this.style.cursor='hand'" onmouseout="this.style.cursor='default'">

    <table width="100%" align="center" cellspacing="0" cellpadding="0" border="1" bordercolordark="White" bordercolorlight="White">

      <tr>

          <td id="celda1" onclick="ilumina(this);HabilitarCapas('cpconductor')" bgcolor="#DDEEDD" align="center" class="txtverde8">

              DATOS DEL CONDUCTOR

                    </td>

          <td id="celda2" onclick="ilumina(this);HabilitarCapas('cpvehiculo')" bgcolor="#DDEEDD" align="center" class="txtverde8">

              DATOS DEL VEHICULO

          </td>

          <td id="celda3" onclick="ilumina(this);HabilitarCapas('cpbonificacion')" bgcolor="#DDEEDD" align="center" class="txtverde8">

              BONIFICACIONES

          </td>

          <td id="celda4" onclick="ilumina(this);HabilitarCapas('cptarifas')"  bgcolor="#DDEEDD" align="center" class="txtverde8">

              TARIFAS

          </td>

                    <div id="cptitulofiguras">

              <td id="celda5" onclick="ilumina(this)"  bgcolor="#DDEEDD" align="center" class="txtverde8">

                FIGURAS

                        </td>

                    </div>

      </tr>

    </table>

</div>

 
</body>

 
</html>

Bravenap · #2 (**permalink**) 19/06/2003, 12:00

Añade lo que te pongo en negrita:

Código:

<td id="celda4" onclick="ilumina(this);HabilitarCapas('cptarifas');muestraFiguras()"  bgcolor="#DDEEDD" align="center" class="txtverde8">TARIFAS</td>
<div id="cptitulofiguras">
<td id="celda5" onclick="ilumina(this)"  bgcolor="#DDEEDD" align="center" class="txtverde8" style="visibility: hidden;">
                FIGURAS

Y este Script:

Código:

<script language="JavaScript">
function muestraFiguras(){
  document.getElementById("celda5").style.visibility='visible';
}
</script>

Espero que fuera eso lo que querías. Un saludo.

davidvamo · #3 (**permalink**) 20/06/2003, 02:13

yujjjuuuuu (como diria Homer Simpson). gracias. por fin lo consigo.