comment rendre la fenêtre.ouvrir des pop up Modal?

Je suis actuellement en utilisant la fenêtre.showModalDilog pour ouvrir un modal fenêtre pop-up qui ne permet pas à la fenêtre parent de faire aucune action.

Mais dans la recherche google, j'ai trouvé que ce n'est pas la méthode standard et de différents navigateurs a cessé le support de cette fonction.

En fait, je suis confronté à ce problème dans l'Opéra. Opera me donne l'erreur de javascript et arrête l'exécution à ce point. Rien ne peut se produire après que l'erreur.

Donc, je n'ai qu'une option à gauche et qui est à la fenêtre.ouvert.

Mais je veux désactiver la fenêtre parent (de même que dans showModalDilog).

J'ai essayé le code ci-dessous pour le faire:

<script type="text/javascript">
            $(window).load(function() {
                window.opener.document.body.disabled=true;
            });

            $(window).unload(function() {
                window.opener.document.body.disabled=false;
            });
</script>

Mais j'ai échoué dans cette.

Quelqu'un peut-il me suggérer le code afin que je puisse rendre la fenêtre.ouvrir des pop up Modal?

Espère que j'ai expliqué à ma question.
Veuillez me contacter si vous avez besoin de plus d'informations.

Vous en remercie d'avance....

Mise à jour:

Je veux ouvrir une Url dans la fenêtre pop-up, puis de faire une certaine action après l'url est ouvert, y compris la soumission d'un formulaire.

Mon code pour ouvrir une fenêtre pop-up:

window.open("https://www.picpixa.com/wp-content/plugins/create-own-object/plugin-google-drive/index.php", "socialPopupWindow",
                "location=no,width=600,height=600,scrollbars=yes,top=100,left=700,resizable = no");

S'il vous plaît aider moi.....

Mise à jour 1:

Il serait également m'aider si je peux ouvrir une seule fenêtre pop-up sur les cliquant de plusieurs boutons.
Je veux dire, Si je clique sur btn1 pop up nommé "temp" est ouvert. Mais lorsque je clique sur btn2 puis, au lieu de l'ouverture d'une nouvelle fenêtre pop up "temp" recharger.
Si vous pouvez me donner des suggestions sur ce, il serait également m'aider à résoudre 80% problème.

Je suis à l'aide de showModalDialog() actuellement... Mais il n'est pas en faveur de l'opéra. C'est pourquoi je suis à la recherche d'une alternative....
Eh bien, sMD semble être un partie de la norme. Si vous ne pouvez pas l'utiliser, vous devez mettre en place votre propre, en utilisant Dialogue de l'INTERFACE utilisateur ou quelque chose de similaire.

OriginalL'auteur Ashish Shah | 2014-07-17

Fenêtre modale à l'aide de ExtJS approche.

Dans La Fenêtre Principale

<html>
<link rel="stylesheet" href="ext.css" type="text/css">
<head>    
<script type="text/javascript" src="ext-all.js"></script>

function openModalDialog() {
    Ext.onReady(function() {
        Ext.create('Ext.window.Window', {
        title: 'Hello',
        height: Ext.getBody().getViewSize().height*0.8,
        width: Ext.getBody().getViewSize().width*0.8,
        minWidth:'730',
        minHeight:'450',
        layout: 'fit',
        itemId : 'popUpWin',        
        modal:true,
        shadow:false,
        resizable:true,
        constrainHeader:true,
        items: [{
            xtype: 'box',
            autoEl: {
                     tag: 'iframe',
                     src: '2.html',
                     frameBorder:'0'
            }
        }]
        }).show();
  });
}
function closeExtWin(isSubmit) {
     Ext.ComponentQuery.query('#popUpWin')[0].close();
     if (isSubmit) {
          document.forms[0].userAction.value = "refresh";
          document.forms[0].submit();
    }
}
</head>
<body>
   <form action="abc.jsp">
   <a href="javascript:openModalDialog()"> Click to open dialog </a>
   </form>
</body>
</html>

Dans popupWindow 2.html

<html>
<head>
<script type="text\javascript">
function doSubmit(action) {
     if (action == 'save') {
         window.parent.closeExtWin(true);
     } else {
         window.parent.closeExtWin(false);
     }   
}
</script>
</head>
<body>
    <a href="javascript:doSubmit('save');" title="Save">Save</a>
    <a href="javascript:doSubmit('cancel');" title="Cancel">Cancel</a>
