Texte Caché/ Boîte Recherche Image

On utilise ce script de texte caché pour ajouter le texte d'aide provisoire aux champs formes html. Le texte aide disparaîtra automatiquement lorsque vous mettrez le curseur dans le champ forme html. On appelle ce script comme le script de boîte recherche image.

Traits

  • l'utilisateur peut afficher la valeur désirée texte d'aide dans les champs de formulaire HTML.
  • la valeur de champ de formulaire HTML peut être caché texte ou l'image cachée.

Prévue

Exemple 1: Recherche personnalise set classname as 'displaytext' for textfield
Exemple 2: Regler la date set classname as 'displaytext' for textfield
Exemple 3: Image Set set classname as 'displayimg' for textfield

Télécharges

Javascript Code
<!-- Script by hscripts.com -->
<!-- copyright of HIOX INDIA -->
<!-- more scripts @ http://www.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>


HTML Code
<input type="text" id="text1" value="example" size="10" class='displaytext' onfocus="hiddenText(this.id,'','normaltext')" onblur="displayText(this.id,'example','displaytext')">
  • Date de Parution - 2011-03-07
  • Trouvez la version gratuite sans lien de droits d'auteur seulement pour $5/-
  • Pour personnaliser ce script ou pour le développement d'un script, contactez-nous à, support@hscripts.com

Usage

  • Copiez le code et le coller dans votre page Web.
  • Si vous souhaitez afficher le code HTML valeur champ de formulaire sous forme de texte, définissez le style de zone de texte (nom de class
  • que texteaffiché.
  • Si vous souhaitez afficher le code HTML valeur champ de formulaire que l'image, fixe le style zone de texte (nom de class
  • que displayimg.
  • Si vous désirez utiliser ce hiddentext / javascript sur l'image pour plus de la boîte de recherche de texte, Set ID, la valeur et pour chaque zone de texte classname champ de formulaire HTML.
  • Le hiddenText () est utilisée pour masquer la valeur par défaut et de montrer la valeur tapée. Ici, les arguments sont searchbox (zone de text
  • id, la valeur et classname.
  • Le texteaffiché () est utilisée pour masquer tapé la valeur et de montrer la valeur par défaut. Ici, les arguments sont searchbox (zone de text
  • id, la valeur et classname.

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.