le MEMO du WEB développeur
••• JQuery •••  Liste des Mémos, astuces et bonnes pratiques

Comment faire des opérations avec les attributs de style exprimés en px

Pour faire des opérations en javascript avec des mesures exprimées en px comme

$("#monDiv1").css('height') qui vaut '500px' et

$("#monDiv2_tutos").css('marginTop') qui vaut '200px'

Utilisons la fonction parseInt qui va supprimer l'attribut 'px' de la valeur et nous permettre de faire toutes les opérations que l'on veut en utilisant les attributs de style longeur ou hauteur de nos éléments.

mavaleur =parseInt($("#monDiv1").css('height')) - parseInt($("#monDiv2").css('marginTop')

ici mavaleur =300

publié le 05/04/2012 par Memo Web
Commentaire :
pas mal
par inconnu, le 04/04/2013
Commenter le Mémo :

Sélecteurs RegExp et JQuery
JQuery - Queue() : Attendre qu'une animation se termine avant de commencer la suivante
Ajouter / Déplacer dynamiquement un élément dans le DOM avec jQuery
$("#calendar").fullCalendar is not a function
Rajouter un élément dans le DOM
Empêcher de coller du texte dans un champs input de type text
Récupérer le contenu ou afficher du texte dans un textarea en JQuery
Afficher une image différente selon la date de l'année en javascript
Lecture seule d'un textarea en JQuery
Ajouter un masque de saisie dans un champs input text
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos