|
 Trouver une ressource
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !
 EVENT HANDLER (INFO-AIDE FORMULAIRE + QQS FONCTIONS)
 Information sur la source
 Description
Vélà un petit script qui vous montre comment afficher une aide (sous forme de calque) quand la souris pass e au dessus d'un champs de formulaire ou qd on ecrit dans ce champs ;) On peut aussi voir une autre fonction : Compter le nb de caractère saisie dans un champs (donc contrôlez également plus surement le formulaire ;)
 Source
<html>
<head>
<title>Event Handler</title>
</head>
<body bgcolor=#eeeeee text=#555555 link=#0000ff vlink=#0000ff
alink=#ff0000>
<p align=left>
<font size=2 face="arial,helvetica" color=#ff7700>
<b>Exemple de programme pour <u>Event-Handler</u></b><br>
</font>
<p align=left>
<font size=2 face="arial,helvetica">
<form name=f>
<input type=text name=count value="0" size=3
onkeydown="alert('Cette valeur est créée automatiquement!');
return false;"><br>
<br>
<input type=text name=text value=""><br>
<br>
<input type=reset name=reset value="Restaurer"><br>
</form>
</font>
</p>
<div id="countinfo" style="position:absolute;
left:220px; top:35px; visibility: hidden">
<table border=0 cellspacing=0 cellpadding=4>
<tr><td bgcolor=#00ff77>
<font size=2 face="arial,helvetica" color=#333333><b>
Ici est indiqué le nombre<br>
de caractères saisis.<br>
</b></font>
</td></tr></table>
</div>
<div id="textinfo" style="position:absolute;
left:220px; top:65px; visibility: hidden">
<table border=0 cellspacing=0 cellpadding=4>
<tr><td bgcolor=#0077ff>
<font size=2 face="arial,helvetica" color=#333333><b>
Tapez votre texte<br>
dans cette zone.<br>
</b></font>
</td></tr></table>
</div>
<div id="resetinfo" style="position:absolute;
left:220px; top:95px; visibility: hidden">
<table border=0 cellspacing=0 cellpadding=4>
<tr><td bgcolor=#ff0000>
<font size=2 face="arial,helvetica" color=#333333><b>
Ce bouton<br>
restaure les valeurs de départ<br>
des champs.<br>
</b></font>
</td></tr></table>
</div>
<script language="JavaScript"><!--
document.f.text.onkeydown = function()
{ document.f.count.value++; }
document.f.reset.onclick = function()
{ return(confirm('Voulez-vous vraiment\n'
+'annuler toutes les saisies ?')); }
if(navigator.appName.indexOf('Netscape') != -1)
{
with (document)
{
f.count.onmouseover = function()
{ countinfo.visibility='visible'; }
f.count.onmouseout = function()
{ countinfo.visibility='hidden'; }
f.text.onmouseover = function()
{ textinfo.visibility='visible'; }
f.text.onmouseout = function()
{ textinfo.visibility='hidden'; }
f.reset.onmouseover = function()
{ resetinfo.visibility='visible'; }
f.reset.onmouseout = function()
{ resetinfo.visibility='hidden'; }
}
}
if(navigator.appName.indexOf('Explorer') != -1)
{
with (document)
{
f.count.onmouseover = function()
{ countinfo.style.visibility='visible'; }
f.count.onmouseout = function()
{ countinfo.style.visibility='hidden'; }
f.text.onmouseover = function()
{ textinfo.style.visibility='visible'; }
f.text.onmouseout = function()
{ textinfo.style.visibility='hidden'; }
f.reset.onmouseover = function()
{ resetinfo.style.visibility='visible'; }
f.reset.onmouseout = function()
{ resetinfo.style.visibility='hidden'; }
}
}
//--></script>
</body>
</html>
 Conclusion
SUr ce j'espère k'il vous servira en tout cas a apprendre ;) @tte et bonn' prog' pi0up51 http://www.infobox51.fr.st
 Sources du même auteur
 Sources de la même categorie
Sources en rapport avec celle ci
 Commentaires et avis
 Discussions en rapport avec ce code source dans le forum
setTimeout !!! ARg [ par Horfee ]
J'ai un probleme avec la fonction setTimeout et la fonction event.x(ou y). en effet dans une fonction du style :function fnt(){ window.status = even
envoyer une fonction quand j'appuye sur SPACE [ par tynmar ]
Mesdames mesdemoiselles messieurs bonjour, la moitié de mon problème est dans le titre. En fait, je souhaiterais déclencher une action
event ou Event dans firefox [ par Nitruk ]
Beaucoup de posts posent cette question sur le Web, notement sur JavascriptFR, et beaucoup d'utilisateurs expérimentés y répondent, j'ai passé une jou
onkeypress = function sous IE ne fonctionne pas, une autre solution? [ par maelob ]
Bonjour à tous,comme expliquer dans ce sujet : http://www.javascriptfr.com/infomsg_FONCTION-REPLACE-EMULER-CAPS-LOCK_1069004.aspx#7Je suis en train de
Quel évènement après un "onScroll" ? [ par baoab ]
Bonjour à tous.Voici mon soucis :Je voudrais connaitre l'event qui succède le onScroll.En effet sur un onScroll, la fonction est lancée dès le début d
Stopper une fonction [ par AnalchiK ]
Bonsoir,J'utilise une fonction pour faire clignoter un texte:<script language="JavaScript">i=0; c=0;function couleur(){ tabColoris = new Array (
javascript, vérifier si une fonction est terminée avant de lancer la suivante [ par Annadrill ]
JOur tous le monde,(j'utilise prototype et scriptaculous)je cherche à savoir comment on fait en javascript pour lancer une fonction seulement si la pr
Montrer cacher des boites [ par simo14 ]
Bonjour,A partir d'une fonction Javascript qui me permet de montrer et cacher une boite(une table) avec un bouton, je voudrais créer plusieurs boites
Fonction insert non reconnu [ par QAintranet ]
Bonjour,Je souhaite inserer des champs de formulaire apres avoir clique sur un lien dans une page jsp.J'ai vu que l'on pouvait le faire grace une fonc
Appel de fonction autre langage [ par chinois0013 ]
Bonjour,Je developpe une application web en c# j'ai un gridview sur lequel j'ai des evenement javascript : e.Row.Attributes.Add("onmouseover"<
|
 Téléchargements
Logiciels à télécharger sur le même thème :
|