Como cambiar un texto por otro al hacer clic en un enlace?

[goku_goku]

no soy muy experto en esto, me puse a buscar pero no encuentro algo que haga exactamente lo que quiero, veran lo que quiero es algo asi:

supongamos que tengo varios enlaces, y al hacer clic en alguno de ellos aparecera un texto, supongamos que di clic en Enlace1:

Enlace 1 - Enlace 2 - Enlace 3 - Enlace 4
Texto que aparecerá cuando den clic en enlace 1


Ahora en Enlace2

Enlace 1 - Enlace 2 - Enlace 3 - Enlace 4
Texto que aparecerá cuando den clic en enlace 2


pero que no salgan todos los textos juntos, sino que al aparecer uno se quite el otro


no se si me explico bien, ojala me puedan ayudar se los agradeceria mucho

[ivandrade]

Si solo necesitas esto es algo mas o menos sencillo

<script language='javascript'>
var arrMensaje = new Array();
arrMensaje[1] = "Mensaje Click 1";
...
function CambioTexto(id){
document.getElementById("divTexto").innerHTML = arrMensaje[id];
}
</script>

En el html

<a href="javascritp:CambioTexto(1)">Enlace 1<a> -
<a href="javascritp:CambioTexto(2)">Enlace 2<a>...
<div id="divTexto"></div>

[goku_goku]

Gracias, al inicio no sabia como usarlo pero ya le fui escribiendo hasta que pude

Código html:

<script type="text/javascript">
var arrMensaje = new Array();
arrMensaje[1] = "Este es el mensaje1";
arrMensaje[2] = "Este es el mensaje2";
function CambioTexto(id){
document.getElementById("divTexto").innerHTML = arrMensaje[id];
}
</script>
 
En el html
 
<a href="javascript:CambioTexto(1)">Enlace 1<a> -
<a href="javascript:CambioTexto(2)">Enlace 2<a>
<div id="divTexto"></div>
 

porcierto aqui

arrMensaje[1] = "Este es el mensaje1";

por lo que veo todo el texto tiene que estar en la misma linea, no hay alguna forma de poder esbribir ahi saltando de linea?

[Adler]

Hola

Iniciado por goku_goku

porcierto aqui

arrMensaje[1] = "Este es el mensaje1";

por lo que veo todo el texto tiene que estar en la misma linea, no hay alguna forma de poder esbribir ahi saltando de linea?

Usa \n

arrMensaje[1] = "Este es \n el mensaje1";

Suerte

[goku_goku]

mm no entendi bien como usar \n, creo que fui yo quien no me explique bien, me gustaria hacer algo como eso

arrMensaje[1] = "Este es el mensaje1
ahora escribi en otra linea
ahora en otra
etc...";

osea poder escribir en otra linea, pero al momento de hacer eso, no funciona el srcipt ojala me puedan ayudar

[Adler]

Hola

Sí, ahora te he entendido

Código javascript:

arrMensaje[1] = "Este es el mensaje1"
arrMensaje[1] += " ahora escribi en otra linea"
arrMensaje[1] += " ahora en otra"
arrMensaje[1] += " etc...";
 

Suerte

[zerokilled]

hay otra alternativa sin tener que estar concatenando las variables con el nuevo string, o sea, tal como Adler lo muestra. en la otra alternativa simplemente escribe un backslash al final de la linea y seguido el retorno de carro (carriage return). a mi me parece mas comoda pero tambien es el gusto de cada cual:

Código:

arrMensaje[1] = "este es el mensaje1 \
ahora escribi en otra linea \
ahora en otra \
etc...";

break up a code line (romper una linea de codigo)

[goku_goku]

gracias por si ayuda, me fue muy util