Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide | Shop Recherche
1362 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [html] fonction scroll

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[html] fonction scroll

n°2346017
faston
Posté le 11-02-2020 à 22:51:31  profilanswer
 

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 :
  1. <html>
  2. <head>
  3. <META http-equiv="Refresh" content="60; URL=/cgi-bin/ainode-dialog">
  4. <script>
  5. function Bottom() { Document.GetElementById("Bottom" ).ScrollIntoView(); }
  6. </script>
  7. <meta charset="UTF-8">
  8. </head>
  9. <body>
  10. <Div Id="Bottom"></Div>
  11. <script>
  12. Bottom();
  13. </script>
  14. </body>
  15. </html>


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


---------------
we know love and peace, forever. Have a nice days.
mood
Publicité
Posté le 11-02-2020 à 22:51:31  profilanswer
 

n°2346038
rufo
Pas me confondre avec Lycos!
Posté le 12-02-2020 à 16:27:38  profilanswer
 

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 :o


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Cantine Calandreta : http://sourceforge.net/projects/canteen-calandreta
n°2346051
faston
Posté le 12-02-2020 à 21:17:20  profilanswer
 

Merci rufo.  :jap:


---------------
we know love and peace, forever. Have a nice days.
n°2346053
faston
Posté le 12-02-2020 à 21:42:11  profilanswer
 

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 faston le 12-02-2020 à 21:42:57

---------------
we know love and peace, forever. Have a nice days.
n°2346070
rufo
Pas me confondre avec Lycos!
Posté le 13-02-2020 à 09:35:23  profilanswer
 

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 Cantine Calandreta : http://sourceforge.net/projects/canteen-calandreta
n°2346182
faston
Posté le 14-02-2020 à 14:06:43  profilanswer
 

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


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

---------------
we know love and peace, forever. Have a nice days.
n°2346192
rufo
Pas me confondre avec Lycos!
Posté le 14-02-2020 à 16:25:04  profilanswer
 

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


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Cantine Calandreta : http://sourceforge.net/projects/canteen-calandreta
n°2346222
TotalRecal​l
Posté le 15-02-2020 à 23:17:35  profilanswer
 

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
n°2346226
rufo
Pas me confondre avec Lycos!
Posté le 16-02-2020 à 09:09:45  profilanswer
 

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 Cantine Calandreta : http://sourceforge.net/projects/canteen-calandreta
n°2346227
TotalRecal​l
Posté le 16-02-2020 à 09:16:53  profilanswer
 

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 :whistle:


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

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [html] fonction scroll

 

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


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR