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 :
et le code javascript:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 <label class="input"><span>Adresse mail (obligatoire)</span><input type="text" /></label>
Mais je suis intéressé par le formulaire http://jaidesidees.com/2011/05/15/le...gn-of-the-day/
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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); }; ...
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:
Comment construire un code javascript proche de function toggleLabel() pour que ça marche ? (sans modifier la mise en forme html)
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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>
Partager