[html] fonction scroll

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [html] fonction scroll

Profil supprimé

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.

Publicité

rufo

Pas me confondre avec Lycos!

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

Profil supprimé

Merci rufo. :jap:

Profil supprimé

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

rufo

Pas me confondre avec Lycos!

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

Profil supprimé

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

rufo

Pas me confondre avec Lycos!

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

TotalRecall

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

---------------
Topic .Net - C# @ Prog

rufo

Pas me confondre avec Lycos!

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).

TotalRecall

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

Message édité par TotalRecall le 16-02-2020 à 09:17:24

---------------
Topic .Net - C# @ Prog

FORUM HardWare.fr

Programmation

HTML/CSS

[html] fonction scroll

Sujets relatifs
Forcer le clavier numérique en fonction d'un input type	Puisssance d'un nombre(fonction récursive)
Afficher flux http dans page html	Fonction mail() de PHP avec plusieurs serveurs SMTP
Excel VBA : fonction indiquant #value au démarrage	Intéger les data d'une image au source HTML
[Python] Exercice nombre premiers et fonction seuil	Afficher / masquer div en fonction d'une liste déroulante (jQuery/JS)
Lire beaucoup d'images BLOB en HTML	HTML : <video> sans devoir charger toute la video avant lecture
Plus de sujets relatifs à : [html] fonction scroll

Page générée en 0.029 secondes