focus avec iframe

**Doksuri** · 27/05/2009, 10h33

Bonjour.

il m'a ete demande de reprendre un code deja existant.
je dois placer le curseur dans mon input.
j'avais donc pense a

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<BODY onload="document.mon_form.mon_champ.focus();">

cependant, cela ne fonctionne pas avec des frames :/
#1 : dois-je mettre le onload dans la page contenant les frames (haut.php et bas.php) ou dans la page consernee (bas.php) ?
#2 : que dois-je changer dans mon onload pour qu'il pointe au bon endroit ?

ps : j'ai essaye des syntaxes genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onload="document.\"bas.php\".mon_form.mon_champ.focus();"

mais rien a faire

=> je debute en JS

**E.Bzz** · 27/05/2009, 12h09

Bonjour,

Envoyé par Doksuri

#1 : dois-je mettre le onload dans la page contenant les frames (haut.php et bas.php) ou dans la page consernee (bas.php) ?

c'est un choix fonctionnel : à toi de voir si tu veux un effet uniquement au rechargement de la page mère, ou également en cas de rechargement de la frame.

A partie de la page mère (qui contient l'iframe) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.frames['name_de_la_frame'].document.getElementById('id_element').focus();

A partir de la frame elle-même :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('id_element').focus();

A+

**Doksuri** · 27/05/2009, 12h43

Salut,

merci de t'etre penche sur mon probleme... malheuresement, tes solutions ne fonctionnent pas :/

(ca me gonfle les frames....

)

**SpaceFrog** · 27/05/2009, 13h02

Doksuri,
les syntaxes de Ebzz sont correctes ...
Si tu n'arrives pas à les implémenter c'est que tu ne nous dis pas tout

tes iframes n'ont pas de name ou d'id ?
le form est nommé, les éléments ont des names ...

bref un peu plus de code nous aiderait ..

**Doksuri** · 27/05/2009, 13h19

Envoyé par SpaceFrog

Si tu n'arrives pas à les implémenter c'est que tu ne nous dis pas tout

tes iframes n'ont pas de name ou d'id ?
le form est nommé, les éléments ont des names ...

bref un peu plus de code nous aiderait ..

bah, heu.. si je vous ai tout dis >_<

les noms de mes frames

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<FRAME NAME="haut" SRC="haut.php">
<FRAME NAME="bas" SRC="bas.php">

un peu de code... il n'y en a pas 10k lignes xD

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<BODY onload=document.frames['bas'].document.getElementById('message').focus();>

(j'ai essaye plusieurs syntaxe en rapport avec le message de E.Bzz)

mon formulaire est dans bas.php
il s'appel name="textpost"
et l'element a focus s'appel name="message"

**E.Bzz** · 27/05/2009, 13h35

Envoyé par Doksuri

=> je debute en JS

Mais là, c'est un problème de syntaxe HTML

Les attributs HTML (tels que le code des évènements) doivent être entourés de double quottes

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<BODY onload="document.frames['bas'].document.getElementById('message').focus();">

EDIT : en complément (au cas où ...) : l'id "message" doit être unique dans la page (celle de la frame).

A+

**SpaceFrog** · 27/05/2009, 13h36

tu as des frames, pas des iframes ....
le onload est sur quelle page ???
la page de framset ??????
une page framée .... donc =>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

top.frames['nopmframe'].document.getElementById('nomelet').focus()

**Doksuri** · 27/05/2009, 13h39

oui, je sais, je les avaient mit.. juste que je les ai oublie en recopiant

mon formulaire est dans bas.php
il s'appel name="textpost"
et l'element a focus s'appel name="message"

edit :

top.frames['nopmframe'].document.getElementById('nomelet').focus()

ca ne fonctionne pas non plus avec top.frames...

**E.Bzz** · 27/05/2009, 13h48

name="message"

Il s'agit d'id !
A-t-il aussi un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

id="message"

?
A+

**Doksuri** · 27/05/2009, 14h00

bon.. la je ne comprends pas... j'ai fais un test...et il ne fonctionne pas...
index.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<HTML>
 <HEAD>
  <TITLE>test</TITLE>
 </HEAD>
  <FRAMESET ROWS="29,379" BORDER=0 FRAMEBORDER=0 FRAMESPACING=0>
   <FRAME NAME="haut" SRC="haut.php">
   <FRAME NAME="bas" SRC="bas.php">
  </FRAMESET>
 <BODY onload="top.frames['bas'].document.getElementById('message').focus();">
  <noframes>
  <body>
  </body>
  </noframes>
</HTML>

page haut.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<HTML>
 <HEAD>
  <TITLE>test haut</TITLE>
 </HEAD>
 <BODY bgcolor="#C0C0C0">
  test
 </BODY>
</HTML>

page bas.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<HTML>
 <HEAD>
  <TITLE>test bas</TITLE>
 </HEAD>
 <BODY bgcolor="#C0C0C0">
  <FORM method="POST" action="message.php" name="textpost" id="textpost">
   <INPUT type="text" name="message" value="" size="50" id="message"/>
   <INPUT type="submit" name="bt_poster" value="OK" style="display:none"/>
  </FORM>
 </BODY>
</HTML>

**E.Bzz** · 27/05/2009, 14h12

C'est ma faute ! (SpaceFrog avait relevé le schmilblick)
Comme tu utilises des frames (via frameset), et non des iframes, tu ne peux pas avoir de body dans la page parente => tu es obligé d'appeler ce code dans le onload du body de la page de la frame (2° syntaxe de ma 1° réponse, donc)

A+

**Doksuri** · 27/05/2009, 14h18

O-M-G !!!!
enfin....un grand merci a vous 2, je vais pouvoir continuer

laisse tomber le bazar...
*vite... du php pour oublier cette galere

*

focus avec iframe

JavaScript

Discussions similaires

Partager

Partager