Extension:ToggleDisplay

Abstract
This extension allows to show and hide regions on a page by clicking on a link.

Installation
Copy the Source into a file extensions/ToggleDisplay/ToggleDisplay.php and add the following line to your LocalSettings.php:

Usage
The simplest usage is:

hidable text

What you will see is a link "[show details]" in small font and nothing else. When you click on the link, the hidable text will be shown and the link text changes to "[hide details]". When you click again, you return to the initial state.

The following optional parameters can be provided in the   tag:

Use the above formatting parameters by including them in the   line as below:

 hidable text

To change the defaults, you can redefine ExtToggleDisplay::$mDefaultArgs in your LocalSettings.php.

Source
Faro de Vigo  <META NAME="description" CONTENT="www.farodevigo.es, FARO DE VIGO"> <META HTTP-EQUIV="Content-Type" content="text/html;"> <META NAME="author" CONTENT="Faro de Vigo"> <META NAME="organization" content="Faro de Vigo"> <META NAME="copyright" content="1999-2005 Factoría de Chapela-Redondela 36320 PONTEVEDRA Galicia ESPAÑA Tel. +34 986814600 Fax +34 986814614">

<META NAME="locality" content="Pontevedra, España, U.E."> <META NAME="lang" content="es"> <META HTTP-EQUIV="Content-Language" CONTENT="es"> <META NAME="robots" CONTENT="index,follow"> <META NAME="numEjemplar" CONTENT="2011020700">

<link href="http://estaticos02.farodevigo.es//elementosWeb/css/estilos.css" rel="stylesheet" type="text/css"> <script src="http://estaticos01.farodevigo.es//elementosWeb/js/funcs.js">

<SCRIPT type="text/javascript"> </SCRIPT> <SCRIPT type="text/javascript"> </SCRIPT><SCRIPT type="text/javascript"> </SCRIPT>

<div id="publicidad_x60" style="top:0;margin:0;position:absolute;z-index:20000;display:hidden;"> <script type="text/javascript">

<DIV class="pub_728x90" id="728x90" style="background-image:none;width:auto;height:auto;"> <SCRIPT type="text/javascript">

</SCRIPT>

</DIV>

<DIV class="pub_234x90" id="234x90" style="background-image:none;width:auto;height:auto;"> <SCRIPT type="text/javascript">

</SCRIPT> </DIV>

<div id="publicidad_top" style="right:990px;margin:0;position:absolute;top:0;z-index:10000;"> <SCRIPT type="text/javascript"> </SCRIPT>

<div id="publicidad_top3" style="left:990px;margin:0;position:absolute;top:0;z-index:10000;"> <script type="text/javascript">

</DIV> <DIV class="bloqueclear" style="line-height:0px;height:0px;font-size:0px;"></DIV>

$(function{				comprobarLogin;			}); Lunes 07 de febrero de 2011  <a href="/servicios/contacte/contacte.jsp">Contacte con farodevigo.es</a> | <a href="/servicios/rss/rss.jsp?pServicio=rss" class="enlaceRSS">RSS</a> <div style="height:20px; line-height:20px; border-top-style: solid; border-top-width: 1px; border-top-color: #EBE8E1;">

<ul> <li><a href="http://www.ibercoches.es" title="Anuncios de coches" target="_blank" ><img src="http://estaticos.farodevigo.es//elementosWeb/mediaweb/images/iconos/ibercoches_bot.gif" border="0" title="Anuncios de coches" alt="Anuncios de coches" /></a></li> <li><a href="http://www.iberpisos.es" title="Anuncios de pisos" target="_blank" ><img src="http://estaticos.farodevigo.es//elementosWeb/mediaweb/images/iconos/iberpisos_bot.gif" border="0" title="Anuncios de pisos" alt="Anuncios de pisos" /></a></li> <li><a href="http://www.iberanuncio.es" title="Anuncios clasificados" target="_blank" ><img src="http://estaticos.farodevigo.es//elementosWeb/mediaweb/images/iconos/iberanuncio_bot.gif" border="0" title="Anuncios clasificados" alt="Anuncios clasificados" /></a></li> </ul>

<div class="cabecera_interior">

<td align="right" bgcolor="#A8ADB7" class="border-right"> <td align="right" bgcolor="#196C9E">

<div class="menuprincipal_selec"><a href="/">INICIO Y EDICIONES</a>

<div class="separador_menu">

<a href="/galicia/">SECCIONES</a>

<div class="separador_menu">

<a href="/deportes/">DEPORTES</a>

<div class="separador_menu">

<a href="/opinion/">OPINIONES</a>

<div class="separador_menu">

<a href="http://ocio.farodevigo.es">OCIO</a>

<div class="separador_menu">

<a href="/servicios/documentos/documentos.jsp?pIdCategoria=3&pRef=2011020700_0_0">SUPLEMENTOS</a>

<div class="separador_menu">

<a href="/servicios/servicios.jsp?pRef=2011020700_0_0">SERVICIOS</a>

<div class="separador_menu">

<a href="http://comunidades.farodevigo.es/">PARTICIPACIÓN</a>

<div class="contenedor_submenu" style="overflow:hidden;">

<a href="/gran-vigo/" >Gran Vigo</a>

<a href="/comarcas/" >Comarcas</a>

<a href="/portada-o-morrazo/" >Morrazo</a>

