Ventana emergente:

Rober7 · #1 (**permalink**) 13/12/2005, 16:47

Hola de nuevo

¿Alguien sabe cómo hacer que una ventana con texto aparezca dentro de un documento HTML?
Quiero hacer algo como glosario, al hacer clic en un vínculo que aparezca la definición.

KarlanKas · #2 (**permalink**) 13/12/2005, 18:27

Dime si esto te sirve:

Código PHP:

  <html>
<head>
<title>Untitled</title>
<style>
body{font:normal 10px/25px verdana;}
#listado{
position:relative;
float:left;
width:400px;
height:100px;
border:solid 1px silver;
padding:10px;

}
#listado li{
list-style: none outside none;
position:relative;
left:-30px;
}
#pizarra{
position:relative;
float:right;
width:400px;
height:100px;
border:solid 1px silver;
padding:10px;
}
#continente{
width:850px;

}
</style>
<script>

//KarlanKas para forosdelweb.com

function vocablo(palabra,significado){
this.palabra=palabra;
this.significado=significado;
}
definicion=new Array();

definicion[0]=new vocablo("pepe","Variable Universal");
definicion[1]=new vocablo("casa","Lugar donde vive uno");
definicion[2]=new vocablo("manzana","Herramienta que, en manos de una mujer sirve para la condenación eterna");
definicion[3]=new vocablo("zapato","Depósito de olores");

lista="<ul>";
for(a=0;a<definicion.length;a++){
lista+='<li><a href="'+definicion[a].palabra+'" onclick="definir('+a+');return false">'+definicion[a].palabra+'</a></li>';
}

function montar(){
document.getElementById("listado").innerHTML=lista;
}

function definir(esto){
document.getElementById("pizarra").innerHTML=definicion[esto].significado;
}

</script>
</head>

<body onload="montar()">

<div id="continente">
<div id="listado"></div>
<div id="pizarra"></div>
</div>



</body>
</html>

Un saludo!

Rober7 · #3 (**permalink**) 13/12/2005, 18:38

Hola KarlanKas

Cómo haces ese cuadro con el código dentro??? También he intentado poner una imagen para explicar mejor mi pregunta y no he podido. X fa, me dices cómo?

Al código no lo pruebo todavía, en cuanto termine te lo digo...