Foros del Web » Creando para Internet » Diseño web »

Search Box - Texto

Estas en el tema de Search Box - Texto en el foro de Diseño web en Foros del Web. Muy buenas noches gente, tengo este form: Código HTML: <td valign= "middle" > <table cellpadding= "0" cellspacing= "0" > <form action= "<?=url('search/listing')?>" method= "post" name= ...
  #1 (permalink)  
Antiguo 09/10/2010, 20:14
Avatar de djwall  
Fecha de Ingreso: abril-2010
Ubicación: Argentina
Mensajes: 61
Antigüedad: 7 años, 7 meses
Puntos: 0
Busqueda Search Box - Texto

Muy buenas noches


gente, tengo este form:




Código HTML:
<td valign="middle">
	<table  cellpadding="0" cellspacing="0">
	<form action="<?=url('search/listing')?>" method="post" name="search_form">
	<tr>
	<td valign="top">
	<input type="text" id="search_box" name="title" value="" name="search_box"  />
	</td>
	<td>
	<input type="submit" value="find" id="search_button" style="display:none" />
	</td>
	</tr>
	</form>
	</table>
</td> 




Quisiera que en la caja de busqueda aparezca un texto clarito que cuando el usuario haga click para escribir... el texto desaparezca.


Por ejemplo que en el campo de busqueda diga: "buscar musica"
Y cuando el usuario haga click en el searchbox el texto desaparezca.

Bueno espero haber sido claro, si alguien me da una manito x favor... se lo agradecere. muchas gracias!


Nota: He nota q mucha gente busca un sistema de usuarios... registro, login y demas... tengo uno, si alguien lo necesita... siempre es bueno aportar, se los paso x privado, saludos.
  #2 (permalink)  
Antiguo 09/10/2010, 20:19
Avatar de carmagedon  
Fecha de Ingreso: junio-2005
Ubicación: Argentina
Mensajes: 794
Antigüedad: 12 años, 5 meses
Puntos: 23
Respuesta: Search Box - Texto

Hola,

Bueno lo podés hacer con JavaScript sin problemas.
En el evento del mouseDown podés verificar que si el mouse al hacer click tiene un ID = search_box aplicar el document.getElementById("search_box").value = ""; y en caso contrario que se vuelva a cargar el valor que tenía por default, que lo tendrías que poner a mano.
Cualquier cosa investiga acerca del evento onmousedown, id's, y document.getElementById si es que nunca los utilizaste.

Un saludo.
__________________
Freelance - Aplicaciones Web
  #3 (permalink)  
Antiguo 10/10/2010, 21:47
 
Fecha de Ingreso: abril-2003
Mensajes: 1.129
Antigüedad: 14 años, 8 meses
Puntos: 34
Respuesta: Search Box - Texto

Prueba con esto

Código HTML:
<input type="text" class="field" name="name" id="s"  value="Tu Texto" onfocus="if (this.value == 'Tu Texto') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Tu Texto';}" /> 
Lo de que sea más clarito no recuerdo, creo que desde el css debes darle el estilo, pero no recuerdo como hacer que sea independiente del color que tenga el texto que uno ingresa.

(Lo que hace este código que es tan largo, es que si alguien dió click y no escribió nada, al sacar el cursor de ahí, volverá a aparecer tu texto.
__________________
elGastronomo
  #4 (permalink)  
Antiguo 11/10/2010, 12:39
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 3 meses
Puntos: 48
Respuesta: Search Box - Texto

el nuev twitter usa una tecnica que jamas se me ubiese ocurrido, con css

muestra de fondo una imagen con el texto, al hacer focus cambia la imagen por una sin texto y vuala!!

muy interesante, claro que hay que detallarlo para su mejor funcionamiento!!
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]
  #5 (permalink)  
Antiguo 17/10/2010, 18:04
Avatar de djwall  
Fecha de Ingreso: abril-2010
Ubicación: Argentina
Mensajes: 61
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Search Box - Texto

Gracias muchachos por las respuestas, me sirvieron mucho, les mando un abrazo!

q anden bien.

Etiquetas: box, desaparece, search
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:09.