Modifier la hauteur de la fenêtre contextuelle

Lorsque je clique sur l'icône de l'extension, une fenêtre contextuelle apparaît, mais le problème auquel je suis confrontée est que la hauteur des fenêtres contextuelles est trop grande pour passer en dessous de ma barre des tâches. Est-il possible de définir la hauteur de la fenêtre contextuelle?Modifier la hauteur de la fenêtre contextuelle

J'ai essayé de déclarer la hauteur et la largeur dans un fichier css par l'étiquette du corps. Mais seule la largeur de la fenêtre change. J'ai également essayé de faire un iframe, mais la fenêtre popup devient vide.

Source

2010-12-18 Henrik

Normalement, le popup sera aussi haut que votre contenu ... –

Vous pouvez définir la hauteur et la largeur de votre fenêtre contextuelle à l'aide de la fonction window.resizeTo (preferedWidth, preferedHeight). Si vous voulez placer ceci dans une fenêtre de popup pas de la fenêtre de parent que self.resizeTo (preferedWidth, preferedHeight); fera le travail pour vous.

Une meilleure suggestion est de garder votre contenu à l'intérieur d'un div par exemple div avec id 'contenu' de sorte que vous pouvez l'utiliser pour la fenêtre contextuelle.

<head> 
<script type="text/javascript"> 
function resizeMe() 
{ 
    height = document.getElementById("content").offsetHeight; 
    width = document.getElementById("content").offsetWidth; 
    self.resizeTo(width+20, height+100); 
} 
</script> 
</head> 

<body onload="resizeMe();">

Cela devrait suffire à résoudre votre problème.

Source

2010-12-20 11:22:40

J'ai utilisé +20 pour la largeur que je veux que le navigateur soit plus large de 20 pixels que mon contenu et +100 pour la hauteur comme je le veux plus haut de 100 pixel à mon contenu, vous pouvez avoir votre propre largeur et hauteurs personnalisées, –

Essayez:

<style type="text/css"> 
    body { 
     max-height: 300px; 
    } 
</style> 

or just, 

<style type="text/css"> 
    body { 
     height: 300px; 
    } 
</style>

Dans la balise <head> de votre popup.html.

Source

2010-12-26 00:57:13 Steven

Ajoutez ce qui suit au début de la page pop-up pour remplacer le <html>:

<!DOCTYPE html>

Bonne chance!

Source

2010-12-29 08:27:45

\ - rappelez-vous que cela ne devrait pas être une barre oblique dans votre page, j'ai ajouté cette barre oblique parce que stackoverflow filtrera toutes les chaînes encapsulées par <> –

Wow, je n'aurais jamais deviné que cela résoudrait un problème avec la taille de la fenêtre. Tu es mon héros. –

il a résolu mon problème qui est différent de la question posée ici. C'était un problème quand on réduisait dynamiquement la hauteur du popup, il restait à l'ancienne hauteur avec des espaces blancs remplissant une hauteur supplémentaire. Le DOCTYPE compte! –

Modifier la hauteur de la fenêtre contextuelle

Répondre

Questions connexes