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!