Textos visibles.....

Ugho · #1 (**permalink**) 21/01/2004, 11:06

Estimados amigos:
tengo 3 botones y quisiera que cuando presione uno de los 3 botones apareciera el texto respectivo para cada 1 de los botones (text1,texto2,texto3 respectivamente).
O sea que siempre me muestre solo uno texto.
Espero haberme explicado bien...
Se puede hacer?
me pueden ayudar?

KarlanKas · #2 (**permalink**) 21/01/2004, 11:24

Pero dónde quieres el texto? en los botones? en un textbox? en la página...?
si fuera en un textbox sería:
<form>
<input type="button" onclick="document.forms[0].textos.value+=this.value" value="texto 1" />
<input type="button" onclick="document.forms[0].textos.value+=this.value" value="texto2" />
<input type="button" onclick="document.forms[0].textos.value+=this.value" value="texto3" />
<textarea cols="10" rows="10" name="textos">
</textarea>
</form>

KarlanKas · #3 (**permalink**) 21/01/2004, 11:31

Un ejemplito:

Código PHP:

  <html>

<head>

    <title>Untitled</title>

    <style>

    input{

    color:navy;

    background:silver;

    font:normal 10px verdana;

    width:75px;

    }

    textarea{

    font:normal 10px/14px verdana;

    border:solid 1px black;

    overflow:auto;

    width:235px;

    height:200px;

    }

    

    </style>

</head>

 
<body>

<form>

<input type="button" 

onclick="document.forms[0].textos.value+=this.value" 

value="texto 1 " />

<input type="button" 

onclick="document.forms[0].textos.value+=this.value" 

value="texto 2 " />

<input type="button" 

onclick="document.forms[0].textos.value+=this.value" 

value="texto 3 " /><br>

 
<textarea name="textos">

</textarea>

</form>

 
 
</body>

</html>

Ugho · #4 (**permalink**) 21/01/2004, 11:39

En realidad necesito que me aparezca un solo texto a la vez, osea que cuando presiono un boton me muestre un texto y se borre el texto anterior y que lo despliege en la pagina o una tabla.....
me pueden ayudar?

KarlanKas · #5 (**permalink**) 21/01/2004, 11:56

Prueba con eso:

Código PHP:

  <html>

<head>

    <title>Untitled</title>

    <script>

    var sitio;

    var Donde;

    function empezar(){

    Donde="campo"//pon el ID de donde quieras que aparezca el texto

    sitio=document.getElementById(Donde);

    }

    </script>

    <style>

    input{

    color:navy;

    background:silver;

    font:normal 10px verdana;

    width:75px;

    }

    textarea{

    font:normal 10px/14px verdana;

    border:solid 1px black;

    overflow:auto;

    width:235px;

    height:200px;

    }

    

    </style>

</head>

 
<body onload="empezar()">

<form>

<input type="button" 

onclick="sitio.innerHTML=this.value" 

value="texto 1 " />

<input type="button" 

onclick="sitio.innerHTML=this.value" 

value="texto 2 " />

<input type="button" 

onclick="sitio.innerHTML=this.value" 

value="texto 3 " /><br>

 
 
</form>

<div id="campo"></div>

 
</body>

</html>

JavierB · #6 (**permalink**) 21/01/2004, 11:56

Hola, Ugho y KarlanKas.

¿Sería algo así?

Código PHP:

  <html>

<head>

<script>

function poner(txt) {

    document.getElementById('texto').innerHTML=txt;

}

</script>

</head>

 
<body>

<input type="button" onclick="poner('En un lugar de la Mancha de cuyo nombre...')"/>

<input type="button" onclick="poner('Con diez cañones por banda viento en popa...')"/>

<input type="button" onclick="poner('Se me ha acabado el repertorio literario...')"/>

<table>

<tr>

<td id="texto">&nbsp</td>

</tr>

</table>

</body>

</html>

Saludos,

JavierB · #7 (**permalink**) 21/01/2004, 11:58

Tenía que haberme imaginado que chocaría con el ganimediano

KarlanKas · #8 (**permalink**) 21/01/2004, 12:00

Hola Javier!!

mmmm... me gusta más tu solución!

KarlanKas · #9 (**permalink**) 21/01/2004, 12:02

Un hibrido!

<html>
<head>
<title>Untitled</title>
<script>
var sitio;
var Donde;
function empezar(){
Donde="campo"//pon el ID de donde quieras que aparezca el texto
sitio=document.getElementById(Donde);
}
function poner(esto){
sitio.innerHTML=esto;
}
</script>
<style>
input{
color:navy;
background:silver;
font:normal 10px verdana;
width:75px;
}
textarea{
font:normal 10px/14px verdana;
border:solid 1px black;
overflow:auto;
width:235px;
height:200px;
}

</style>
</head>

<body onload="empezar()">
<form>
<input type="button"
onclick="poner('que pasa pepe')"
value="texto 1 " />
<input type="button"
onclick="poner('Nacubonodosor fue un buen rey')"
value="texto 2 " />
<input type="button"
onclick="poner('tres eran tres las hijas del rey')"
value="texto 3 " /><br>

</form>
<div id="campo"></div>

</body>
</html>

Ugho · #10 (**permalink**) 21/01/2004, 13:00

Muchas gracias amigos JavierB y KarlanKas

Era lo que necesitaba....

Ugho · #11 (**permalink**) 21/01/2004, 13:00

Muchas gracias amigos JavierB y KarlanKas

Era lo que necesitaba.
SALUDOS....

JavierB · #12 (**permalink**) 21/01/2004, 14:07

En nombre mío y en el mío propio: muchas de nada, muchas de nada.

KarlanKas · #13 (**permalink**) 21/01/2004, 17:18

En nombre de todos los KarlanKas de este hilo:

Muchos de nada!
__________________________________________________ _______

En nombre de todos los KarlanKas de este hilo:

Muchos de nada!