communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > js tutoriel > 有提示确定与取消功能的弹出式窗的代码_javascript技巧

有提示确定与取消功能的弹出式窗的代码_javascript技巧

WBOY

Libérer： 2016-05-16 19:15:01

original

945 Les gens l'ont consulté

我不知道这样的功能叫什么，找了好久也没有找到，所以来找大家帮助了，在此谢谢了。

我的目的是这样的，就是在原有页面基础上，弹出一个新窗，同时原来的页面偏灰色，并且不能操作，必须在弹出的新窗关闭后才能恢复原来窗口的操作。具体效果有点象lightbox和thickbox，我现在是想用thickbox，它可以实现这种旧页面变灰的效果，但是没有办法实现旧页面不能操作的问题。（要在firefox和ie下都能使用，ie的showModalDialog是可以实现这样的目的，但是firefox下不能用啊）

<input type="button" value="关闭？" onclick="back.style.background='#333333';back.style.filter='alpha(opacity=40)';back.style.visibility='';wnd.style.display='inline';">

<script> 
var isDrag = false;

function execCode(){

var newWin = window.open(); 
newWin.document.write(tt.value);

}

var oldX=0,oldY=0;

function init(){ 
    isDrag=true; 
    oldX=event.x; 
    oldY=event.y; 
}

function end(){ 
    isDrag=false; 
}

function moveIt(){ 
    if(isDrag){ 
    var x =window.event.x; 
    var y = window.event.y; 
     
    hdl.parentNode.style.left = parseInt(hdl.parentNode.style.left.replace("px","")) + (x - oldX); 
    hdl.parentNode.style.top = parseInt(hdl.parentNode.style.top.replace("px","")) + (y - oldY); 
     
    oldX = x; 
    oldY = y; 
    } 
}

</script> 
<div id="back" onclick="cancels.click();" onmousemove="moveIt();" onmouseup="end();" style="position:absolute;left:0;top:0;width:1000;height:660;visibility:hidden;"> </div> 
<div id="wnd" onmousedown="init();" onmousemove="moveIt();" onmouseup="end();" style="border:1px outset #333333;position:absolute;filter:alpha(opacity=70);top:100;left:200;width:200;height:120;display:none;"> 
<div id="hdl" style="background:#333377;width:100%;height:20;color:white"><b>窗口</b></div> 
<div style="background:#dddddd;width:100%;height:100">  
<input type="button" value="确定" onclick="opener=null;window.close()"><input type="button" value="取消" id="cancels" onclick="back.style.visibility='hidden';wnd.style.display='none';"> 
</div> 
</div>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

Étiquettes associées：

有提示确定与取消功能的弹出式窗的代码

source：php.cn

Article précédent：在textarea中显示html页面的javascript代码_表单特效 Article suivant：ie 处理 gif动画的onload 事件的一个 bug_javascript技巧

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur

Qu'est-ce qu'une NullPointerException et comment y remédier ?

2024-10-22 09:46:29
De novice à codeur : votre voyage commence par les principes fondamentaux du C

2024-10-13 13:53:41
Débloquer le développement Web avec PHP : guide du débutant

2024-10-12 12:15:51
Démystifier C : un chemin clair et simple pour les nouveaux programmeurs

2024-10-11 22:47:31
Libérez votre potentiel de codage : programmation C pour les débutants absolus

2024-10-11 19:36:51
Libérez votre programmeur intérieur : C pour les débutants absolus

2024-10-11 15:50:41
Automatisez votre vie avec C : scripts et outils pour les débutants

2024-10-11 15:07:41
PHP Made Easy : vos premiers pas dans le développement Web

2024-10-11 14:21:21
Construisez n'importe quoi avec Python : un guide du débutant pour libérer votre créativité

2024-10-11 12:59:11
La clé du codage : libérer la puissance de Python pour les débutants

2024-10-11 12:17:31

Derniers numéros

function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...

Depuis 2024-04-29 11:01:01

0

3

2060

Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?

Depuis 2024-04-23 00:22:19

0

11

2214

La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...

Depuis 2024-04-19 15:37:47

0

1

1869

Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...

Depuis 2024-04-18 23:52:34

0

1

1753

Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel

Depuis 2024-04-16 10:10:18

0

0

1779

Rubriques connexes

Plus>

Recommandations populaires

Tutoriels populaires

Plus>

Tutoriels associés

Recommandations populaires

Derniers cours

Derniers téléchargements

Plus>

effets Web

Code source du site Web

Matériel du site Web

Modèle frontal