jQuery Girl
  1. jQuery Girl
  3. Comment obtenir la largeur réelle / hauteur d’un élément après le chargement dont la largeur / hauteur réglée à l’ origine PERCENTAGE?
Intereting Posts
Comment changer automatiquement la taille du texte dans une div? Définition du lien href à partir de l’image de l’enfant src à l’aide de jQuery Option de survol de la sélection pour IE Vérifiez le fichier d’entrée pour le format correct avec jQuery Utilisez jquery pour que div apparaisse après le défilement d’un utilisateur Les navigateurs mobiles (Android et iOS) ignorent le débordement masqué sur le corps, le code HTML et le conteneur. Jquery: Vérifier contre la première instance jqgrid addRow saveRow beforeSend Supprimer le texte après et append un autre texte JQuery cliquez sur l’animation de redimensionnement. Maximiser la division par rapport aux autres Galerie jQuery se retourner avec les boutons suivant et précédent Comment augmenter la taille des icons de la barre d’outils / navbar de jqGrid pour un access visuel? Comment empêcher une page de sauter en haut lors de l’affichage ou du masquage d’éléments à l’aide de l’option de fondu jQuery Animation JQuery plus fluide jQuery – sortinger les DIV par className

Comment obtenir la largeur réelle / hauteur d’un élément après le chargement dont la largeur / hauteur réglée à l’ origine PERCENTAGE?

J’ai un iframe, dont les points de contenu à un document HTML.

Dans ce document HTML, il y a un élément EMBED pointant vers un document PDF. Cette EMBED a été configurée à l’origine avec une largeur et une hauteur exprimées en pourcentage (telles que: width: 100%; height: 100% ).

Ma question est:

Après le chargement de l’iframe, comment puis-je récupérer la hauteur et la largeur absolues réelles (dans toute unité px, pt, em, etc.) de l’élément EMBED?

J’ai essayé toutes les propriétés js possibles (largeur, hauteur, style: clientWidth, clientHeight, offsetWidth, offsetHeight …) et jQuery également (telles que outerWidth, outerHeight, etc.), mais cela semble sans espoir.

Cela devrait vous retourner ce dont vous avez besoin: 

 document.getElementById("id").clientHeight document.getElementById("id").clientWidth

id est un identifiant unique de l’élément EMBED.

Pour plus d’informations à ce sujet:

https://developer.mozilla.org/en/DOM:element.clientHeight

https://developer.mozilla.org/en/DOM:element.clientWidth

http://jsfiddle.net/purmou/9XXwf/2/

Ceci utilise la width() et la height() jQuery. Actuellement, il trouve la largeur / hauteur totale d’un object, y compris le remplissage, les bordures, les marges, etc. Si vous souhaitez trouver la largeur et la hauteur de l’élément lui-même, à l’exclusion des bordures, etc. var width = this.offsetWidth; avec var width = $(this).width(); et var height = this.offsetHeight; avec var height = $(this).height(); .

Vous devez utiliser les propriétés .offsetWidth et .offsetHeight. Remarque! ils appartiennent à l’élément et non à element.style. 

 var width = document.getElementById('foo').offsetWidth;

Cela fonctionne dans tous les navigateurs modernes. Mais méfiez-vous! offsetWidth / offsetHeight peut renvoyer 0 si vous avez récemment effectué certaines modifications DOM à l’élément. Vous devrez peut-être appeler ce code dans un appel à setTimeout après avoir modifié l’élément. C’était peut-être votre problème?