html 測試 上入 下出

html 測試 左右 各一 測試

html 測試 單入 單出

html 測試 左入右出

class="ot"









sw

尾部連結 hbbb(xx)

2020年4月1日 星期三

小程式 自製 彈出對話視窗,



<button type="button" onclick="Copen('123456\r123456')" >dffdfd</button> 

<script>
function Cclose(){ Mdiv.parentNode.removeChild(Mdiv);
document.body.style.overflow="scroll"; }

function Copen(TT){
var MDiv = document.createElement('div');
 document.getElementsByTagName('body')[0].appendChild(MDiv);
document.body.style.overflow="hidden"
MDiv.id = 'Mdiv';
MDiv.style.backgroundColor= "rgba(192,192,192,0.6) ";
TT = TT.replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g , '<br>' );

var  MaTXT  = '<style>#Mdiv {background-color:rgba(192,192,192,0.6); ';
     MaTXT += 'position:fixed ;top:0px;left:0px; '; 
     MaTXT += 'height:100%;width:100%;display: flex;justify-content: center; ' ;
     MaTXT += 'align-items:center;display:Anone;z-index:1000; ' ;
     MaTXT += '} </style>'; 
     MaTXT += '<div id="Malert" style="box-shadow: 15px 15px 10px 0px rgba(20%,20%,40%,0.5);' ;
     MaTXT += 'z-index:1000;background-color: #ffd382;height: auto; text-align: center; ' ;
     MaTXT += ' width:auto;display:Anone;display:anone;padding:20px 20px 20px 20px "> ';
     MaTXT += TT + "<br>"; 
     MaTXT += '<button type="button" onclick="Cclose()">close</button>';
Mdiv.innerHTML = MaTXT;  }
</script>

沒有留言:

張貼留言