myDiv.js 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. /*�����㷽�� by zmy 2018 02 05*/
  2. function dialogDiv(message,btnone,event,btntwo){
  3. if(arguments.length==3){
  4. var htmlone = '<div id="MyDiv" class="white_content">'
  5. +'<div class="MyDiv-header">'
  6. +'<div class="divtitle">'+message+'</div></div>'
  7. +'<div class="clear"></div>'
  8. +'<div class="MyDiv-info MyDiv-info-one">'
  9. +'<button id="event" class="dialog-btn dialog-btn-one">'+btnone+'</button>'
  10. +'<div style="clear: both"></div></div></div>'
  11. +'<div id="fade" class="black_overlay"></div>';
  12. $("#dialogDiv-content").append(htmlone);
  13. }else if(arguments.length==4){
  14. var htmltwo = '<div id="MyDiv" class="white_content">'
  15. +'<div class="MyDiv-header">'
  16. +'<div class="divtitle">'+message+'</div></div>'
  17. +'<div class="clear"></div>'
  18. +'<div class="MyDiv-info">'
  19. +'<button class="dialog-btn dialog-btn-left" id="event">'+btnone+'</button>' +'<button class="dialog-btn dialog-btn-right" onclick="CloseDiv(\'MyDiv\',\'fade\')">'+btntwo+'</button>'
  20. +'<div style="clear: both"></div></div></div>'
  21. +'<div id="fade" class="black_overlay"></div>';
  22. $("#dialogDiv-content").append(htmltwo);
  23. }
  24. ShowDiv('MyDiv','fade');
  25. var bObj=document.getElementById("event");
  26. bObj.onclick= eval(event);
  27. };
  28. function ShowDiv(show_div,bg_div){
  29. document.getElementById(show_div).style.display='block';
  30. document.getElementById(bg_div).style.display='block' ;
  31. var bgdiv = document.getElementById(bg_div);
  32. bgdiv.style.width = document.body.scrollWidth;
  33. // bgdiv.style.height = $(document).height();
  34. $("#"+bg_div).height($(document).height());
  35. };
  36. //�رյ�����
  37. function CloseDiv(show_div,bg_div)
  38. {
  39. /*document.getElementById(show_div).style.display='none';
  40. document.getElementById(bg_div).style.display='none';*/
  41. var showDiv = document.getElementById(show_div);
  42. var bgDiv = document.getElementById(bg_div);
  43. showDiv.parentNode.removeChild(showDiv);
  44. bgDiv.parentNode.removeChild(bgDiv);
  45. };