прозрачное оповещение javascript по центру - PullRequest
Новая
       37

прозрачное оповещение javascript по центру

1 голос
/ 04 января 2010

Я почти сделал это .. но что-то не так: 

function doAlert(title,text) {
  var alrt='<div onclick="this.parentNode.removeChild(this);" id="alert" style="background-attachment: scroll !important;background-clip: border-box !important;background-color: black !important;background-image: none !important;background-origin: padding-box !important;background: black !important;border-bottom-left-radius: 20px 20px !important;border-bottom-right-radius: 20px 20px !important;border-top-left-radius: 20px 20px !important;border-top-right-radius: 20px 20px !important;color: white !important;display: block !important;height: 480 !important;left: 50% !important;margin-bottom: 0 !important;margin-left: -360px !important;margin-right: 0 !important;margin-top: -260 !important;opacity: 0.8 !important;overflow-x: auto !important;overflow-y: auto !important;overflow: auto !important;padding-bottom: 20px !important;padding-left: 20px !important;padding-right: 20px !important;padding-top: 20px !important;position: absolute !important;text-align: center !important;top: 50% !important;width: 640 !important;z-index: 99999999 !important;font-size:3em !important;">';
       alrt+=title;
       alrt+='<div id=alertbody style="text-align: justify;font-size:.5em;">';
       alrt+=text;
       alrt+='</div>';
       alrt+='</div>';
       var zalert=document.createElement("div");
       zalert.innerHTML=alrt;
       document.body.insertBefore(zalert.firstChild,document.body.firstElementChild)
      }

Эта функция очень хорошо работает на обычных страницах.
Это не на страницах с тяжелым стилем.
Я пытался добавить "! Важно" к моим стилям, но это не помогло.
Если вы попробуете этот код на таких страницах, как: http://www.zibri.org (например)
, то запрашивающий объект имеет неправильный размер или неправильную позицию

В чем проблема?

1 Ответ

0 голосов
/ 04 января 2010

Проблема была в том, что «px» отсутствовал на некоторой ширине и высоте ..

здесь вы идете: 

   function doAlert(title,text) {
            var alrt='<div onclick="this.parentNode.removeChild(this);" id="alert" style="background-attachment: scroll !important;background-clip: border-box !important;background-color: black !important;background-image: none !important;background-origin: padding-box !important;background: black !important;border-bottom-left-radius: 20px 20px !important;border-bottom-right-radius: 20px 20px !important;border-top-left-radius: 20px 20px !important;border-top-right-radius: 20px 20px !important;color: white !important;display: block !important;height: 480px !important;left: 50% !important;margin-bottom: 0 !important;margin-left: -360px !important;margin-right: 0 !important;margin-top: -260px !important;opacity: 0.8 !important;overflow-x: auto !important;overflow-y: auto !important;overflow: auto !important;padding-bottom: 20px !important;padding-left: 20px !important;padding-right: 20px !important;padding-top: 20px !important;position: fixed !important;text-align: center !important;top: 50% !important;width: 640px !important;z-index: 99999999 !important;font-size:3em !important;">';
            alrt+=title;
            alrt+='<div id=alertbody style="text-align: justify;font-size:.5em;">';
            alrt+=text;
            alrt+='</div>';
            alrt+='</div>';
            var zalert=document.createElement("div");
            zalert.innerHTML=alrt;
            document.body.insertBefore(zalert.firstChild,document.body.firstElementChild)
     }

Не стесняйтесь улучшать это .. но опубликуйте результаты здесь! :)

...