Hola mparra, bienvenido a los foros
:
Te voy a decir 2 formas, la primera usando el DOM, y la otra con un sencillo formulario...
1º. En la etiqueta del texto que quieres cambiar le asignas un atributo id para referenciarla y con un botón o un link modificas el innerHTML de esa etiqueta:
<span id="ejemplo" > Texto 1 </span>
con un link:
<a href="javascript
: document.getElementById('ejemplo').innerHTML = ' "Texto 2 ';" > Link del cambio </a>
... o con un botón:
<input type="button" onclick="document.getElementById('ejemplo').innerH TML = ' "Texto 2 ';" value="botón del cambio" />
2º. Creas un formulario con un campo de texto y le aplicas los estilos que creas necesarios, y con el link (o botón) modificas el value:
<form name="formPrueba" style="display: inline" >
<input name="prueba" type="text" readonly style="border-width: 0px; background-color: transparent;" value=" Texto 1 " />
</form>
y se modifica:
<a href="javascript
: document.forms.formPrueba.prueba.value = ' "Texto 2 '" > Link del cambio </a>
...ó ...
<input type="button" onclick="document.forms.formPrueba.prueba.value = ' "Texto 2 '" value="botón del cambio" />
Esta segunda forma es la que uso en la página de mi perfil para cambiar de idioma.
Saludos
