enlaces con explicación

DAVIDAP · #1 (**permalink**) 12/02/2003, 06:26

Me gustaria que me digan donde puedo encontrar un menu tal que.

+ enlace1
+ enlace2
+ enlace3

y al pinchar en el + se expanda con una explicación del mensaje.

- enlace1
esta es la explicacion del enlace 1, y sigue , y sigue,etc.
pudiendose poner tambien lenguaje html, y sigue la explicación
jdasjdasñdjadjad.

+enlace2
+enlace3

no se si se me ha entendido bien, he visto uno, pero presisamente hoy no le funciona el enlace, de todos modos lo pongo por si lo arreglan rápido.

enlace aqui

KarlanKas · #2 (**permalink**) 12/02/2003, 07:17

Bienvenido DAVIDDAP!

Mira a ver si esto te funciona:

<html>
<head>
<style>
body{font:bold 10px/20px verdana;}
a{color:black;text-decoration:none;}
</style>
<script>
explicacion=new Array
explicacion[1]="HOlaafaf asdfh f hoasdf ha!";
explicacion[2]="Esta es la explicacion del 2";
explicacion[3]="Esta es la explicacion del 3";

function anadir(texto,esto){
t=texto
texto=document.getElementById("enlace"+texto)
if(isNaN(texto.ensenar)){texto.ensenar=-1}
var pepe=texto.ensenar
pepe=pepe*-1
texto.ensenar=pepe

if (texto.ensenar==1){

if(!texto.primero){texto.primero=texto.innerHTML}
texto.innerHTML=texto.primero+"<blockquote>"+expli cacion[t]+"</blockquote>"

}
if (texto.ensenar==-1){
texto.innerHTML=texto.primero
}

}

</script>
<title>Untitled</title>
</head>

<body>
<div id="enlace1"><a onfocus="blur()" href="javascript:anadir(1,this)">+</a>enlace 1</div>
<div id="enlace2"><a onfocus="blur()" href="javascript:anadir(2,this)">+</a>enlace 2</div>
<div id="enlace3"><a onfocus="blur()" href="javascript:anadir(3,this)">+</a>enlace 3</div>
</body>
</html>

Un saludo!

DAVIDAP · #3 (**permalink**) 12/02/2003, 07:43

Muchas GRACIAS!!!!!!!!!! KarlanKas, me ha funcionado a las mil maravillas , lo he adaptado a lo que queria exactamente, aunque ya por pedir que no sea, en vez de que el + sea en texto, poner una imagen y así cuando estén las instrucciones del enlace visibles cambiarla por un menos.Si es muy coñazo no te preocupes.
Jolin si me entendistes chapó!!! pq creo que no me he entendido ni yo.

KarlanKas · #4 (**permalink**) 12/02/2003, 08:33

De nada, hombre!!

He hecho unos cambios que, a parte de hacer lo que quieres (del + y el -) lo mejoran visualmente. A ver que te parece:

<html>
<head>
<style>
body{font:normal 10px/20px courier;}
a{color:black;text-decoration:none;}
blockquote{ border:solid 1px black;
background:#ffffcc;
margin:1px 1px 1px 10px;
padding:5px 5px 5px 5px;
width:300px;
}
</style>
<script>
var signo="-"
explicacion=new Array
explicacion[1]="HOlaafaf asdfh f hoasdf ha!";
explicacion[2]="Esta es la explicacion del 2";
explicacion[3]="Esta es la explicacion del 3";

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>"+exp licacion[t]+"</blockquote>"

}
if (texto.ensenar==-1){
;
texto.innerHTML=texto.primero
}

}

</script>
<title>Untitled</title>
</head>

<body>
<div id="enlace1"><a onfocus="blur()" href="#" onclick="anadir(1,this)">+</a>enlace 1</div>
<div id="enlace2"><a onfocus="blur()" href="#" onclick="anadir(2,this)">+</a>enlace 2</div>
<div id="enlace3"><a onfocus="blur()" href="#" onclick="anadir(3,this)">+</a>enlace 3</div>
</body>
</html>

Un saludo!!

DAVIDAP · #5 (**permalink**) 12/02/2003, 10:01

BUENISIMO!!!!! Y PERFECTO, exactamente lo que buscaba ni más ni menos.
Muchisimas gracias otra vez.

KarlanKas · #6 (**permalink**) 12/02/2003, 10:10

De nada, hombre, de nada!

KarlanKas · #7 (**permalink**) 13/02/2003, 03:55

DAVIDAP!!!

He puesto en las FAQ (FAQ104) una versión mejorada del script... visitala, igual te interesan los cambios...

Un saludo!