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 :

Réduire taille DIV sous IE


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Juin 2003
    Messages
    50
    Détails du profil
    Informations forums :
    Inscription : Juin 2003
    Messages : 50
    Par défaut Réduire taille DIV sous IE
    Bonjour,

    Malgré le grand nombre de sujets concernant les DIV, leur taille, et IE, je n'ai pas trouvé mon bonheur...

    J'ai un DIV qui vient s'afficher par dessus ma page. (Comme une sorte de pop-up)
    Je souhaite que le clic sur un bouton permette de réduire la hauteur de cette "pop-up" de manière à n'en voir que le haut (avec son titre) D'où les 17px. Le clic sur le même bouton (situé en haut), rendrait à la pop-up sa taille initiale.
    (Celà permet de montrer ou non le contenu de la page en dessous du DIV).

    J'ai du code qui fonctionne bien sous Firefox mais pas du tout sous IE.

    Voici le code de la fonction appelée au clic sur le bouton (que ce soit pour fermer ou ouvrir la "pop-up") :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    reduc = function() {
    	var ibox = getElem('ibox_wrapper');
    	if(ibox.style.height != "17px"){
    		document.getElementById("tailleIbox").value=ibox.style.height;
    		ibox.style.height = 17;
    	}
    	else{
    		ibox.style.height = document.getElementById("tailleIbox").value;
     
    	}
    "ibox" est donc mon DIV.
    tailleIbox est une zone cachée où je stocke la hauteur initiale.

    J'ai essayé d'utiliser OffsetHeight (peut-être mal) sans plus de succès, même moins car je n'arrivais plus à le faire marcher sous Firefox. Le soucis étant d'affecter une valeur à la hauteur du DIV, et non pas d'en récupérer une.

    Voili... Si quelqu'un a un début de solution... Je l'en remercie d'avance

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    214
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 214
    Par défaut
    Bonjour,
    essaies de rajouter un display:block au moment de l'affectation de la hauteur.
    J'ai eu le même pb.

  3. #3
    Membre averti
    Inscrit en
    Juin 2003
    Messages
    50
    Détails du profil
    Informations forums :
    Inscription : Juin 2003
    Messages : 50
    Par défaut
    Merci pour ta réponse!

    J'ai donc maintenant :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    reduc = function() {
    	var ibox = getElem('ibox_wrapper');
    	if(ibox.style.height != (17+"px")){
    		document.getElementById("tailleIbox").value=ibox.style.height;
    		ibox.style.height = 17 +"px";
    		ibox.display = 'block';
    	}
    	else{
    		ibox.style.height = document.getElementById("tailleIbox").value;
    		ibox.display = 'block';
    	}
    }
    Mais ça ne change rien (ça continue de fonctionner sous Firefox (ouf) mais rien de mieux sous IE...
    Ai-je placé ma "commande" sur le bon objet?

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    214
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 214
    Par défaut
    Oui, mais c'est pas "exactement" la bonne commande :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    ibox.style.display = 'block';

  5. #5
    Membre averti
    Inscrit en
    Juin 2003
    Messages
    50
    Détails du profil
    Informations forums :
    Inscription : Juin 2003
    Messages : 50
    Par défaut
    Oups
    Mais bon, ça ne change pas le comportement sous IE...

    J'ai l'impression que ça ressemble à une question de rafraîchissement car si je fait des alerts avec les différentes valeurs, sous IE, il m'affiche les bonnes valeurs de hauteur, comme s'il avait tout bien fait, mais à l'écran la taille de mon DIV n'a pas bougé d'un poil...

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    214
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 214
    Par défaut
    Je suppose que tu fixes la taille initialement via un style et pas en js.
    En tous cas, la taille initiale de ton DIV doit être ecrit "17px", par exemple.
    Ensuite, ta fonction doit tester directement sur "17px" :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    reduc = function() {
    	var ibox = getElem('ibox_wrapper');
    	if(ibox.style.height != "17px")){
    		document.getElementById("tailleIbox").value=ibox.style.height;
    		ibox.style.height = "17px";
    		ibox.display = 'block';
    	}
    	else{
    		ibox.style.height = document.getElementById("tailleIbox").value+"px";
    		ibox.display = 'block';
    	}
    }
    chez moi ça marche sur IE (7.0)

Discussions similaires

  1. problème sur la taille minimale de div sous IE < 7
    Par tigunn dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 09/09/2010, 14h16
  2. Taille d'un div sous Explorer 7 et 8
    Par Invité4 dans le forum Mise en page CSS
    Réponses: 12
    Dernier message: 19/11/2009, 17h55
  3. Petit écart entre 2 div sous FF
    Par Death83 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 14/10/2005, 20h25
  4. problème avec les div sous Mozilla
    Par MrsFrizz dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 13/10/2005, 11h54
  5. [Débutant] Centrer un bloc DIV sous IE
    Par Amon dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 22/09/2005, 00h31

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