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 :

getElementById().style.Width


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2003
    Messages
    447
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2003
    Messages : 447
    Par défaut getElementById().style.Width
    Je voudrais placer un input a l'aide d'un fonction Javascript mais mon soucis est que mon composant ne se place pas malgré les propriétes de position,

    Voici ma fonction Javascript :
    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
    27
    28
    29
    30
    31
    32
    33
    34
     
     
     function ShowDiv(PosWidth,PosLeft,PosHeight,PosTop,CouleurFluo,Text,Police,Taille,Couleur){
      if(document.getElementById('NewText').style.display == "block"){
       document.getElementById('NewText').style.display = "none";
      }else{
       document.getElementById('NewText').style.display = "block";
      }
     
      document.getElementById('NewText').style.position = "absolute";
     
      document.getElementById('NewText').style.Width = PosWidth+"px";
      document.getElementById('NewText').style.Left = PosLeft+"px";  
      document.getElementById('NewText').style.Height = PosHeight+"px";
      document.getElementById('NewText').style.Top = PosTop+"px"; 
     
      if(CouleurFluo!=""){
       document.getElementById('NewText').style.backgroundColor = '#'+CouleurFluo+'';
       document.getElementById('NewText').style.filter = "alpha(opacity=50);";
     
       document.getElementById('NewText').value = "";
       document.getElementById('NewText').style.fontFamily = "";
       document.getElementById('NewText').style.fontSize = "";
       document.getElementById('NewText').style.color = "";
      }else{
       document.getElementById('NewText').style.backgroundColor = "";
       document.getElementById('NewText').style.filter = "";
     
       document.getElementById('NewText').value = Text;
       document.getElementById('NewText').style.fontFamily = Police;
       document.getElementById('NewText').style.fontSize = Taille;
       document.getElementById('NewText').style.color = '#'+Couleur+'';
      } 
     }
    Voici mon appel de fonction :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
     
    <td OnClick="ShowDiv('492','154','72','52','FFFF66','','','','');">
    Je vois bien mon input mais il se met toujours tout en haut à gauche de ma page ??

  2. #2
    Membre Expert Avatar de Madfrix
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    2 326
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Juin 2007
    Messages : 2 326
    Par défaut
    Salut testes avec ça :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    document.getElementById('NewText').Top = PosTop+"px";

  3. #3
    Membre éclairé
    Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2003
    Messages
    447
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2003
    Messages : 447
    Par défaut Non toujours pareil
    Non j'ai le même résultat avec "document.getElementById('NewText').Top = PosTop+"px";"

  4. #4
    Membre éclairé
    Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2003
    Messages
    447
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2003
    Messages : 447
    Par défaut j'ai oublier de préciser
    Cela peut peut etre avoir son importance mais j'ai oublier de préciser que mon input dans le code et celui ci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
     
    <input type="text" id="NewText" name="NewText" style="width:400; font-size: 8pt" READONLY>
    et que la longueur visible est toujours celle insérer dans la l'attribut Style et non celle de ma fonction Javascript

  5. #5
    Membre très actif Avatar de joKED
    Profil pro
    Imposteur en chef
    Inscrit en
    Février 2006
    Messages
    339
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Imposteur en chef

    Informations forums :
    Inscription : Février 2006
    Messages : 339
    Par défaut
    Ton problème semble venir des majuscules.

    Essaie ceci :

    document.getElementById('NewText').style.width = PosWidth+"px";
    document.getElementById('NewText').style.left = PosLeft+"px";
    document.getElementById('NewText').style.height = PosHeight+"px";
    document.getElementById('NewText').style.top = PosTop+"px";

  6. #6
    Membre Expert Avatar de Madfrix
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    2 326
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Juin 2007
    Messages : 2 326
    Par défaut
    Citation Envoyé par joKED
    Ton problème semble venir des majuscules.

    Essaie ceci :

    document.getElementById('NewText').style.width = PosWidth+"px";
    document.getElementById('NewText').style.left = PosLeft+"px";
    document.getElementById('NewText').style.height = PosHeight+"px";
    document.getElementById('NewText').style.top = PosTop+"px";

    +1

    Je viens de vérifier

  7. #7
    Membre éclairé
    Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2003
    Messages
    447
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2003
    Messages : 447
    Par défaut merci a toi
    merci j'avais pourtant bien vérifier mais j'ai pas fais attention a ca.

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

Discussions similaires

  1. Redimensionnement div.style width/height
    Par stroumfs dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 07/04/2009, 17h59
  2. essai javascript getElementById .style.display
    Par vincent974 dans le forum Langage
    Réponses: 4
    Dernier message: 14/05/2008, 07h45
  3. Problème de compatibilité pour [style="width:100%;] sur
    Par Furius dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 12/01/2006, 17h19
  4. [CSS] "td width=" et "div style=width:"
    Par akecoocoo dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 10/11/2005, 16h33
  5. getElementByID().style ;-)
    Par lemmings dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 20/09/2005, 11h51

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