Cambiar el contenido de un textarea

[marcosr]

Hola amigos, tengo una función para reestablecer el valor de 2 campos en caso de que estos sean modificados a valor 0, los borren. El problema es que puedo reestablecer el valor de "titulo" que es un input pero no el valor de "mensaje" que es un textarea, cuál es el error?

Código HTML:

<input type="text" name="titulo" id="titulo" tabindex="1" value="T&iacute;tulo" onchange="modif(0)" />
			<textarea id="mensaje" name="mensaje" tabindex="2" accesskey="M" onchange="modif(1)">Mensaje</textarea> 

Código:

function modif(id) {

	if (id == 0) { 
		campo = document.getElementById('titulo');
		valor = 'Título';
	}
	if (id == 1) {
		campo = document.getElementById('mensaje');
		valor = 'Mensaje';
	}
	
	if (id == '') {
	
		if (campo.value == '') { campo.value = valor; }
	
	}

}

Desde ya muchas gracias !

[zyon]

mm podrias sacarme de una duda? que es lo de accesskey="M"? que es lo que hace o que efecto tiene?

[marcosr]

Es un tema de accesibilidad y comodidad tal vez de algunos usuarios, permite que el visitante pueda acceder a ese campo simplemente presionando ALT + M (el acceskey) en IE o Shift + ALT + M (el acceskey) en Firefox.

Saludos !

[zyon]

ok, gracais, y dime algo, si entiendo bien, quieres que si el usuario deja vacio los dos campos que mencionas, estos retomen un valor que les asignes?

[zyon]

bueno, te dejo el código que hace lo que entendi, suerte!

Código HTML:

function modif(campo) {

	if (id == 0) { 
		if(campo.value.replace(/ /g, '') == '')
			campo.value = 'Título';
	}
	if (id == 1) {
		if(campo.value.replace(/ /g, '') == '')
			campo.value = 'Mensaje';
	}
	

}

<input type="text" name="titulo" id="titulo" tabindex="1" value="T&iacute;tulo" onblur="modif(this)" />
<textarea id="mensaje" name="mensaje" tabindex="2" accesskey="M" onblur="modif(this)">Mensaje</textarea> 

[marcosr]

Hola zyon, pues si eso es lo que deseo y muchas gracias por tu código.

Te cuento que tampoco ha funcionado, además de que lo modifiqué, le agregue la variable "campo" e "id", lo demás está igual. Quedó así:

Código:

function modif(id) {

	if (id == 0) { 
	
		campo = document.getElementById('titulo');
		
		if (campo.value.replace(/ /g, '') == '') {
			campo.value = 'Título';
		}
	}
	
	if (id == 1) {
		
		campo = document.getElementById('mensaje');
		
		if(campo.value.replace(/ /g, '') == '') {
			campo.value = 'Mensaje';
		}
	}
	

}

Sigue como antes, "titulo" funciona a la perfeccion pero no así "mensaje".
Alguna idea?

Un abrazo !

[marcosr]

Problema solucionado, aparentemente no es posible trabajar con textarea desde ID, hay que trabajarlos como elementos de formulario que son.

Así quedó el código:

Código:

function modif(id) {

	if (id == 0) { campo = document.getElementById('titulo'); valor = 'Título'; }
	if (id == 1) { campo = document.forms[0].mensaje; valor = 'Mensaje'; }
	
	if (campo.value == '') {
		campo.value = valor;
	}
	
}

Saludos y gracias !

[zyon]

mmm io si lo trabajo con ID, tal vez sea la versión de tu navegador, deveria funcionar ya qaue io lo probe con un textArea y funciono bien...pero que bueno que lo solucionaste!