Como doy esta propiedad al Textbox

rashid · #1 (**permalink**) 18/05/2002, 08:09

HE visto lugares donde cada textbox tiene un texto incial y cuando uno pone el mouse sobrte el txto desaparece permitiendo editar la caja (o cuando uno da clik en la caja), no se si esto lo hace con un script o es con html. Ya intente con el Value, pero no es lo que busco.
No lo quiero con el value debido a que estoy enviando un value de 1 en caso de que la caja quede vacia.
X ejm.
La caja dice:
Precio.
Si la dejan vacia envia un previo de 1.

Ok. Gracias. ;)

AlZuwaga · #2 (**permalink**) 18/05/2002, 14:30

mensaje movido al foro javascript

KarlanKas · #3 (**permalink**) 18/05/2002, 16:29

Hola Rashid!

He leido tu mensaje y creo que este código te servirá... lo malo es que sólo va a funcionar en IExplorer (no lo he probado en NS pero seguro que no va). Si necesitas que te lo adapte dímelo, ahora no puedo porque tengo algo de prisa. Pero igual agún alma cándida te lo puede arreglar antes que yo (prometo hacerlo mañana).

El código es el siguiente:
------------

Código:

&lt;html&gt;
&lt;head&gt;
	&lt;title&gt;Prueba para IE&lt;/title&gt;
	
	&lt;script&gt;
	var vacio=&quot;1&quot; //Valor que le damos al Input cuando queda vacío
	var mensaje=&quot;Escriba lo que quiera&quot; //Texto que aparecerá  dentro del Input cuando cargue la página
	var comprobar
	function comienzo(){
	encuesta.precio.value=mensaje
	}
	function empezar(){
	encuesta.precio.value=&quot;&quot;;
	encuesta.precio.style.color=&quot;black&quot;;//Cuando pincas encima cambia el color del texto a negro
	encuesta.precio.style.background=&quot;white&quot;; //Cuando pinchas encima cambia el fondo a blanco
}
 	function terminar(){
	encuesta.precio.style.color=&quot;white&quot;; //Cuando sales de la caja cambia el texto a blanco
	encuesta.precio.style.background=&quot;black&quot;; //Cuando sales de la caja cambia el fondo a negro
	comprobar=encuesta.precio.value
	if (comprobar==&quot;&quot;){encuesta.precio.value=vacio}
	}
	&lt;/script&gt;
	
&lt;/head&gt;

&lt;body onload=&quot;comienzo()&quot; bgcolor=&quot;#0555a5&quot; text=&quot;white&quot;&gt;
&lt;form id=&quot;encuesta&quot; style=&quot;font:normal 11px/14px verdana;&quot;&gt;
Precio: &lt;input style=&quot;border-collapse:collapse;border : 1px solid #ABC8DE;color:white;background:black;font:normal 9px/10px verdana;&quot; name=&quot;precio&quot; id=&quot;precio&quot; type=&quot;text&quot; value=&quot;&quot; onfocus=&quot;empezar()&quot; onblur=&quot;terminar()&quot;&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;

----------------

Como ves juego mucho con los "estilos", puedes quitarlo y cambiarlo a tu gusto.

Si tienes cualquier duda por favor hazmelo saber.

Salu2

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="190" height="51"><param name="bgcolor" value="#0066CC"><param name="movie" value="http://www.webareyou.com/Movie1.swf"><embed src="http://www.webareyou.com/Movie1.swf"></embebed></object>

rashid · #4 (**permalink**) 19/05/2002, 21:37

Muchas grcias KarlanKas, pero en la medida de lo posible busco un script que pueda usar en varios browsers, ya que la pagina es comercial.
Aun asi usare este.
Pero si alguien conoce uno para otros browsers lo apreciare.
Espero respuestas,
Gracias. ;)

jlmm · #5 (**permalink**) 20/05/2002, 00:34

Hola!,

Uno Mas Sencillo:

<INPUT TYPE="text" NAME="algo" onFocus="if(this.value == ''){this.value='1';}" onBlur="if(this.value == ''){this.value='1';}" VALUE="1">

PD: No Lo He Probado En Varios Browsers.

<SCRIPT LANGUAGE="javascript" SRC="http://www.galeon.com/jlmnetwork/firma.js"></SCRIPT>

choroy · #6 (**permalink**) 21/05/2002, 04:55

Buenas compañero, lo que preguntas sobre el tema del valor 1 no te he entendido muy bien

, pero supongo que ya te lo han solucionado estos "peazos de compañeros" del foro.

Lo que si te puedo comentar en lo que dices de que al poner el puntero sobre el texto del textbox y al hacer click sobre el, se seleccione de una vez todo el texto.

Esto para que se seleccione al poner el puntero encima:

<input type=text size=15 maxlength=250 name=email value="[email protected]" onmouseover="email.select();">

Y esto para que se seleccione al hacer click sobre el:

<input type=text size=15 maxlength=250 name=email value="[email protected]" onfocus="email.select();">

En vez de onfocus tambien puedes poner onclick. Y por supuesto que puedes jugar con otras cosas como "ondblclick", "onblur", "onmouseout", etc...

Espero haberte ayudado y un saludo a todos.

PD.: Aprovecho para felicitar a eloi por su gran web, y que siga igual ;)

rashid · #7 (**permalink**) 23/05/2002, 15:42

