gestion d'un formulaire

[majong]

Bonjour, à cette adresse http://attardi.org/labels/#info on peut voir comment gérer un input et son label, ainsi le code javascript pour le faire.

L'objet doit se présenter sous cette forme :

Code :

1
2
 
<label class="input"><span>Adresse mail (obligatoire)</span><input type="text"  /></label>

et le code javascript:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function toggleLabel() {
        var input = $(this);
        setTimeout(function() {
            var def = input.attr('title');
            if (!input.val() || (input.val() == def)) {
                input.prev('span').css('visibility', '');
                if (def) {
                    var dummy = $('<label></label>').text(def).css('visibility','hidden').appendTo('body');
                    input.prev('span').css('margin-left', dummy.width() + 3 + 'px');
                    dummy.remove();
                }
            } else {
                input.prev('span').css('visibility', 'hidden');
            }
        }, 0);
    };
...

Mais je suis intéressé par le formulaire http://jaidesidees.com/2011/05/15/le...gn-of-the-day/

Le code du fichier gprofiles.js et script.js est trop compliqué à comprendre,
donc j'aimerais appliquer un code similaire du dessus, mais voilà la présentation est la suivante:

Code :

1
2
3
4
5
 
<div class="comment-form-field comment-form-email">
     <label for="email">Adresse de contact <span class="required">(required)</span></label>
     <div class="comment-form-input"><input id="email" name="email" type="text"></div>
            </div>

Comment construire un code javascript proche de function toggleLabel() pour que ça marche ? (sans modifier la mise en forme html)