P.- ¿Cómo poner enlaces con una explicación desplegable del mismo abajo?
R.- Así: [Ver Ejemplo] Código PHP:
<html>
<head>
<style>
body{ font:normal 10px/20px verdana;}
blockquote{ border:solid 1px black;
font:normal 10px/12px verdana;
background:#ffffcc;
margin:1px 1px 1px 20px;
padding:5px 5px 5px 5px;
width:500px;
}
.norm{ color:blue;
border:none;
font:normal 10px/10px verdana;
text-decoration:underline;
}
img{ border:none;
}
</style>
<script>
//Script original de KarlanKas con la colaboración de caricatos para Forosdelweb.com
explicacion=new Array;
enlace=new Array;
texto=new Array;
//-------------------------- EDITABLE ---------------------------
enlace[0]="http://www.forosdelweb.com";
texto[0]="Ir a foros del web."
explicacion[0]="Foros del Web es el foro de programación hispana más visitado por los habitantes de la luna de Gaminedes.";
enlace[1]="http://www.webareyou.com";
texto[1]="Visitar Web Are You. La página en eterna construcción."
explicacion[1]="Todos los seres abducidos tienen, desde la LSSI, la obligación de tener una página web explicando sus experiencias. Aquí está la mía.";
enlace[2]="http://www.estiloweb.com";
texto[2]="Necesitas ayuda?"
explicacion[2]="Cuando uno se enfrenta a la realización de una página web siempre le surgen dudas... con webestilo.com se resuelve más de una...";
enlace[3]="http://www.tunait.com";
texto[3]="Quieres charlar, divertirte y demás con la página de tunait?"
explicacion[3]="Nuestra querida tunait nos regala una magnífica página donde su plato fuerte es un magnífico foro lleno de buen rollito y diversión... no os lo perdais!";
enlace[4]="http://www.pepemolina.com";
texto[4]="Qué tal visitar la página de caricatos?"
explicacion[4]="Quien no recuerda el generador de código o el enviador de postales...? Caricatos no sólo responde, sino que genera nuevas inquietudes a cada momento. Visitad la página donde recoge todos sus avances!";
// SE PUEDE PONER TANTOS COMO SE QUIERA
//---------------------------------FIN DE CÓDIGO EDITABLE--------------------------------
function anadir(texto,esto){
t=texto
texto=document.getElementById("enlace"+texto)
if(!texto.primero){texto.primero=texto.innerHTML}
if(isNaN(texto.ensenar)){texto.ensenar=-1}
var pepe=texto.ensenar
pepe=pepe*-1
texto.ensenar=pepe
if (texto.ensenar==1){
esto.innerHTML="-";
texto.innerHTML=texto.innerHTML+"<blockquote>"+explicacion[t]+"</blockquote>"
}
if (texto.ensenar==-1){
;
texto.innerHTML=texto.primero
}
}
</script>
<title>FAQ 104.- Enlaces autoexplicativos </title>
</head>
<body>
<script>
for (w=0;w<enlace.length;w++){
document.writeln('<div id="enlace'+w+'"><a onfocus="blur()" href="#" onclick="anadir('+w+',this)">+</a><a class="norm" HREF="'+enlace[w]+'" target="_blank">'+texto[w]+'</a></div>');
}
</script>
</body>
</html>