Ver Mensaje Individual
  #1 (permalink)  
Antiguo 31/03/2009, 09:51
alexisfch
 
Fecha de Ingreso: septiembre-2007
Mensajes: 150
Antigüedad: 17 años, 5 meses
Puntos: 1
Exclamación Texto que cambia segun valor de input.

Hola:

Necesito que el texto de mi web cambie en funcion de lo que se escriba en el campo de texto.
Esto es lo que llevo:
Código HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Borde a texto</title>
</head>

<body>


<table width="600" border="0" align="center" cellpadding="1" cellspacing="1">
  <tr>
    <td><div style="position:relative;">
<script>
<!--


	var message="letraconborde";
	var thickness=1;
	var color2="black";
	var color1="red";
	var extra="font-size:60px;";
	
	var x = -thickness;
	var y = -thickness;

	while (y<=thickness) {
		while (x<=thickness) {
			document.write ("<span style='"+extra+" color:"+color2+"; position:absolute; left:"+x+"; top:"+(-y)+";'>"+message+"</span>");
			document.write ("<span style='"+extra+" color:"+color2+"; position:absolute; left:"+x+"; top:0;'>"+message+"</span>");
			document.write ("<span style='"+extra+" color:"+color2+"; position:absolute; left:"+x+"; top:"+y+";'>"+message+"</span>");
			x=x+1;
		}
		y=y+1;
	} 	

	document.write ("<span style='"+extra+" color:"+color1+"; position:absolute; left:0; top:0;'>"+message+"</span>");


//-->
</script>
</div></td>
  </tr>
  <tr>
    <td height="49">&nbsp;</td>
  </tr>
  <tr>
    <td height="96"><div align="center">
      <input name="campo1" type="text" id="campo1">
    </div></td>
  </tr>
  
</table>

<p>&nbsp;</p>
</body>
</html> 
Saludos.