Ouvrir une nouvelle fenêtre sur le centre de l'écran avec ce javascript?

Mon expérience avec javascript est extrêmement limitée. Je voudrais avoir la nouvelle fenêtre ouverte vers le haut au centre de l'écran.

<script type="text/javascript">
function fbs_click() {
var twtTitle = document.title;
var twtUrl = location.href;
var maxLength = 140 - (twtUrl.length + 1);
if (twtTitle.length > maxLength) {
    twtTitle = twtTitle.substr(0, (maxLength - 3)) + '...';
}
var twtLink = 'http://twitter.com/home?status=' + encodeURIComponent(twtTitle + ' ' + twtUrl);
window.open(twtLink,'','width=300,height=300'); } </script>

Si quelqu'un peut s'il vous plaît mettre à jour mon code pour accomplir une fenêtre pop-up qui est centré cette serait étonnant!

  • Java n'est pas le JavaScript.
  • Fenêtres pop-up sont généralement une mauvaise idée. Si vous pouvez le faire d'une autre manière (une zone qui s'étend dans la page, par exemple) alors que c'est généralement un meilleur choix.
  • Qu'en est fancybox? Ce serait assez facile à intégrer mon code avec?
  • Ma réponse travailler pour vous à la fin?
  • J'ai essayé d'insérer votre code fourni dans une nouvelle <script type="text/javascript"> ... </script>, et le remplacement de la fenêtre.ouvert(twtLink,",'width=300,height=300'); avec MyPopUpWin(300, 300); toutefois il renvoie un "Objet non Trouvé! page. Ce que je fais mal? Merci. Pia @NickW
  • Appelez ça comme MyPopUpWin(twtLink, 300, 300); - le changement, c'est que l'url est le premier argument. Assurez-vous que vous utilisez la version la plus récente du code.
  • J'ai tenté la mise à jour de code: function twitter_click() { var twtTitle = document.title; var twtUrl = location.href; var maxLength = 140 - (twtUrl.length + 1); if (twtTitle.length > maxLength) { twtTitle = twtTitle.substr(0, (maxLength - 3)) + '...'; } var twtLink = 'http://twitter.com/home?status=' + encodeURIComponent(twtTitle + ' ' + twtUrl); MyPopUpWin(twtLink, 300, 300); }
  • et function MyPopUpWin(url, width, height) { var leftPosition, topPosition; //Allow for borders. leftPosition = (window.screen.width / 2) - (width + 10); //Allow for title and status bars. topPosition = (window.screen.height / 2) - (height + 50); //Open the window. window.open(url, "Window2", "status=no,height=" + height + ",width=" + width+ ",resizable=yes,left=" + iMyWidth + ",top=" + iMyHeight + ",screenX=" + iMyWidth + ",screenY=" + iMyHeight + ",toolbar=no,menubar=no,scrollbars=no,location=no,directories=no"); } mais cela ne charge pas 🙁 @NickW
  • Pouvez-vous poster le contenu de twtLink lorsque vous appelez MyPopUpWin?
  • Désolé, je dois avoir été endormi quand j'ai codé ça. Essayez cette dernière version.
  • En utilisant le code ci-dessus lorsque je clique sur le bouton twitter que les appels twitter_click() rien ne semble se produire. Est-ce cela que vous voulez dire? @NickW
  • Ne vous inquiétez pas sur le contenu de twtLink, mon code est faux de toute façon (il doit être bon maintenant, si).
  • Oh fantastique!!!! Qui fonctionne exactement parfait maintenant! Merci beaucoup pour votre aide. 🙂 Pia @NickW
  • Curieux, je suis mal à se souvenir qu'il ya 10 ans, vous pouvez centrer une fenêtre popup en utilisant -1 comme valeur pour quelque chose?

InformationsquelleAutor user1736794 | 2012-10-13
  1. 13

    Comment est-ce (adapté de ici):

    function MyPopUpWin(url, width, height) {
    var leftPosition, topPosition;
    //Allow for borders.
    leftPosition = (window.screen.width / 2) - ((width / 2) + 10);
    //Allow for title and status bars.
    topPosition = (window.screen.height / 2) - ((height / 2) + 50);
    //Open the window.
    window.open(url, "Window2",
    "status=no,height=" + height + ",width=" + width + ",resizable=yes,left="
    + leftPosition + ",top=" + topPosition + ",screenX=" + leftPosition + ",screenY="
    + topPosition + ",toolbar=no,menubar=no,scrollbars=no,location=no,directories=no");
}

    L'appeler par le remplacement de window.open(twtLink,'','width=300,height=300'); dans votre code avec MyPopUpWin(twtLink, 300, 300);

    • Merci pour votre réponse. Encore une fois mes connaissances de codage est extrêmement limitée. Comment puis-je l'intégrer à mon code d'origine?
    • question pour @NickW
    • voir mon edit. Si cela répond à votre question, n'oubliez pas de revenir et de le marquer comme réponse.
    • J'ai essayé d'insérer votre code fourni dans une nouvelle <script type="text/javascript"> ... </script>, et le remplacement de la fenêtre.ouvert(twtLink,",'width=300,height=300'); avec MyPopUpWin(300, 300); toutefois il renvoie un "Objet non Trouvé! page. Ce que je fais mal? Merci. Pia @NickW
    • Votre code ne fonctionne pas correctement dans le cas de deux LCD - popup affiche près de à gauche sur le deuxième écran.
    • L'une des limites de mon code, c'est que la fenêtre pop-up apparaîtra sur le moniteur principal si vous avez plus d'un. Quelles sont les valeurs de width et height vous êtes de passage à MyPopUpWin? Et lorsque la fonction s'exécute, quelles sont les valeurs de leftPosition et rightPosition?

    InformationsquelleAutor nick_w