Fonction javascript sans recharger la pageRésolu

Question

Bonjour a tous,

J'ai un petit soucis avec une fonction javascript qui est appelé lors d'un événement onclick sur ma page html. Cette fonction est opérante mais elle recharge la page entièrement, ce qui pose un problème car l'élément est placé bas dans la page (scroll) et le visiteur est obligé de redescendre pour voir le resultat de son clic.

voici ma fonction :

function look(id) {
 var d = document.getElementById(id);
  for (var i = 1; i<=10; i++) {
   if (document.getElementById('start'+i)) {document.getElementById('start'+i).style.display='none';}
  }
 if (d) {d.style.display='block';}
 }

Qui est appelé ainsi :

<dt onclick="javascript:look('start1');">

Si quelqu'un a une solution, je lui en serais infiniement reconnaissant :o)

cs_bultez · Accepted Answer

remarquez.... sauf si la function est appelée avec un lien,
        sans return false... mais je tente de deviner là !
<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

nicomilville · Answer

Salut,

quel est le rapport avec une fonction qui ne recharge pas la page ?
Sois tu te tourne vers ajax : XMLHTTPRequest !!!
Sois tu recharge ta page et ensuite tu fait met :

document.getElementByTagName('body').scrollTop = document.getElementByTagName('body').scrollHeight;

Si t'a besoin d'aide, MP !!!

PetoleTeam · Answer

Bonjour,
De ce que tu nous montres comme code rien ne prédispose au rechargement de la page, le loup est ailleurs...
Ce n'est que du cache/affiche élément.
;O)

cs_bultez · Answer

Bonjour,
    intervenants++
    ( le loup est ailleurs.... je le replacerais ça. l'expression me plait bien !
        j'utilisais... ailleurs justement, mais ça s'applique ici parfaitement  ! )
<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

maelob · Answer

>>
                        
                        remarquez.... sauf si la function est appelée avec un lien,
Apparement elle est appellé d'un dt.

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

cs_bultez · Answer

ha ben ouais...
bon, alors, comme les autres : sans plus d'infos, je donne ma langue au chat.
<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

leejunfan · Answer

Merci a tous pour vos réponses et un salut particulier a nicomilville pour sa proposition d'aide (que j'accepterai bien volontiers mais pour un problème prochain car j'ai trouvé la solution a celui-ci ;o)

En fait il suffisait d'ecrire :

"javascript:return false;" 

dans l'événement onclick afin que le lien déclenche seulement la fonction sans recharger la page. Plusieurs heures a suer sur ce problème pour une solution aussi simple :'o( enfin heureux d'avoir trouvé.

nicomilville · Answer

re,

Je crois que c'est ce qu'a marqué bultez un peut plus haut :

remarquez.... sauf si la function est appelée avec un lien,
       sans return false... mais je tente de deviner là !

Donc ce serai bien pour lui de le mettre en réponse accèpté (ça lui fera plaisir, c'est considéré comme un remerciement, les gens ne le font pas assez)

Quand a ma proposition d'aide c'est ma signature, mais la proposition tient toujours, j'aide tout ceux qui ont besoin d'aide si je suis dans la mesure de les aider !!!

a++

Si t'a besoin d'aide, MP !!!

leejunfan · Answer

C'est chose faite. 
Effectivement après relecture je me rend compte qu'il avait trouvé la solution. Je n'avais pas indiqué qu'après le dt il y avait un a, et que cela necessitait donc un return false.
Je suis novice en javascript comme en utilisation du forum ;o)

nicomilville · Answer

ce n'ai pas grave, tout le monde fait des erreurs !!! 

Si t'a besoin d'aide, MP !!!

cs_bultez · Answer

>>Je suis novice en javascript comme en utilisation du forum 
    certes... on l'est tous....
    mais pour résoudre un problème, tenter de répondre ... il faut 
        toutes les billes ! le nécessaire et/mais pas plus.
<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

Fonction javascript sans recharger la page

11 réponses

Votre réponse