<a href="/portada-pontevedra/" >Pontevedra</a>

<a href="/portada-deza-tabeiros-montes/" >Deza-Tabeir&oacute;s-Montes</a>

<a href="/portada-arousa/" >Arousa</a>

<a href="/portada-ourense/" >Ourense</a>

<a href="/servicios/club/acerca.jsp?pRef=2011020700_0_0" >Club Faro</a>

<a href="/lo-mas-visto" >Lo + visto</a>

<a href="http://mas.farodevigo.es/galeria/" target='_blank'>Fotos</a>

<a href="http://tv.farodevigo.es" target='_blank'>Vídeos</a>

<a href="http://mas.farodevigo.es/agenda/" target='_blank'>Agenda cultural</a>

<a href="/fin-semana/" >FDS</a>

<a href="/servicios/hemeroteca/hemeroteca.jsp?pRef=2011020700_0_0" >Hemeroteca</a>

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

<b> Resultados de la b&uacute;squeda:</B>

<SCRIPT LANGUAGE="JavaScript" SRC="/scripts/calendario.js"></SCRIPT>

<SCRIPT LANGUAGE="JavaScript"> <!--	function Comprobar_Fecha2(pDia,pMes,pAnyo){return true;} function BuscarAv {	if (window.document.buscadorAV.pBuscarAv.value != "") {		var fInicio = window.document.buscadorAV.pFechaInicio.value; var fFin = window.document.buscadorAV.pFechaFin.value;

var diaInicio = parseInt(fInicio.substring(0,2)); if(fInicio.substring(3,4)=="0") var mesInicio = parseInt(fInicio.substring(4,5)); else var mesInicio = parseInt(fInicio.substring(3,5)); var anyoInicio = parseInt(fInicio.substring(6,10));

var diaFin = parseInt(fFin.substring(0,2)); if(fFin.substring(3,4)=="0") var mesFin = parseInt(fFin.substring(4,5)); else var mesFin = parseInt(fFin.substring(3,5)); var anyoFin = parseInt(fFin.substring(6,10));

fInicio = fInicio.substring(6,10) + fInicio.substring(3,5) + fInicio.substring(0,2); fFin = fFin.substring(6,10) + fFin.substring(3,5) + fFin.substring(0,2); var formatoFecha = /^[0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9]$/;

if(!fInicio.match(formatoFecha)) {			window.alert("La fecha Inicio ha de tener el formato 'dd/mm/aaaa'."); window.document.buscadorAV.pFechaInicio.focus; }

else if(!fFin.match(formatoFecha)) {			window.alert("La fecha Fin ha de tener el formato 'dd/mm/aaaa'."); window.document.buscadorAV.pFechaFin.focus; }

else {           if(fInicio>fFin) { window.alert("La fecha de inicio no puede ser posterior a la fecha de fin."); window.document.buscadorAV.pBuscarAV.focus; } else { if(Comprobar_Fecha2(diaInicio,mesInicio,anyoInicio) && Comprobar_Fecha2(diaFin,mesFin,anyoFin)) {				   window.document.buscadorAV.action = "/servicios/buscador/resultados.jsp"; window.document.buscadorAV.method = "post"; window.document.buscadorAV.pBuscar.value = window.document.buscadorAV.pBuscarAv.value; window.document.buscadorAV.submit; }			}		}	}	else {		window.alert("Antes de buscar debe introducir un texto."); window.document.buscadorAV.pBuscar.focus; } }

function BuscarEjemplar {	window.document.buscadorAV.action = "/servicios/hemeroteca/hem_ejemplar.jsp"; window.document.buscadorAV.method = "post"; window.document.buscadorAV.target = "contenido"; //window.document.buscadorAV.pFecha.value = window.document.buscadorAV.pFechaEjemplar.value; window.document.buscadorAV.submit; }

function PonerFechaHoy { window.document.buscadorAV.pFechaInicio.value = "07/02/2011"; window.document.buscadorAV.pFechaFin.value = "07/02/2011"; }

function PonerFechaSemana { window.document.buscadorAV.pFechaInicio.value = "31/01/2011"; window.document.buscadorAV.pFechaFin.value = "07/02/2011"; }

function PonerFechaMes { window.document.buscadorAV.pFechaInicio.value = "08/01/2011"; window.document.buscadorAV.pFechaFin.value = "07/02/2011"; }

function onEnterBusquedaAV(event) { //For a full list of key codes go to //http://www.js-x.com/beginners/key_codes.php3 var bolOldBrowser = (document.layers) ? true : false; var intKeyCode = 0; if (bolOldBrowser) intKeyCode = event.which; else intKeyCode = event.keyCode; if (intKeyCode == 13) BuscarAv; } //--> </SCRIPT>

<SCRIPT LANGUAGE="JavaScript"> <!-- function MM_displayStatusMsg(msgStr) { //v1.0 status=msgStr; document.MM_returnValue = true; }

function MM_goToURL { //v3.0 var i, args=MM_goToURL.arguments; document.MM_returnValue = false; for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'"); }

function Vamos{ if (Vamos2) window.document.formi.submit;

Variant
Toggledisplay can be used to do a link that show, when clicked, the hided text; this can be used for example for a simple FAQ page like in 101 modi per.... In this case hidetext will be equal to showtext. To do this you have to add this line to file source just after "extract" of toggleDisplay function.