Comunidad de diseño web y desarrollo en internet online

funcion para mostrar u ocultar un div en concreto...

Citar            
MensajeEscrito el 29 Jul 2007 02:45 pm
buenas, estoy buscando precisamente eso, ya que lo que busco es cargar una parte de la pagina para que no se tenga que volver a cargar otravez toda.. pero la informacion que haya en ese div quiero que se cargue solo si se pulsa un boton...

entonces, yo tengo una funcion que hace un show i otra que hace un hide... pero como no se como hacerlo en perl para que se de cuenta de que ahora esta hecho el show o el hide, necesito uan funcion javascript que lo muestre o lo oculte segun si ahora esta oculto o visible, sabeis como puedo hacer eso?

esta es la funcion:

Código :

function hidediv(id) {
   //safe function to hide an element with a specified id
   if (document.getElementById) { // DOM3 = IE5, NS6
      document.getElementById(id).style.display = 'none';
   }
   else {
      if (document.layers) { // Netscape 4
         document.id.display = 'none';
      }
      else { // IE 4
         document.all.id.style.display = 'none';
      }
   }
}

function showdiv(id) {
   //safe function to show an element with a specified id
        
   if (document.getElementById) { // DOM3 = IE5, NS6
      document.getElementById(id).style.display = 'block';
   }
   else {
      if (document.layers) { // Netscape 4
         document.id.display = 'block';
      }
      else { // IE 4
         document.all.id.style.display = 'block';
      }
   }
}

Por digitall

6 de clabLevel



 

firefox
Citar            
MensajeEscrito el 30 Jul 2007 02:08 am
Yo veo la función bastante bien, es más tiene soporte hasta para browsers bastante viejos (eso es muy bueno).

Lo que no entiendo es que tiene que ver perl en todo esto, a menos que estes programando todo en cgi (wow) ¿Quizas te refieras a usar los eventos para poder mostrar y ocultar el div con la función?

Código :

window.onload = function(){
  hidediv('laid');
}

<a href="#laid" onclick="showdiv('laid'); return false;">Mostrar contenido</a>

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.