pulsar una tecla y que lo escriba en una pantalla

gamers · #1 (**permalink**) 29/12/2008, 10:09

<HTML>
<HEAD>
<TITLE> Foro</TITLE>
</HEAD>

<BODY>
<script type="text/javascript">

function message (t1, t2) {
p = document.createElement ('P')
strong = document.createElement ('STRONG')
p.appendChild (strong)
strong.appendChild (document.createTextNode (t1))
br = document.createElement ('BR')
p.appendChild (br)
p.appendChild (document.createTextNode (t2))
document.getElementsByTagName ('BODY')[0].appendChild (p)
}

</script>

<style type="text/css">

label {display:block}

</style>

</head>
<body>
<div>
<input name="button" value="a" onclick="message('a')" type="button">
<input name="button" value="b" onclick="message('b')" type="button">
<input name="button" value="c" onclick="message('c')" type="button">
</div>
</form>

</body>
</html>

Mi duda es la siguiente: ¿se puede hacer esto con textarea en lugar de botones? en caso afirmativo, ¿decirme cómo?

gamers · #2 (**permalink**) 29/12/2008, 10:12

Quiero hacer una especie de foro o minichat. Si álguien sabe cómo se hace, decirmelo. Gracias.

JoseTejada · #3 (**permalink**) 29/12/2008, 17:11

Ehmm sorry gamerz, no c si he entendido bien tu pregunta...pero derrepente esto sirva :S...
puedes cambiar el evento onCLick, onKeyPress, onFocus, etx; por cualkier otro...aki ta el codigo:

Código HTML:

<HTML>
<HEAD>
<TITLE> Foro</TITLE>
</HEAD>

<BODY>
<script type="text/javascript">

function message (t1, t2) {
    p = document.createElement ('P')
    strong = document.createElement ('STRONG')
    p.appendChild (strong)
    strong.appendChild (document.createTextNode (t1))
    br = document.createElement ('BR')
    p.appendChild (br)
    p.appendChild (document.createTextNode (t2))
    document.getElementsByTagName ('BODY')[0].appendChild (p)
}

</script>

<style type="text/css">

label {display:block}

</style>

</head>
<body>
<div>
<input name="button" value="a" onKeyPress="message(this.value)" type="text">
<input name="button" value="b" onclick="message(this.value)" type="text">
<input name="button" value="c" onFocus="message(this.value)" type="text">
</div>
</form>

</body>
</html>

Porfa, responde si se soluciono... Bye

Fernand0 · #4 (**permalink**) 29/12/2008, 19:58

Código PHP:

  <HTML>
<HEAD>
<TITLE> Foro</TITLE>
</HEAD>

<BODY>
<script type="text/javascript">

function send(by, tosend, win) {
    var to=document.getElementById(tosend);
    var win=document.getElementById(win);
    win.innerHTML+=by+': '+to.value+'\n';
    to.value=''; to.focus();
}

</script>

<style type="text/css">

label {display:block}

</style>

</head>
<body>
<div>
<textarea id="win" cols="60" rows="6"></textarea>
<input id="tosend" type="text" style="width: 437px;">
<input type="button" value="Enviar" onclick="send('Fernando', 'tosend', 'win');">
</div>
</form>

</body>
</html>