Discussion :

[Xzave]

Bonjour,

je recherche le moyen que lorsqu'on clique sur un bouton de cette page : https://cesmeglise.org/recherche-dans-la-bible/

la page automatiquement scroll vers le bas, j'ai déjà trouvé le code ici: http://jsfiddle.net/ryXFt/3/

en jquery et javascript

Code :

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

1
2
3
4
5
$("button").click(function() {
    $('html,body').animate({
        scrollTop: $(".second").offset().top},
        'slow');
});

je l'ai essayé en local il fonctionne très bien mais en ligne pas possible car il y a un scipt déjà sur la page qui doit se terminer avant même d'exécuter le mien.
j'ai essayé différentes solutions, pas moyen

merci d'avance pour votre aide en ligne,



Xzave

[Vincent668]

Bonjour Xzave,
Si vous parlé du bouton "rechercher dans la bible" ça fonctionne sous Chrome, Firefox, Edge, et Opéra en tout cas leurs dernière version.
Le bouton renvoi sur le début du résultat de la recherche.
Bien vous
Vincent

[SpaceFrog]

Quelle est la chronologie de ton script ? il est dans un document ready ?

[Xzave]

Bonjour et merci à vous deux pour votre aide,

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
var translate = function() { //translation vers le bas lorsqu'on clique sur un des boutons
  $("button").click(function(event) {
    $('html,body').animate({
        scrollTop: $("#bibleSuperSearch_userFriendly2_Content_ResultsContainer").offset().top
      },
      'slow');
  });
}
var testinput = function() { //test de l'input s'il n'est pas vide ou alors fait d'espaces
  const input = document.getElementById("bibleSuperSearch_userFriendly2_Content_FormController_classicUserFriendly2_search");
  const name = input.value.trim();
  $("#bibleSuperSearch_userFriendly2_Content_FormController_classicUserFriendly2_button4").click(function(event) {
    if (name.length == 0) {
      alert('Veuillez remplir la case texte "Recherche:Entrez mot(s), phrase(s) ou expression(s):"');
    };
  });
}
var fctprincipal = function() { //fonction principale
  document.readyState !== "complete" ? setTimeout(fctprincipal, 11) : alert("loaded!"); // attends que le script principal se soit loader complètement
  $(document).ready(function() {
    testinput();
    translate();
  });
}
 
fctprincipal();

merci à toute la communauté,



Xzave