La copie de code est la suivante:
<! doctype html>
<html>
<adal>
<Title> </Title>
<script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type = "text / javascript"> </ script>
<style type = "text / css">
#divtips {
Filtre: Alpha (opacité = 30);
-Moz-opacité: 0,3; / * Firefox privé, transparence 50% * /
Opacité: 0,3; / * autre, transparence 50% * /
Position: Absolute; Largeur: 600px; Hauteur: 400px; Affichage: Aucun; Couleur: Rouge; Z-Index: 10; Tampon: 10px;
}
</ style>
<script type = "text / javascript">
$ (function () {
var $ txtNote = $ ("# txtNote");
var $ divtips = $ ("# divtips");
$ txtNote.focus (function () {
// Masquer lors de la définition de la mise au point
$ divtips.hide ();
}). blur (function () {
// En partant, si vide, il sera affiché, sinon il sera caché.
$ divtips.toggle ($ txtNote.val () == "")
.css ({
"gauche": $ txtNote.position ().
"TOP": $ txtNote.position (). Top
});
});
$ divtips.click (function () {
$ txtNote.focus ();
});
$ txtNote.blur ();
});
</cript>
</ head>
<body>
Babillard <br />
<textarea id = "txtNote"> </ textarea>
<div id = "divtips">
Cher, bienvenue pour visiter.
(Laissez votre nom dans la case ci-dessous, veuillez laisser vos coordonnées si elle est pratique)
</div> <r />
<input type = "text" value = "name" /> <input type = "text" value = "mobile / qq / ..." />
</docy>
</html>