Texto Oculto/Cuadro De Búsqueda De Imagen

Este script de texto oculto es usado para añadir texto de ayuda temporal para campos de formulario html. El texto de ayuda desaparecerá automáticamente cuando usted coloque el cursor en el campo de formulario HTML. Este script es además llamado cuadro de búsqueda de imagen.

Características

  • El usuario puede mostrar su valor de texto de ayuda deseado en los campos de formulario html.
  • El valor del campo de formulario Html puede ser un texto o una imagen oculta.

Prevista

Ejemplo 1: Búsqueda personalizada set classname as 'displaytext' for textfield
Ejemplo 2: Establecer fecha de set classname as 'displaytext' for textfield
Ejemplo 3: Ajuste de la imagen set classname as 'displayimg' for textfield

Código

Javascript Código

<!-- Script by hscripts.com -->
<style type="text/css">
.displaytext{opacity: 0.5; filter: alpha(opacity = 50);}
.normaltext{opacity: 1; filter: alpha(opacity = 100); }
.displayimg{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;background:url(hscripts.gif); }
</style>
<script type="text/javascript">
function hiddenText(iid,value,classname)
{
document.getElementById(iid).value=value;
document.getElementById(iid).className=classname;
}
function displayText(iid,value,classname)
{
if(document.getElementById(iid).value =="")
{
document.getElementById(iid).value=value;
document.getElementById(iid).className=classname;
}
}
</script>
<!-- Script by hscripts.com -->


HTML Código

<input type="text" id="text1" value="example" size="10" class='displaytext' onfocus="hiddenText(this.id,'','normaltext')" onblur="displayText(this.id,'example','displaytext')"><div style="font-size: 10px;color: #dadada;" id="dumdiv"> <a href="https://www.hscripts.com" id="dum" style="text-decoration:none;color:#dadada;">©h</a></div>
  • Fecha de lanzamiento - 2011-06-22
  • Trouvez la version gratuite sans lien de droits d'auteur seulement pour $5
  • Para la personalización de este script o de cualquier desarrollo de script contacte con nosotros, support@hscripts.com

Uso

  • Copia el código y pégalo en tu página web.
  • Si usted quiere mostrar el valor del campo de formulario Html como texto, establezca el estilo del cuadro de texto(tip
  • como displaytext.
  • Si desea mostrar el valor de campo de formulario HTML como imagen, conjunto de estilo de cuadro de texto (nombre de la clas
  • como mostrar.
  • Si necesita utilizar este hiddentext / buscador de Javascript imagen para más de texto, el id, valor y nombre de clase para cada cuadro de texto de campo de formulario HTML.
  • La función hiddenText() es usada para ocultar el valor por defecto y mostrar el valor seleccionado. Aquí los argumentos son searchbox(text bo
  • id, valor y nombre de clase.
  • La función displayText() es usada para ocultar los valores seleccionados y mostrar los valores por defecto. Aquí los argumentos son searchbox(text bo
  • id, valor y nombre de clase.

License

  • Ce javascript (mal orthographié en tant que script java) / Le code HTML est donnée sous la licence GPL
  • à savoir l'utilisation gratuite pour ceux qui l'utilisent comme il est..
  • Gratuit, si votre modification ne supprime pas notre droit d'auteur et des liens.
  • Licence informations détaillées peuvent être trouvées ici.
  • You can purchase the script if your requirements does not meet GPL License terms.