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 :

Apparition d'un élément en fondu avec JQuery sur le survol de souris
Atteindre une ancre avec JQuery
Détecter lorsqu'on appuie sur la touche entrée en JQuery
Lecture seule d'un textarea en JQuery
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
Savoir si un élément est visible ou hidden
Ajouter / Déplacer dynamiquement un élément dans le DOM avec jQuery
JQuery - Queue() : Attendre qu'une animation se termine avant de commencer la suivante
Connaître l'URL courante avec jQuery
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