Connaître la hauteur d'une page

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par OTP, 5 Janvier 2008.

  1. OTP
    OTP WRInaute accro
    Inscrit:
    16 Décembre 2005
    Messages:
    14 581
    J'aime reçus:
    3
    Bonjour,

    Je souhaite afficher dans une colonne latérale d'une page un ou deux blocs verticaux, plutôt hauts. Je ne veux en mettre qu'un pour les pages dont la hauteur (sans bloc), est inférieure strictement à 2 hauteurs de blocs, et deux pour les cas où la page est haute d'au moins 2 blocs. J'ai donc besoin de savoir la hauteur de la page affichée, sans blocs, pour l'afficher selon les cas avec 1 ou 2 blocs. Est-ce possible de faire ça ?

    Merci d'avance,

    Michaël
     
  2. arnaudmn
    arnaudmn WRInaute passionné
    Inscrit:
    11 Mai 2005
    Messages:
    1 038
    J'aime reçus:
    2
    La hauteur de tes blocs va dépendre de la résolution/taille du navigateur (à moins d'avoir un site a largeur fixe).
    Ma solution pour un site :
    Tu mets toujours les 2 blocs, avec le 2eme en hidden.
    Tu utilises le javascript pour récupérer la hauteur :
    if (document.body) iHauteur = (document.body.clientHeight);
    else iHauteur = (window.innerHeight);
    Tu compare alors cette hauteur avec ton minimum, et si c'est supérieur, tu affiches ton 2eme bloc.
     
  3. OTP
    OTP WRInaute accro
    Inscrit:
    16 Décembre 2005
    Messages:
    14 581
    J'aime reçus:
    3
    Si le javascript est désactivé, seul 1 sera affiché ?
     
  4. arnaudmn
    arnaudmn WRInaute passionné
    Inscrit:
    11 Mai 2005
    Messages:
    1 038
    J'aime reçus:
    2
    Oui ... mais si tu penses qu'il le faut, tu l'affiche par défaut :) Ou plutot, faut voir avec la balise <noscript> pour mettre tes blocs par défaut.
     
  5. OTP
    OTP WRInaute accro
    Inscrit:
    16 Décembre 2005
    Messages:
    14 581
    J'aime reçus:
    3
    Ok, je vais voir ça. Merci.
     
  6. Leonick
    Leonick WRInaute accro
    Inscrit:
    8 Août 2004
    Messages:
    19 274
    J'aime reçus:
    0
    en n'oubliant pas que si on a plusieurs barres d'outils, genre outils webmaster pour nous ou barres de recherches installées avec le navigateur pour le grand public (voir les webmasters aussi), ça réduit d'autant la hauteur utilisable
     
  7. OTP
    OTP WRInaute accro
    Inscrit:
    16 Décembre 2005
    Messages:
    14 581
    J'aime reçus:
    3
    Je ne suis pas à ça près. Je veux juste éviter de trop allonger une page inutilement.
     
  8. MarvinLeRouge
    MarvinLeRouge WRInaute impliqué
    Inscrit:
    1 Septembre 2004
    Messages:
    514
    J'aime reçus:
    0
    Salut,

    Sauf erreur de ma part, il y a une erreur dans ce raisonnement : si le bloc est présent, même en hidden, sa taille influera sur la hauteur de la page. Pour que ce ne soit pas le cas, il faudrait le mettre en display none.

     
  9. arnaudmn
    arnaudmn WRInaute passionné
    Inscrit:
    11 Mai 2005
    Messages:
    1 038
    J'aime reçus:
    2
    Tout le monde avait compris .... :)
     
  10. e-kiwi
    e-kiwi WRInaute accro
    Inscrit:
    23 Décembre 2003
    Messages:
    13 198
    J'aime reçus:
    1
    euh, cela ne va pas donner la hauteur de la page si il y a barre déroulante, juste la hauteur de la page affichée qui rentre sur l'écran ca, non ?
     
  11. arnaudmn
    arnaudmn WRInaute passionné
    Inscrit:
    11 Mai 2005
    Messages:
    1 038
    J'aime reçus:
    2
    Comme souvent avec le javascript, tout dépend de ce qu'on met dans le doctype.
    Voir http://www.quirksmode.org/js/doctypes.html ; et voir l'exemple qui est fourni avec et sans doctype.
     
Chargement...
Similar Threads - Connaître hauteur Forum Date
[Resolu] Connaitre la hauteur d'une div Développement d'un site Web ou d'une appli mobile 31 Mai 2008
Connaitre la concurrence SEO dans un autre pays Référencement international (langues, pays) 14 Mai 2022
Google Ads Comment connaître le mot clé qui correspond à une conversion ? AdWords 3 Janvier 2022
monétiser un blog sans rien connaître en programmation web Monétisation d'un site web 15 Décembre 2021
Connaitre le nombre de visiteurs uniques Google Analytics 11 Décembre 2021
comment connaître la position d une page de son site Débuter en référencement 15 Août 2021
Connaitre les pages désindexées chez Google Crawl et indexation Google, sitemaps 14 Juin 2021
Connaître l'âge d’un site sans commande whois Noms de domaine et référencement 27 Décembre 2020
Outil pour connaître l'ensemble des backlinks d'un site Débuter en référencement 20 Août 2020
script ou méthode pour connaitre ses 404 Administration d'un site Web 4 Août 2020
Astuce Un bon outil pour connaître la valeur de mon trafic organique ? Le café de WebRankInfo 1 Juin 2020
Connaître la valeur d'un site (Backlinks, prix du site etc. ) Débuter en référencement 30 Mars 2020
Changer le mdp sans connaitre l'ancien chez Digital Ocean Administration d'un site Web 6 Janvier 2020
comment faire connaître un site emonsite.com Débuter en référencement 21 Novembre 2019
netlinking : 20 règles à connaître sur les liens Netlinking, backlinks, liens et redirections 2 Juillet 2019
Faire connaître un nouveau site Débuter en référencement 10 Septembre 2018
Faire connaître son site depuis Facebook ? Crawl et indexation Google, sitemaps 7 Septembre 2018
Reconnaitre la couleur d'un smartphone Android Le café de WebRankInfo 2 Mars 2018
Existe-t-il un outil pour connaître les liens d'un site web ? Netlinking, backlinks, liens et redirections 13 Octobre 2017
[Test] Connaître son niveau SEO Débuter en référencement 1 Juin 2017