Advertisement
Guest User

TITLEE

a guest
May 21st, 2019
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.50 KB | None | 0 0
  1. <!------------ CSS ------------>
  2. <style type="text/css">
  3. .hideModal{display:none!important;}
  4. #dcp{position:fixed;display:block;width:660px;height:430px;top:15%; left:25%; z-index: 99999;}
  5. #dcp iframe{width:677px;height:430px;overflow: hidden;border: 1px solid;}
  6. #pdcp{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;background-color: black;width: 100%;height: 100%;position: fixed;display: block;top: 0;left: 0; z-index: 9999;}
  7. #dcpoff{border: 4px solid rgb(192, 192, 192);border-top-left-radius: 14px;border-top-right-radius: 14px;border-bottom-right-radius: 14px;border-bottom-left-radius: 14px;color: rgb(240, 240, 240);cursor: pointer;font-weight: bold;height: 20px;line-height: 20px;opacity: 1;text-align: center;width: 20px;z-index: 1000000;background-color: rgb(208, 0, 0);display: block;float: right;top: 15px;position: relative;left: 20px;}
  8. .click-to-call-img {background: url("http://www.directdial.com.br/img/voip0800/icons/site/dc_bt_1_preto.gif") no-repeat center center;width: 193px;height: 59px;cursor: pointer;}
  9.                 .click-to-call-phone {position: float;font-family: arial;font-size: 12px;font-weight: bolder;color: #989898;padding-top: 18px;padding-left: 55px;}
  10. </style>
  11. <!------------HTML------------>
  12. <div id="pdcp" class="hideModal"></div>
  13. <div id="dcp" class="hideModal">
  14. <div id="dcpoff" title="Fechar" onclick="javascript:hideModal()">X</div>
  15. <iframe id="iframeClick2Call"></iframe>
  16. </div>
  17. <!------------JavaScript------------>
  18. <script src="http://painel.directcallsoft.com/js/directcall-app-web.js"></script>
  19. <script type="text/javascript">
  20. var url="http://www.directdial.com.br/dc0800web/discador/index/pinHash/8d8f05ffc9d388f3184a68ca3128b4a4";
  21. function isMobile(){try{document.createEvent("TouchEvent"); return true; }catch(e){ return false; }}
  22. var showModal = function(){
  23. if(isMobile()){window.location = url+"/isMobile/true";}else{
  24. var dcp=document.getElementById("dcp"),
  25. pdcp=document.getElementById("pdcp");
  26. dcp.removeAttribute("class");
  27. pdcp.removeAttribute("class");
  28. document.getElementById("iframeClick2Call").setAttribute("src", url);
  29. }};
  30. var hideModal = function(){
  31. var dcp=document.getElementById("dcp"),
  32. pdcp=document.getElementById("pdcp");
  33. dcp.setAttribute("class", "hideModal");
  34. pdcp.setAttribute("class", "hideModal");
  35. };
  36. </script>
  37. <div class="click-to-call-img" onclick="javascript:showModal();">
  38.                 <div class="click-to-call-phone"></div>
  39.               </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement