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 :

Creer une div sans conteneur parent


Sujet :

JavaScript

  1. #1
    Membre éprouvé Avatar de speedev
    Profil pro
    Développeur Web
    Inscrit en
    Mai 2006
    Messages
    1 051
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2006
    Messages : 1 051
    Par défaut Creer une div sans conteneur parent
    Salut,

    Pouvez-vous me dire comment créer ce div sur la page...càd sans prendre en compte un conteneur parent??

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
     
    function show_mess(id)
    {
    		var conteneur = document.getElementById("contenu");
    		var div = document.createElement("div");
    		div.innerHTML="Produit ajoutée";
    		div.style.position="absolute";
    		div.style.top="50%";
    		div.style.left="50%";
    		div.style.width="200px";
    		div.style.height="100px";
    		div.style.marginLeft="-100px";
    		div.style.marginTop="-50px";
    		div.style.backgroundColor="#000000";
    		div.style.fontWeight="bold";
    		div.style.color="#FFFFFF";
    		div.id = id+"_mess";	
    		conteneur.appendChild(div);
    		setTimeout(function(){erase("contenu",div.id)},1000);
    }
    function erase(par,enf) 
    {
    		var objet = document.getElementById(par);
    		var old= document.getElementById(enf);
    		objet .removeChild(old);
    }
    Comme vous le voyez, je créer le div dans un div d'id "contenu", or ça m'arrangerait que le div soit en absolute sur la page et non pas en absolute dans ce div, ce qui se passe.....(et c'est la première fois que je vois ça lol, de l'absolute dans un div)

    Vous connaissez surement le truc...

  2. #2
    Membre émérite

    Profil pro
    Inscrit en
    Mai 2005
    Messages
    657
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 657
    Par défaut
    Salut,

    Pourquoi tu ne crée pas plutot cet élément comme fils de <body> ?

    var conteneur = document.getElementsByTagName("body")[0];

  3. #3
    Membre éprouvé Avatar de speedev
    Profil pro
    Développeur Web
    Inscrit en
    Mai 2006
    Messages
    1 051
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2006
    Messages : 1 051
    Par défaut
    Ben si c'est le but oui, mais être en absolute sur la page équivaut-il à être fils de body....

  4. #4
    Membre éprouvé Avatar de speedev
    Profil pro
    Développeur Web
    Inscrit en
    Mai 2006
    Messages
    1 051
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2006
    Messages : 1 051
    Par défaut
    J'ai testé ta proposition Taum, ça me donne le même résultat que j'ai.
    Càd un div en absolute mais par rapport au premier parent trouvé.

    En gros, si je scrolle vers le bas la page....que je coche un produit....le diuv va s'afficher tel que je le souhaite, càd centré verticalement ET horizintalement sur la page....seulement il sera dans cette position PAR RAPPORT à un scrolling non effectué. Donc il sera en asbolute tout en haut de la page...pas facile à expliquer mais il fait de l'absolute sans prendre en compte là où on se trouve sur la page.

    C'est du faux absolute quoi... lol

  5. #5
    Membre éprouvé Avatar de speedev
    Profil pro
    Développeur Web
    Inscrit en
    Mai 2006
    Messages
    1 051
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2006
    Messages : 1 051
    Par défaut
    PRffff stupide...

    Oubliez mon soucis d'absolute. Pendant quelques minutes j'ai perdu la notion d'absolute par rapport à la PAGE car dans mes autres applis je n'ai pas de scrolling de page, mais des scrollings de div...donc la page est fixe....mais pas dans cette appli là....donc le div est bon...donc chuis c....

    ^^ Tchaw' merci

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Afficher une div sans perturber le flux
    Par webrider dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 19/03/2008, 09h54
  2. Réponses: 4
    Dernier message: 13/11/2007, 20h03
  3. pdf dans une div sans rafraichir la page
    Par Eisy dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 25/09/2007, 13h12
  4. retrecir une div sans recharger
    Par isma92 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 26/01/2007, 17h25
  5. Faire apparaitre/disparaitre une div sans javascript
    Par TocTocKiéLà? dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 25/09/2006, 12h02

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