ya lo logre como me dijiste:
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>
<input name="campo1" type="text" id="campo1" onKeyUp="cambia();">
<table width="600" height="600" border="1" 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>
<script>
function cambia(){
for (i = 0, elems = document.getElementsByTagName("span"); elem = elems[i]; i++) { elem.innerHTML = document.getElementById('campo1').value;};
}
</script>
</div></td>
</tr>
</table>
<p> </p>
</body>
</html>
El tema es que de que manera podria hacer que este campo de texto estuviera en otro marco y que desde ahi me modificara el texto (que tambien estuviera en otro marco) es decir que de una pagina web modificara otra.