IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Modifier la taille d'un �l�ment en fonction de la resolution


Sujet :

JavaScript

  1. #1
    Membre confirm�
    Inscrit en
    F�vrier 2006
    Messages
    102
    D�tails du profil
    Informations forums :
    Inscription : F�vrier 2006
    Messages : 102
    Par d�faut Modifier la taille d'un �l�ment en fonction de la resolution
    Bonjour � tous,

    j'ai un petit souci avec javascript et firefox! (d'habitude c'est avec IE que ca bug)

    Au chargement, je d�tecte la r�solution �cran du visiteur et en fonction de ca je vais d�finir une hauteur pour le contenu de mes pages.

    function resolution()
    {
    largeur = screen.height;
    if(largeur <= 600)
    {
    document.getElementById("contenuPage").style.height= "300";
    }
    else if(largeur >600 && largeur <=800)
    {
    document.getElementById("contenuPage").style.height = "400";
    }
    else if(largeur >800 && largeur <=1024)
    {
    document.getElementById("contenuPage").style.height = "600";
    }
    else if(largeur>1024)
    {
    document.getElementById("contenuPage").style.height = "800";
    }
    }

    Sur IE ca marche nickel mais sur firefox dans mon source j'ai: (dans la source g�n�r�e)
    <div style="" id="contenuPage">
    Normalement il devrait mettre style="height: 600px";

    Je suis dispo pour toutes questions ou conseils.
    Merci



  2. #2
    Membre Expert
    Avatar de pmithrandir
    Homme Profil pro
    Responsable d'�quipe d�veloppement
    Inscrit en
    Mai 2004
    Messages
    2 419
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 41
    Localisation : France, Haute Garonne (Midi Pyr�n�es)

    Informations professionnelles :
    Activit� : Responsable d'�quipe d�veloppement
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Mai 2004
    Messages : 2 419
    Par d�faut
    juste en regardant vite fait, tu veux modifier le contenu de l'objet contenuPage en appelant comme ID scrollContenu.

    Ca serait pas la ton pb ?

  3. #3
    Membre confirm�
    Inscrit en
    F�vrier 2006
    Messages
    102
    D�tails du profil
    Informations forums :
    Inscription : F�vrier 2006
    Messages : 102
    Par d�faut
    Non, en fait c'est moi qui est fait une erreur de frappe.
    Merci de me le remarquer.
    Le javascript s'execute bien mais il n'arrive pas a modifier la hauteur de la balise contenuPage, il met juste style="".

  4. #4
    Membre Expert
    Avatar de pmithrandir
    Homme Profil pro
    Responsable d'�quipe d�veloppement
    Inscrit en
    Mai 2004
    Messages
    2 419
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 41
    Localisation : France, Haute Garonne (Midi Pyr�n�es)

    Informations professionnelles :
    Activit� : Responsable d'�quipe d�veloppement
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Mai 2004
    Messages : 2 419
    Par d�faut
    est ce que tu es sur que tu rentre dans tes if ?

    (test avec des alert en affichant apr exemple la valeur de largeur)

  5. #5
    Expert �minent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par d�faut
    Bonjour,
    Citation Envoy� par kstou2001 Voir le message
    Normalement il devrait mettre style="height: 600px";
    non, en fait les modif dynamiques ne modifie pas le code source r�cup�r� dans la page.

    Par contre, dans ta fonction, il faut peut �tre ajouter l'unit� "px"
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    document.getElementById("contenuPage").style.height= "300px";
    A+

  6. #6
    Membre confirm�
    Inscrit en
    F�vrier 2006
    Messages
    102
    D�tails du profil
    Informations forums :
    Inscription : F�vrier 2006
    Messages : 102
    Par d�faut
    yes merci � E.Bzz. C'etait bien px qu'il manquait. Ca marche impec.Merci � tous

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. R�ponses: 4
    Dernier message: 24/03/2011, 09h12
  2. R�ponses: 13
    Dernier message: 18/08/2010, 10h52
  3. R�ponses: 2
    Dernier message: 11/08/2010, 16h27
  4. R�ponses: 5
    Dernier message: 20/08/2009, 10h36
  5. R�ponses: 11
    Dernier message: 23/11/2006, 15h32

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo