onFocus sur une case de rechercheRésolu

Question

bonjour, voilà, pour faire simple j'ai une case de recherche qui contient par défaut le texte "Recherche", quand je clique dessus je veux que le texte s'efface seulement s'il vaut "Recherche". Ca marche niquel sous Firefox, mais partiellement sous IE. En fait, il arrive que dans une certaine page, j'ai deux cases recherche, une sous l'id "tsearch", l'autre sous l'id "search". Sous Firefox, le script marche pour search et tsearch, mais sous IE, cela ne marche pas pour l'id "search". Voilà comment je procède : dans ma jsp, voilà la case recherche "search" et l'autre case "tsearch": _ "search" :

_ "tsearch" : Voilà le code de mon javascript : Sous firefox, le alert() de la fonction effacerSearch() renvoit "Recherche" (donc il trouve bien l'élément référencé par l'id "search", et sous IE, pour la même page ouverte, cela donne "undefined" (il ne trouve plus l'id "search") ! ! ! Ma question est la suivante : est-ce que getElemenetById marche aussi bien pour Firefox et IE ? D'ou le problème peut-il venir ? (je suis débutant en javascript) Merci d'avance.... Teedee

PetoleTeam · Accepted Answer

B

onjour...

le mot search étant clé je te proposes d'essayer en changeant l'ID, en reprenat le code de ton 1st message



;0)

cs_bultez · Answer

bonjour,

>>est-ce que getElemenetById marche aussi bien pour Firefox et IE ? 
   ben, oui, heureusement, sinon, 
      y'a plus qu'a s'asseoir par terre et à pleurer.
   et tel que c'est là ( enfin, sans les .js ! )



   pas de undefined... même avec IE.

>>D'ou le problème peut-il venir ?
   pas de ce qu'on voit
   l'erreur est ailleurs.





cordialement   Bul   
Site

el_teedee · Answer

A tout hasard, tu aurais une petite fonction pour lister les éléments par "id" sous IE, comme ca je pourrais retrouver ma case, et voir la valeur qu'elle a.

Comment faire pour être sur que je pointe bien vers le bon élément ?

ps : j'ai remplacé mon javascript par ceci :

PetoleTeam · Answer

Surprise
 je viens de tester sous IE et ça marche avec search...?????????,








;0)

cs_bultez · Answer

pas con Peteoleteam... j'avais même pas pensé à ça... mais tel que ci-dessous : ça baigne, j'ai ajouté la remise à "Recherche" quand c'est différent pour les tests. enfin ça baigne... avec IE, pas testé avec FF cordialement Bul Site

cs_bultez · Answer

croisement... eh oui ! ça baigne avec search !?!
cordialement   Bul   Site

PetoleTeam · Answer

Effectif je n'est pas repris tout mais ce que tu mentionnes plus haut...
Y aurait-il un loup ailleurs dans la syntaxe globale...








;0)

cs_bultez · Answer

ou des interactions des .js,
ou un name d'un objet = une fonction
ou ... dur dur à dire comme ça,
      sans plus de billes.
ce qui est sûr c'est que l'erreur est ailleurs
( avec FF, doit y avoir des soucis aussi sûrement ?
    pas dans les mêmes cas de figure )




cordialement   Bul   
Site

el_teedee · Answer

Alors en fait, c'était bien un problème d'id. Je l'ai remplacé par "rsearch", et là ca marche comme pour "tsearch"...

Merci des infos ;-)

cs_bultez · Answer

nickel si ça baigne,
merci du retour,
il devait donc y avoir, ailleurs, un truc nommé "search"
cordialement   Bul   
Site

el_teedee · Answer

Vous allez dire que je suis lourd, mais vous ne sauriez pas comment je pourrais récupérer (alors attention aux termes, je suis newb en javascript) toutes l'arborescence des objets parents d'un objet ???

en fait, je voudrais savoir où se trouve mon objet input de type=  "text" id="rsearch", pour pouvoir le récupérer sous tous les navigateurs.

Comment savoir le chemin du style : document.frame.objet1.objet2.rsearch

Sous firefox, j'utilise Firebug, et dans l'onglet DOM, je peux retrouver mes objets, mais je m'y perds, et je ne sais pas comment retrouver l'objet en question à partir de la variable 'document'

merci.

ps : mon code javascript actuel est le suivant :


Alors, document.frame, et top.frames plantent à l'éxécution sous IE (ce sont des tests), car ca marque : l'objet est null ou pas trouvé ou un truc dans le genre. C'est normal, c'est justement ce que je recherche ;p

merci d'avance.
(si qqln sait comment sous firebug et DOM je peux récupérer le chemin que je cherche, je suis également preneur )

el_teedee · Answer

Bon, alors du nouveau. Je viens de tenter un truc. Sous firebug, j'ai cliqué sur mon input dont l'id est "rsearch". Dans la liste des propriétés de l'objet DOM, en face de form j'ai :

PetoleTeam · Answer

BIZARRE...









var Obj   =   document.getElementById ('Nom_Objet'); // Si il y a  bien sur
var Papa  = Obj.



parentNode;
var GrandPapa = Papa. parentNode ;
...etc...on remonte d'un niveau

MAIS
function effacerSearch () {
  var Obj  = document.getElementById("rsearch");
  if( Obj) {
    if( Obj.value=="Recherche")
      Obj.value="";
  }
}


cette écriture te garanti de trouver sur tous les navigateurs DOM ton Objet...











;0)

el_teedee · Answer

J'ai essayé ton 1er code sur mon id "rsearch" en affichant les .value des objets trouvés. Je suis monté à Papa et GrandPapa :

obj -> "Recherche"
Papa -> "0"
GrandPapa -> "Undefined"

J'ai aussi essayé ton 2eme code, mais là, IE me dit méchamment :
"Objet attendu"

        var Obj = document.getElementById("rsearch");
        if( Obj) {
            if( Obj.value=="Recherche")
                Obj.value="";
            }
        }

Bref, je vais en rester là... :p merci @+++

PetoleTeam · Answer

??? je te passe une fonction qui affiche les parents...a mettre entre les balises puis tu mets entre tu cliques sur le bouton et tu devrais avoir un truc du genre #document.HTML.BODY.FORM.rsearch si la balise est dans une

OnFocus sur une case de recherche

15 réponses

Votre réponse

Discussions similaires