</body>
</html>

OriginalL'auteur Pavithra Kudethur

J'ai été en mesure de faire de la fenêtre parent désactiver. Cependant, faire de la pop-up toujours garder soulevé n'a pas fonctionné. Ci-dessous le code fonctionne même pour l'image des balises. Juste ajouter des id et des propriétés de la classe à l'image de la balise et il fonctionne bien, il ya trop.

Dans la fenêtre parent utilisation:

<head>    
<style>
.disableWin{
     pointer-events: none;
}
</style>
<script type="text/javascript">
    function openPopUp(url) {
      disableParentWin(); 
      var win = window.open(url);
      win.focus();
      checkPopUpClosed(win);
    }
    /*Function to detect pop up is closed and take action to enable parent window*/
   function checkPopUpClosed(win) {
         var timer = setInterval(function() {
              if(win.closed) {
                  clearInterval(timer);                  
                  enableParentWin();
              }
          }, 1000);
     }
     /*Function to enable parent window*/ 
     function enableParentWin() {
          window.document.getElementById('mainDiv').class="";
     }
     /*Function to enable parent window*/ 
     function disableParentWin() {
          window.document.getElementById('mainDiv').class="disableWin";
     }

</script>
</head>

<body>
<div id="mainDiv class="">
</div>
</body>

Si @alireza réponse était correcte, c'est un très beau et la réponse appropriée à la question.
Veuillez vérifier ma dernière approche à l'aide de ExtJS. Même que j'ai été coincé à trouver des moyens de résoudre showModalDialog problème avec chrome .37 libération. Comme nous n'étions pas en mesure de faire des compromis sur la pop-up fenêtre réduite une fois que l'utilisateur clique sur la fenêtre parent. Ce fil m'a mis plus d'effort pour trouver le chemin et je me sentais ExtJS est la meilleure solution pour cela. Veuillez vérifier mon dernier post à l'aide de ExtJS approche. Cela permet de maintenir la fenêtre pop-up pose toujours et nous permettent de faire presque tout ce que showModalDialog utiliser pour le faire.

OriginalL'auteur Pavithra Kudethur

4

Vous ne pouvez pas faire window.open modal et je vous recommande fortement de ne pas aller de cette façon.
Au lieu de cela, vous pouvez utiliser quelque chose comme jQuery UI widget de dialogue.

Mise à JOUR:

Vous pouvez utiliser load() méthode:
```
$("#dialog").load("resource.php").dialog({options});
```
Cette façon, il serait plus rapide, mais le balisage de fusion dans le document principal de sorte que toute soumission sera appliquée sur la fenêtre principale.

Et vous pouvez utiliser une IFRAME:
```
$("#dialog").append($("<iframe></iframe>").attr("src", "resource.php")).dialog({options});
```
C'est plus lent, mais doit présenter de façon indépendante.

ne vous sentez pas comme ça va m'aider. Je veux ouvrir un url et puis ne som actions sur ce y compris la soumission d'un formulaire.... Je mets à jour ma question et coller de ma fenêtre.code ouvert...
vous pouvez facilement utiliser la load() méthode, ou si vous préférez utiliser un IFRAME à l'intérieur d'un DIV. Dois-je mettre à jour la réponse?
je suis à l'aide de la méthode load()... Oui u pouvez mettre à jour votre ans... 🙂 Avec le code si possible...
la fenêtre principale est tottally différents. Pour utiliser ce code, j'ai recoder mon tout et il va prendre trop de temps. Parce que je ne peux pas soumettre la page principale. Je veux effectuer des actions uniquement dans la fenêtre pop-up. Il va faire le nécessaire dans le parent de la fenêtre à l'aide de la fenêtre.ouvre-boîte... Mais ne peut rien faire directement dans la fenêtre principale... je vous Remercie beaucoup pour la recherche dans ce mais pouvez-vous svp me trouver une autre solution?
le IFRAME modèle permettra d'offrir exactement ce que vous voulez: indépendant soumet. Avez-vous l'essayer?

OriginalL'auteur Alireza

Vous devez vous connecter pour publier un commentaire.