Amigo Karlankaz, gracias por tu script, realmente es lo que busco, pero lo probe en netscape y no sirve,¿Podrias arreglarlo para otros browsers?
Amigo choroy, no me funciona tu script, ni el de mouse over ni el otro, aun asi aprecio tu ayuda.
Porfa, debe ser simple dar esta propiedad,
¿Cómo?.
By. :( :(

KarlanKas · #8 (**permalink**) 23/05/2002, 17:23

Haaale... vengaaa Rashiiiid.. no llooooooresss... que aquí viene el tío Carlos con una medio solución...
Lo que pongo abajo medio funciona en NS 6.0. Resulta que si pones algo y luego lo borras pone el 1 pero si entras y no pones nada no te pone el 1. No me preguntes porqué xq no lo entiendo. Debería funcionar.
El caso es que sólo tiene ese peueño fallo

.

Pero no te preocupes que seguiré intentando... respecto al NS 4.7 ni lo intentes, no va.

Bueno, el código:

<html>
<head>
<title>Prueba para IE Y NS 6.2</title>

<script>
var vacio="1" //Valor que le damos al Input cuando queda vacío
var mensaje="Escriba lo que quiera" //Texto que aparecerá dentro del Input cuando cargue la página
var comprobar=""
var nada=""
function comienzo(){
document.getElementById('encuesta').precio.value=m ensaje;
}
function empezar(){
document.getElementById('encuesta').precio.value=n ada;
document.getElementById('encuesta').precio.style.c olor="black";//Cuando pincas encima cambia el color del texto a negro
document.getElementById('encuesta').precio.style.b ackground="white"; //Cuando pinchas encima cambia el fondo a blanco
}
function terminar(){
document.getElementById('encuesta').precio.style.c olor="white"; //Cuando sales de la caja cambia el texto a blanco
document.getElementById('encuesta').precio.style.b ackground="black"; //Cuando sales de la caja cambia el fondo a negro
comprobar=document.getElementById('encuesta').prec io.value;

if (comprobar!=""){nada=comprobar;}else{doc ument.getElementById('encuesta').precio.value=vaci o;nada=vacio;}

}
</script>

</head>

<body onload="comienzo()" bgcolor="#0555a5" text="white">
<form id="encuesta" style="font:normal 11px/14px verdana;">
Precio: <input style="border-collapse:collapse;height:18px;border : 1px solid #ABC8DE;color:white;background:black;font:normal 9px/10px verdana;" name="precio" type="text" value="" onFocus="empezar()" onBlur="terminar()">
</form>
</body>
</html>

<embed width="136" height="28" src="http://www.webareyou.com/karlankas.swf"></embebed>

KarlanKas · #9 (**permalink**) 24/05/2002, 03:33

A ver... con estos pequeños cambios ya funciona bien en NS 6.0
---------------
<script>
document.write("<html><head><t itle>Prueba para IE Y NS 6.2</title>");
var vacio="1"; //Valor que le damos al Input cuando queda vacío;
var mensaje="Escriba lo que quiera"; //Texto que aparecerá dentro del Input cuando cargue la página;
var comprobar="";
var nada="";
function empezar(){
document.getElementById('encuesta').precio.value=n ada;
document.getElementById('encuesta').precio.style.c olor="black";//Cuando pincas encima cambia el color del texto a negro
document.getElementById('encuesta').precio.style.b ackground="white"; //Cuando pinchas encima cambia el fondo a blanco
}
function terminar(){
document.getElementById('encuesta').precio.style.c olor="white"; //Cuando sales de la caja cambia el texto a blanco
document.getElementById('encuesta').precio.style.b ackground="black"; //Cuando sales de la caja cambia el fondo a negro
comprobar=document.getElementById('encuesta').prec io.value;

if (!comprobar.length){document.getElementById('encue sta').precio.value=vacio;nada=vacio;}else{nada=com probar;};
}

document.write("</head><body bgcolor='#0555a5' text='white'>");
document.write("<form id='encuesta' style='font:normal 11px/14px verdana;'>");
document.write("Precio: <input style='border-collapse:collapse;height:18px;border : 1px solid #ABC8DE;color:white;background:black;font:normal 9px/10px verdana;' name='precio' type='text' value="+mensaje+" onFocus='empezar()' onBlur='terminar()'>");
document.write("</form>");
document.write("</body></html>");
</script>
---------------------------

rashid · #10 (**permalink**) 25/05/2002, 23:06

Oye amigo Carlos, no puedo implementar este script tuyo a mi pagina, yo ya tengo la formula hecha, ahi pongo algo de ella:

<FORM METHOD="POST" form name="myForm" id=myform ACTION="ViewSearch.asp">
<TABLE BORDER="1" CELLPADDING="3" CELLSPACING="0" WIDTH="500">
<TR>
<TD><SMALL>City or district</SMALL></TD>
<TD><INPUT TYPE="TEXT" NAME="city" ></TD>
</TR>
<TR>
<TD><SMALL>Minimun Exterior.</SMALL></TD>
<TD><INPUT TYPE="TEXT" NAME="SizeE" SIZE="8"onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;">
<select NAME="SSizeE" size="1">
<option VALUE="Meters2">Meters2</option>
<option VALUE="Foot2">Foot2</option>
</SELECT></TD>
</TR>
...
Si quiero que el campo texto llamado city inicialmete diga "Cualquiera", y pase este valor o que en el campo texto SizeE (el cual solo acepta numeros) tenga un valor predeterminado digamos 1 y en el campo este escrito "Cualquier" .
Como lo adapto?
Gracias desde ya, eres muy amable.
By. ;)