Domingo, 11 de junio de 2006
El objetivo de este post es recuperar la categoria de html, php, mysql,... y vamos a hacer algo sencillo y relativamente vistoso.

El objetivo es hacer un enlace que al pulsarle muestre u oculte una parte de la web.

Primero necesitamos un script que haga esa funci?n como el script podremos usarle en m?s p?ginas pues lo mejor es hacer un fichero nuevo que contenga al script.
Cogemos el bloc de notas y copiamos:

function cambiar(esto)
{
vista=document.getElementById(esto).style.display;
if (vista=='none')
vista='block';
else
vista='none';

document.getElementById(esto).style.display = vista;
}

Y lo salvamos con el nombre que desemos, por ejemplo cambiar.js, importante que acabe en .js. Y obviamente lo subimos a algun lado, dandonos su direcci?n web.


En la p?gina donde queramos usarlo tendremos que a?adir al inicio:

<script src="DIRECCI?N_DEL_SCRIPT/cambiar.js" type="text/javascript"></script>


De esta manera se incluira siempre el script.

Ahora tendremos que construir el enlace, con cuidado que este no se oculte posteriormente pues sino no podr?amos volver a mostrar el bloque.

<a href="#" onclick="cambiar('XXXX'); return false;">Enlace</a>


Ese xxxx sera el nombre del bloque que queramos cambiar.

Y ahora metermos todo lo que queramos ocultar / mostar en una capa, definiendo si queremos que por defecto se muestre, entoces ser?a meter todo el bloque entre:

<div id="XXXXX" style="display:block;">
el resto del bloque a ocultar / mostrar
</div>


Si queremos que por defecto no se muestre pues abr?a que cambiar donde pone block por none.

<div id="XXXXX" style="display:none;">
el resto del bloque a ocultar / mostrar
</div>



Y guardamos los cambios y probamos que todo funcione.
Comentarios
Publicado por danielalove
Lunes, 24 de noviembre de 2014 | 14:56
hola! me podrías ayudar quiero meter una direccion web en un anuncio con html para que la gente clique y le envíe a la página, si puede tener un color diferentelas letras . me podrías ayudar es que no sé cómo se hace, me salvaríais la vida!
HTML permitido: <strong>, <s>, <em>, <u>, <a>, <img>
Nombre:




Comentario:

 
© 2005 - 2014 NoSetup.org Sindicación [RSS 0.91] [RSS 1.0] [RSS 2.0] [ATOM 0.3]