Redimensionner avec jQuery
Résolu/Fermé
Fetide68
Messages postés
739
Date d'inscription
dimanche 4 janvier 2009
Statut
Membre
Dernière intervention
24 juin 2022
-
6 août 2016 à 18:36
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 8 août 2016 à 10:41
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 8 août 2016 à 10:41
1 réponse
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
546
8 août 2016 à 10:41
8 août 2016 à 10:41
Salut,
Une solution possible serait d'encapsuler le code qui défini les dimensions des éléments dans une fonction afin de pouvoir appeler celle-ci lors du chargement et du redimensionnement de la page.
Tu peux utiliser la fonction addEventListener pour exécuter une ou plusieurs fonctions en fonction des événements déclenchés (load ou resize) :
Bonne journée,
Une solution possible serait d'encapsuler le code qui défini les dimensions des éléments dans une fonction afin de pouvoir appeler celle-ci lors du chargement et du redimensionnement de la page.
Tu peux utiliser la fonction addEventListener pour exécuter une ou plusieurs fonctions en fonction des événements déclenchés (load ou resize) :
<script>
function setDimension() {
var hauteurHeader = $('header').height();
var hauteurPage = $(window).height();
hauteur = hauteurPage - hauteurHeader;
var largeurMenu = $('nav').width();
var largeurPage = $(window).width()-20;
largeur = largeurPage-largeurMenu;
$('nav').height(hauteur);
$('main').width(largeur);
$('main').height(hauteur);
}
window.addEventListener('load', setDimension);
window.addEventListener('resize', setDimension);
</script>
Bonne journée,