Wedmasterayuda - Foro

Inteligencia Multiple WMA


    [CODIGO- Javascript]Mostrar u ocultar objetos

    Comparte
    avatar
    wedmasterayuda
    Administrador
    Administrador

    Cantidad de envíos : 47
    Puntos : 25
    Reputación : 0
    Fecha de inscripción : 31/08/2008

    [CODIGO- Javascript]Mostrar u ocultar objetos

    Mensaje  wedmasterayuda el Jue Mar 26, 2009 2:10 am

    Aca els dejo un codigo para ocultar y mostrar contenido o tablas, eEstan en dos formas diferentes con boton tradicional uo con boton decorado

    Boton tradicional

    Código:
    <div><input value="Ver más" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Ocultar';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Ver más';}" type="button" /><div style="display: none;">Contenido oculto</div></div>

    Boton decorado

    Código:
    <div><input value="Ver más" style="color:white;background:#000000;border:1px ridge white;margin-left: 50px; padding: 0px; width: 80px; font-size: 14px; font-family: trebuchet ms;" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Ocultar';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Ver más';}" type="button" /><div style="display: none;">Contenido oculto</div></div>

    Espero q les guste

      Fecha y hora actual: Jue Ago 16, 2018 3:56 am