Faire JQuery boîte de dialogue contenu 100% de la largeur et de la hauteur
Je crée un div, puis l'ouvrir dans une boîte de dialogue. J'ai essayé le style de cette div pour obtenir que le contenu devrait augmenter à 100% dans les deux directions.
Ce que j'ai essayé jusqu'à présent:
Réglage de la div style
#content {
width:auto !important;
height:auto !important;
background-color:red !important;
display:block !important;
}
et le réglage de la valeur par défaut div style
$(div).dialog({ dialogClass: 'someStyle' });
.someStyle .ui-dialog-content
{
height:auto !important;
display:block !important;
}
Rien ne semble fonctionner! Je remplace la largeur de biens, mais ne peut pas se substituer à la hauteur de biens. Comment pirater?
Je veux arriver à quelque chose comme ceci: http://jsfiddle.net/S3FQv/
OriginalL'auteur Jacob | 2013-02-28
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser le jQuery
width
etheight
propriétés afin d'obtenir la largeur en pixels de la fenêtre d'affichage et d'appliquer ces comme le style de la divVoir ce violon: http://jsfiddle.net/URpmR/2/
Vous devez également ajouter un peu de code supplémentaire pour réexécuter la fonction à l'utilisateur de changer la taille de son navigateur:
la réponse est bonne. Comme c'est une boîte de dialogue je suppose qu'il est positionné sur le dessus de l'autre contenu sur la page via
display:relative
ouabsolute
. Un violon serait bon de voir un exempleVous êtes déjà à l'aide de jQuery pour appeler la boîte de dialogue. Pourquoi ne pas simplement appliquer la hauteur et la largeur dans le même temps en utilisant ma méthode ci-dessus. Voir ce violon: jsfiddle.net/URpmR
J'ai conseillé à Jacob la même chose dans sa précédente question stackoverflow.com/questions/15132096/...
Fait voir ce violon qui est mieux jsfiddle.net/URpmR/2
OriginalL'auteur harryg
Dans l'ordre pour que le contenu ont 100% de la hauteur, cette hauteur doit être indiquée sur l'
html
etbody
tags:Aussi,
auto
ne signifie pas nécessairement que la largeur et/ou hauteur sera de 100%. De même, les anciennes versions d'IE ne prennent pas en chargewidth: auto;
etheight: auto;
Si possible, vous ne devriez pas utiliser
!important
pour remplacer les styles existants, soit.JSFiddle exemple.
Oui, votre méthode est la bonne. J'ai contre-upvoted
Le html, les propriétés du corps et la suppression important de ne pas faire l'affaire!
Bien que j'avais suppose que vous utilisiez
!important
pour s'assurer que ces styles écrasait les styles existants. Ajouter!important
en arrière et voir si cela fonctionne alors. Si, assurez-vous que votre boîte de dialogue n'est pas emballé dans un contenant qui est inférieure à 100% de la hauteur et la largeur.jsfiddle.net/S3FQv/19 peut-être? Je ne suis pas sûr si c'est ce que tu voulais redimensionnement, cependant.
OriginalL'auteur James Donnelly
Définir la
width
option pour'auto'
que l'on trouve sur ce RéponseOriginalL'auteur Muhammad Omar ElShourbagy