[html] fonction scroll

Marsh Posté le 11-02-2020 à 22:51:31

Bonjour,

J'ai copié un bout de code qui est sensé descendre en bas de page, mais ça fonctionne guere.

le code de ma page :

Code :

<html> 
<head> 
<META http-equiv="Refresh" content="60; URL=/cgi-bin/ainode-dialog"> 
<script> 
function Bottom() { Document.GetElementById("Bottom" ).ScrollIntoView(); } 
</script> 
<meta charset="UTF-8"> 
</head> 
<body> 
<Div Id="Bottom"></Div> 
<script> 
Bottom(); 
</script> 
</body> 
</html>

Si il y a moyen que ça fonctionne, je veux bien un coupde main.
S'il vous plait.
Merci.

Reply

Marsh Posté le 11-02-2020 à 22:51:31

Reply

Marsh Posté le 12-02-2020 à 16:27:38

Ben déjà, c'est document.getElementById().scrollIntoView() la fonction. Javascript est sensible à la casse.
Pour le HTML, même si lui, il n'est pas sensible à la casse, on laisse les balises en minuscules :
<div id="Bottom"></div>
La balise <script> n'a pas d'attribut "type" --> <script type="text/JavaScript">

Maintenant, si ta page n'a pas de contenu, le bas n'est pas le bas de la fenêtre du navigateur mais du body. Donc si t'as pas forcé un "height" dans ton css (pour la balise <div id="bottom"> par ex), il ne va pas se passer grand chose

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

Reply

Marsh Posté le 12-02-2020 à 21:17:20

Merci rufo. :jap:

Reply

Marsh Posté le 12-02-2020 à 21:42:11

Pour retour,

Pas besoin de specifier le type de la balise script.
Et pas besoin de height, la fonction cherche la balise d'id voulue.

Merci beaucou rufo.

Message édité par Profil supprimé le 12-02-2020 à 21:42:57

Reply

Marsh Posté le 13-02-2020 à 09:35:23

Le type n'est pas un attribut obligatoire pour <script> mais ça lève toute ambiguïté. En effet, sur IE, elle peut servir à mettre du VBS.

Au passage, pas besoin de javascript pour amener la fenêtre du navigateur à la balise voulue. Il suffit d'utiliser les ancres (ça utilise aussi les id des balises). Pour ça, tu mets l'url de la page à charger suivie de #NomIdBalise
ex : https://www.monsite.com/nompage.html#idBalise

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

Reply

Marsh Posté le 14-02-2020 à 14:06:43

Ah oui.
Bonjour rufo, c'est une idée.
c'est de l'hypertexte, le principe même du web.

Message édité par Profil supprimé le 14-02-2020 à 14:07:13

Reply

Marsh Posté le 14-02-2020 à 16:25:04

Oui, je suis au courant, je développe des applis web depuis 17 ans (cf ma signature)

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

Reply

Marsh Posté le 15-02-2020 à 23:17:35

Avec le code de ton premier post, en ouvrant la console de ton navigateur je pense que tu aurais dû voir un paquet d'erreurs javascript qui t'auraient aiguillé sur ce que rufo t'a dit à propos de la syntaxe à utiliser. C'est vraiment utile, surtout que même si là ton cas était très simple, le js est parfois une vraie plaie à corriger.

Message édité par TotalRecall le 15-02-2020 à 23:18:27

---------------
Réalisation amplis classe D / T Topic .Net - C# @ Prog

Reply

Marsh Posté le 16-02-2020 à 09:09:45

A noter que pour être propre, on essaye au plus de faire du javascript non intrusif, c'est-à-dire mis dans un ou plusieurs fichiers js appelés dans le <head> de manière à avoir que du html dans les fichiers html (et le css est dans un ou plusieurs fichiers css).

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

Reply

Marsh Posté le 16-02-2020 à 09:16:53

Euh, oui, on fait ça, tous les jours je n'ai pas de JS au milieu des trucs que je code au boulot :whistle:
Et on peut faire des classes aussi