[SOLUCIONADO] Quien me puede ayudar con mi codigo?

kmilo9607 · #1 (**permalink**) 27/07/2012, 13:57

tengo un codigo que muestra y oculta un texto, ok el codigo funciona perfectamente pero necesito que me ayuden ya que cuando abro el html muestra el texto oculto y yo quiero que cuando abra el html salga solo la imagen de titulo (arauca y armenia) y sea necesario darle clic para que salga el texto oculto.

aqui esta el codigo para que vean lo que ocurre y me puedan ayudar.

Código HTML:

<html>
<head>
 <script>

function muestra_oculta(id){
if (document.getElementById){ //se obtiene el id
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
muestra_oculta('contenido_a_mostrar');/* "contenido_a_mostrar" es el nombre de la etiqueta DIV que deseamos mostrar */
}
</script>
 <style type="text/css">
<!--
.Estilo1 {font-family: Arial, Helvetica, sans-serif}
-->
 </style>
</head>
<body>
<p><a style='cursor: pointer;' onclick="muestra_oculta('texto1')"><img src="http://i.imgur.com/Nu8ze.png"></a>
<div id="texto1">
<table width="548" border="0">
    <tr>
      <td width="182" valign="top" class="texton"><p class="Estilo3 Estilo1">Punto de Asistencia<br />
  Persona &nbsp;Autorizada</p></td>
      <td width="104" valign="top" class="texton"><p class="Estilo3 Estilo1">Direcci&oacute;n<br />
      Tel&eacute;fono</p></td>
      <td width="104" valign="top" class="texton"><span class="Estilo3 Estilo1">S/N/Or/Oc<br />
Barrio</span></td>
      <td width="140" valign="top" class="texton"><p class="Estilo3 Estilo1">Correo</p></td>
    </tr>
  </table>
  </div>
  <a style='cursor: pointer;' onclick="muestra_oculta('texto2')"><img src="http://i.imgur.com/QL98I.png"></a>
<div id="texto2">
<table width="548" border="0">
    <tr>
      <td width="182" valign="top" class="texton"><p class="Estilo3 Estilo1">Punto de Asistencia<br />
  Persona &nbsp;Autorizada</p></td>
      <td width="104" valign="top" class="texton"><p class="Estilo3 Estilo1">Direcci&oacute;n<br />
      Tel&eacute;fono</p></td>
      <td width="104" valign="top" class="texton"><span class="Estilo3 Estilo1">S/N/Or/Oc<br />
Barrio</span></td>
      <td width="140" valign="top" class="texton"><p class="Estilo3 Estilo1">Correo</p></td>
    </tr>
  </table>
  </div>
</body>
</html>

IsaBelM · #2 (**permalink**) 27/07/2012, 14:04

la solución pasa por usar css. a los bloques asignale display none y quita esta porción de código

Cita:

window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
muestra_oculta('contenido_a_mostrar');/* "contenido_a_mostrar" es el nombre de la etiqueta DIV que deseamos mostrar */
}

por que lo que hace es invocar a la función cuando el contenido está cargado

augusto_jaramil · #3 (**permalink**) 27/07/2012, 14:07

Hola, tal vez te sirva esto en la declaracion de los div

<div id="texto1" style="display:none">

<div id="texto2" style="display:none">

Con eso al abrir la pagina solo te mostrará los títulos y al hacer click sobre alguno de ellos aparecerá el contenido

kmilo9607 · #4 (**permalink**) 27/07/2012, 14:25

Cita:

Iniciado por augusto_jaramil

Hola, tal vez te sirva esto en la declaracion de los div

<div id="texto1" style="display:none">

<div id="texto2" style="display:none">

Con eso al abrir la pagina solo te mostrará los títulos y al hacer click sobre alguno de ellos aparecerá el contenido

Muchas gracias lo voy a dejar con este codigo.

kmilo9607 · #5 (**permalink**) 27/07/2012, 14:25

Cita:

Iniciado por IsaBelM

la solución pasa por usar css. a los bloques asignale display none y quita esta porción de código

por que lo que hace es invocar a la función cuando el contenido está cargado

tambien use tu codigo y salio perfecto muchas gracias