1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    juillet 2002
    Messages
    19
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juillet 2002
    Messages : 19
    Points : 23
    Points
    23

    Par défaut Comment mettre le focus sur un élément xhtml

    Bonjour à tous,

    Je viens de passer du HTML au XHTML et voici ma question : Comment mettre le focus sur un élément de formulaire au chargement de la page?
    J'ai bien essayé ceci au niveau du Javascript
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     function init(){
                 //alert("hello");  <=ok la fonction est bien appelée
                  document.getElementById('fieldtofocus').focus(); //marche pas
                }
    :
    Et au niveau du code XHTML :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     </head>
        <body onload="init();">
    Etant bien sûr que le champ en question est déclaré ainsi :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <h:inputText id="fieldtofocus" value="" onkeyup="check(this);"/><br/>
    Ca marche très bien en "vieux" HTML et pour l'instant je trouve pas la solution.

    Le coup du // <![CDATA[ dans les fonctions Javascript avec XHTML si il y a des caractères spéciaux, c'était facile à résoudre à côté ...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    function check(obj) {
                   // <![CDATA[
                     obj.value=obj.value.replace(/&/g,'å');
                     obj.value=obj.value.replace(/"/g,'ø');  
                     obj.value=obj.value.replace(/à/g,'æ');
                   // ]]> 
             }

    Si quelqu'un peut m'éclairer, ce serait super!

    Vadim

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    11 946
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 11 946
    Points : 25 481
    Points
    25 481

    Par défaut

    Bonjour,
    as tu essayé l'attribut autofocus ?

  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    juillet 2002
    Messages
    19
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juillet 2002
    Messages : 19
    Points : 23
    Points
    23

    Par défaut autofocus

    Hébé ... j'ai creusé un peu cette idée et : CA MARCHE!
    au début du fichier
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"
          xmlns:h="http://xmlns.jcp.org/jsf/html"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:a="http://xmlns.jcp.org/jsf/passthrough"> <!--ajouté pour l'autofocus -->
        <head>
    et sur le inputText
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <h:inputText id="fieldtofocus" value="#{lgmanager.motdk}" onkeyup="check(this);" a:autofocus="true" /><br/>
    C'est très simple et même pas besoin de javascript! Bon, Hem ... on voit que je débute en xhtml.

    Merci pour la piste

  4. #4
    Modérateur

    Profil pro
    Inscrit en
    septembre 2004
    Messages
    11 247
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : septembre 2004
    Messages : 11 247
    Points : 19 041
    Points
    19 041

    Par défaut

    C'est surtout du HTML5 en fait. (D'ailleurs autofocus n'est pas valide XHTML 1.1. Mais il est très bien pour XHTML 5.)

    Et j'ai du mal à croire que ce soit le passage à XHTML qui ait cassé ton code d'init. Ce serait plutôt l'utilisation de JSF, qui génère des id HTML différents de ce qu'on met dans l'attribut id.
    Tout cela étant dit, on est à l'heure de HTML5, donc utiliser autofocus est de loin la bonne solution.
    N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 3
    Dernier message: 06/06/2006, 16h24
  2. Réponses: 2
    Dernier message: 01/05/2006, 19h02
  3. Réponses: 7
    Dernier message: 04/04/2006, 08h28
  4. MIPD 2.0 - Comment mettre le focus sur un element ?
    Par Xiao-An dans le forum Java ME
    Réponses: 4
    Dernier message: 15/12/2005, 02h55
  5. Réponses: 2
    Dernier message: 19/08/2003, 16h45

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo