Question

J'utilise les Mootools plus fonction « getComputedSize » sur un élément DIV créé dynamiquement. Il fonctionne très bien dans Firefox, mais pas dans Google Chrome:

CSS:

.resultBox {
    width: 150px;
    height: 100px;
    position: absolute;
    z-index: 1000;
}

Javascript:

this.resultBox = new Element('div', {
    'class': 'resultBox'
});

console.log(this.resultBox.getComputedSize().width); 

Le résultat est "150" dans FF mais dans Chrome le résultat est "NaN".

Quelqu'un sait comment résoudre ce problème dans Chrome sans avoir à coder la DIV dans le html?

Merci à l'avance

Alex

Correction:

this.resultBox = new Element('div', {
    'class': 'resultBox'
});

this.resultBox.inject(this.container, 'top');

console.log(this.resultBox.getComputedSize().width); 

Injecter l'élément avant d'essayer d'utiliser cette méthode.

Était-ce utile?

La solution

Correction:

this.resultBox = new Element('div', {
    'class': 'resultBox'
});

this.resultBox.inject(this.container, 'top');

console.log(this.resultBox.getComputedSize().width); 

Injecter l'élément avant d'essayer d'utiliser cette méthode.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top