relación entre botón y texto que aparece

evera · #1 (**permalink**) 27/10/2003, 13:00

necesito ayuda por favor, como puedo hacer que un cuando le de click a un boton se presente el texto correspondiente a ese boton Ej. si oprimo el boton "nosotros" que aparezca en alguna parte de la página el texto correspondiente a ese botón. Lo que me interesa es evitar que no me haga refresh cada vez que oprima un boton, sino que simplemente salga la información conforme oprima un boton. Gracias por la ayuda.

JavierB · #2 (**permalink**) 27/10/2003, 13:30

Hola, evera. Bienvenido al Foro.

A ver si esto te ayuda:

Código PHP:

  <html> 
<head> 
<script> 
function texto(obj) { 
    elem=document.getElementById('txt'); 
    elem.childNodes[0].nodeValue=obj.value; 
} 
</script> 
</head> 
 
<body bgcolor="#FFFFFF" text="#000000"> 
<input type="button" value="Botón 1" onClick="texto(this)"> 
<input type="button" value="Botón 2" onClick="texto(this)"> 
<table><tr> 
<td id="txt">&nbsp</td> 
</tr></table> 
</body> 
</html>

Saludos,

evera · #3 (**permalink**) 28/10/2003, 13:08

HOla, por favor necesito ayuda con esto: tengo tres botones (nosotros / infraestructura / contactenos) cada uno me debe presentar la información correspondiente, pero lo que deseo hacer es que en la misma página sin que esta se refresque me aparesca el texto correspondiente. Oprimo el boton y me muestra el texto sin REFRESH !!!. Gracias por la ayuda.

JavierB · #4 (**permalink**) 28/10/2003, 13:13

Cita:

evera dijo:
Es casi lo que necesito, obtener el mismo resultado pero con más texto, es decir no solo que me pueda aparecer un par de palabras sino muchas más. Gracias de antemano.

No entiendo bien tu duda. Que yo sepa puedes poner todas las palabras que quieras:

elem.childNodes[0].nodeValue='En un lugar de la Mancha de cuyo nombre no quiero acordarme no ha mucho que vivía un hidalgo... No sigo porque no me se demasiado bien el texto y temo meter la pata de mala manera';

Saludos,

caricatos · #5 (**permalink**) 28/10/2003, 13:24

Hola evera:

Puedes usar 3 capas, cada una con la información que te interese, y mostrar cada capa según pulses el boton
<div id=nosotros style="display: none">
aquí el contenido de nosotros
</div>
<div id=infraestructura style="display: none">
aquí el contenido de infraestructura
</div>
...

... una función que oculte los 3 divs
function ocultar() {
document.getElementById("nosotros").style.display = "none";
document.getElementById("infraestructura").style.d isplay = "none";
document.getElementById("contactenos").style.displ ay = "none";
}

y pos cada botón algo así:
<input type=button value=nosotros onclick="ocultar();
document.getElementById('nosotros').style.display = 'block'">
...

Espero que te sirva.

Saludos

KarlanKas · #6 (**permalink**) 28/10/2003, 15:52

Vamonos a JS!