Foros del Web - Ver Mensaje Individual

KarlanKas · #45 (**permalink**) 20/12/2002, 02:22

Qué barbaridad! Vosotros no dormis (obviamente no va por tí, Kao), qué tíos!

Bueno, os aclaro un poco antes de seguir. PAIs es el Proyecto de Abduccón de Imágenes. Una idea de epa2 que consistía en hacer aparecer y desaparecer imágenes. Algo con lo que entretenernos y que ha ido creciendo hasta lo que es hoy. No es nada espectacular, a lo que me refería era a que cuando en el otro foro ponía los ejemplos de los últimos avances los ponía como puse lo de la máquina de escribir.

Y ahora ya paso a explicar cómo lo hice. Es sencillo. Como no deja poner un enlace que abra una popup, lo que hacemos es abrir una ventana normal uqe abra la popup y luego se cierre. En este ejemplo he puesto la página abre99.html uqe es la siguiente:

<html>
<head>
<title>Abriendo Teclado</title>
</head>
<body>
<script language="JavaScript">
ventana=window.open('http://www.webareyou.com/tecladito.html', '', 'width=350,height=255,')
x=screen.width
x=(x/2)-175
y=screen.height
y=(y/2)-125

ventana.moveTo(x,y);
this.close()
</script>

</body>
</html>

A ese enlace es al que llamamos con [ u r l =www.webareyou.com/abre99.html] Ver Ejemplo[/url]

Y luego la página de el script en sí que aquí se llama tecladito.html y que sería similar en todas:

<html>
<head>
<title>99.-Teclado</title>
<script>
texto="";
var z=0;
function anadir(letra){

texto=barra.value;
texto=texto+letra;
barra.value=texto;
}
function mostrar(){
if (z==0){z=1;botones.style.visibility="visible";preg unta.innerText="Ocultar teclado";}
else {z=0;botones.style.visibility="hidden";pregunta.in nerText="Mostrar teclado";}
}

</script>

</head>

<body style="font:normal 10px/15px verdana">
<center>
<div style="width:300px">
<input type="Text" name="barra" style="width:300px;border:solid 1px black" ><br>
<a id="pregunta" href=javascript:mostrar()>Mostrar teclado</a>
<br>
<br>
<br>
<br>
<br><div align=center id="botones" style="font:normal 8px/4px verdana;visibility:hidden;"></div>
<script>
var letras="";
var p=0;
for (a=65;a<91;a++){
letras=letras+"<input style='width:20px;heiht:20px;' type='Button' value=&#"+a+" onclick=anadir('&#"+a+"')> ";
p=p+1;
if(p==9){p=0;letras=letras+"<br><br>";}
}
botones.innerHTML=letras+"<input style='width:20px;heiht:20px;' type='Button' value=&copy onClick=alert('FelizNavidad')><br><br><input style='width:205px;height:22px;' type='Button' value='espacio' onclick=anadir('&#160')>";

</script>
</div><br>

<input type="button" value="descargar" style="border:solid 1px black; left:0px;position:relative;;width:100%;height:18px ;font:italic 10px/12px;color:navy;background:#ddeedd" onclick="window.open('tecladito.zip')">

</center>
</body>
</html>

Me he explicado?

Es una suerencia... respecto a donde ponerel enlace... ya vereis.