javascript - How to get style coordinates of element in IE8 -

-

i have been banging head @ while need smart guys.

i struggling extract xy coordinates of 'background-position' value in element. test this, set (css_class = predetermined css class):

var d = document.getelementbyid(css_class);  alert("1: "+getstyle(d,'background-position')); alert("2: "+d.style.backgroundposition); alert("3: "+d.currentstyle.backgroundposition); alert("4: "+d.style.csstext); alert("5: "+window.getcomputedstyle(d,null).getpropertyvalue('background-position'));   test1--> undefined test2--> blank test3--> undefined test4--> blank test5-->'object doesn't support property or method 'getcomputedstyle''

nothing gives me xy pixel values. have done research, through microsoft dom api references find, here (which got getstyle function (below, uses getcomputedstyle), searched mozilla developer forums, etc. function found on forum:

function getstyle(el,styleprop) {          var camelize = function (str) {            return str.replace(/\-(\w)/g, function(str, letter){               return letter.touppercase();                 });             };            if (el.currentstyle) {             return el.currentstyle[camelize(styleprop)];           } else if (document.defaultview && document.defaultview.getcomputedstyle) {             return document.defaultview.getcomputedstyle(el,null)                                        .getpropertyvalue(styleprop);           } else {             return el.style[camelize(styleprop)];            }         }

basically i'm pretty sure issue because ie 11 browser reverts ie8 mode (says in developer console). of these work in chrome , mozilla fine. i'm testing in ie8 because customers still use ie 8. also, appears server side code (this sharepoint server don't have full rights on) forcing page display in ie8 mode.

i tried add html5 tag <!doctype html> maybe force browser render in html5. still stuck on ie8 mode. anyways, can point me dom api call work , pull out pixel values in ie8?

i made test page background-position defined in inline style, , able pick in .style.backgroundposition property. (i did have click button enable javascript, since it's local file.)

<html> <head>     <meta http-equiv="x-ua-compatible" content="ie=8">     <title>ie8 test</title> </head> <body>     <div id="a" style="width: 200px; height: 200px; border: 1px outset gray; background-image: url('./untitled.png'); background-position: 10px 10px;"></div>     <script>         document.write(document.getelementbyid("a").style.backgroundposition);     </script> </body> </html>

screenshot of ie11's developer tools, showing value of document.getelementbyid("a").style.backgroundposition


Comments

Post a Comment

Popular posts from this blog

Ansible - ERROR! the field 'hosts' is required but was not set -

-
i've error when launch playbook don't found why.... error! field 'hosts' required not set there main.yml : --- - hosts: hosts - vars: - elasticsearch_java_home: /usr/lib/jmv/jre-1.7.0 - elasticsearch_http_port: 8443 - tasks: - include: tasks/main.yml - handlers: - include: handlers/main.yml and /etc/ansible/hosts : [hosts] 10.23.108.182 10.23.108.183 10.23.108.184 10.23.108.185 when test ping, : [root@poste08-08-00 elasticsearch]# ansible hosts -m ping 10.23.108.183 | success => { "changed": false, "ping": "pong" } 10.23.108.182 | success => { "changed": false, "ping": "pong" } 10.23.108.185 | success => { "changed": false, "ping": "pong" } 10.23.108.184 | success => { "changed": false, "ping": "pong" } please, me :) regards, you have syntax error in playbook.
Read more

customize file_field button ruby on rails -

-
i'm trying rid of ugly button rails has default file upload. want add glyphicon <%= f.file_field :image_url, class:"glyphicon glyphicon-camera" %> this didn't work , have tried other things in different post saw on page, don't attach file. as suggested here bootstrap filestyle , can use bootstrap's filestyle style file upload buttons. step-1: add layout application.html.erb i have added bootstrap filestyle library cdn. should make sure have both jquery , boostrap loaded. <script type="text/javascript" src="https://cdn.jsdelivr.net/bootstrap.filestyle/1.1.0/js/bootstrap-filestyle.min.js"> </script> step-2: add corresponding js file: $(":file").filestyle({input: false}); step-3: image_url file field follows: <%= f.file_field :image_url,class: "filestyle", "data-input" => false %>
Read more

SoapUI on windows 10 - high DPI/4K scaling issue -

-
Image
soapui doesn't seem dpi-aware , displays small on high dpi screen (tiny text , buttons). other applications running fine (screen resolution 3840 x 2160). version : soapui 5.1.2 os : windows 10 i have tried: configure soapui run "disable display scaling on high dpi settings" - parts of soapui looking bigger , don't display (image) changing resolution changing font size (preferences > editor settings > select font...) therefore assume, soapui pretends dpi-aware, not scale itself. have same issue? this workaround until developers round making version dpi-aware. step 1: add registry key hkey_local_machine\software\microsoft\windows\currentversion\sidebyside\preferexternalmanifest (dword) 1 step 2: add manifest file 'soapui-5.2.1.exe.manifest' in same directory 'soapui-5.2.1.exe' content of manifest file: <?xml version="1.0" encoding="utf-8" standalone="yes"?> <assembly xml
Read more