Comment mettre le focus sur un élément xhtml

**vadim** · 10/04/2017, 17h51

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

**NoSmoking** · 11/04/2017, 18h34

Bonjour,
as tu essayé l'attribut autofocus ?

**vadim** · 12/04/2017, 11h41

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

**thelvin** · 13/04/2017, 12h34

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.

Comment mettre le focus sur un élément xhtml [XHTML 1.1]

HTML

Vue hybride

Discussions similaires

Partager

Partager