Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #20608

Re: client side hour glass icon?

Show key headers only | View raw

Cezary Tomczyk wrote:

> On 2013-07-09 22:18, Thomas 'PointedEars' Lahn wrote:
> [...]
> 
>>    var div = document.createElement("div");
>>    div.style.zIndex = 1701;
>>    div.style.position = "fixed";
>>    div.style.top = "0";
>>    div.style.left = "0";
>>    div.style.bottom = "0";
>>    div.style.right = "0";
>>    div.style.cursor = "wait";
>>
>> (Or
>>
>>    var div = jsx.dom.createElementFromObj({
>>      type: "div",
>>      properties: {
>>        style: {
>>          position: "fixed",
>>          top: "0",
>>          right: "0",
>>          bottom: "0",
>>          left: "0",
>>          zIndex: 1701,
>>          "background-color": "rgba(0, 0, 0, 0.5)",
>>          cursor: "wait"
>>        }
>>      }
>>    });
> [...]
> 
> Or
> 
> var div = document.createElement('div');
> div.style.cssText = 'z-index: 1701; position: fixed; top: 0; left: 0;
> bottom: 0; right: 0; cursor: wait;';

The Matrix has you.  This also works in IE 6.0.2800.1106, although I cannot 
say at this time if it works everywhere where client-side CSS scripting is 
supported.

I cannot prove it yet, but previous experience suggests that the first 
approach, implemented in jsx.dom.css.setStyleProperty() as called by 
jsx.dom.createElementFromObj(), works everywhere short of NN4, friends and 
older relatives.

Another advantage of jsx.dom.createElementFromObj() over your approach is 
its versatility with regard to properties and tree depth.  If you build 
document subtrees from Object instances, you can define entire layouts in 
one object instead of lengthy, more error-prone string values, or tedious 
and more error-prone “RY” DOM statements.
 
> Just one thing: shouldn't be here 0px instead of 0? Just regarding
> http://devtoolsecrets.com/secret/editing-incrementing-css-values.html

If you intend to use the CSS Inspector for experimenting with suitable 
values as described, *and* you not want to type the unit (e.g., “px”) before 
you can do that, you should write "0px" or whatever unit of length you 
prefer.  Otherwise it is just a waste of space.

-- 
PointedEars

Twitter: @PointedEars2
Please do not Cc: me. / Bitte keine Kopien per E-Mail.

Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread

Thread

client side hour glass icon? SpreadTooThin <bjobrien62@gmail.com> - 2013-07-08 18:10 -0700
  Re: client side hour glass icon? "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2013-07-09 09:51 +0200
  Re: client side hour glass icon? Denis McMahon <denismfmcmahon@gmail.com> - 2013-07-09 08:53 +0000
    Re: client side hour glass icon? Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2013-07-09 22:18 +0200
      Re: client side hour glass icon? Cezary Tomczyk <cezary.tomczyk@gmail.com> - 2013-07-10 08:20 +0200
        Re: client side hour glass icon? Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2013-07-10 21:27 +0200
      Re: client side hour glass icon? John Harris <niam@jghnorth.org.uk.invalid> - 2013-07-10 14:46 +0100
        Re: client side hour glass icon? Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2013-07-10 15:57 +0200
          Pointless rants (Was: Re: client side hour glass icon?) "Jukka K. Korpela" <jkorpela@cs.tut.fi> - 2013-07-10 19:18 +0300
            Re: Pointless rants Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2013-07-10 19:45 +0200
          Re: client side hour glass icon? danca <ynnadrebyc@tiscalinet.it> - 2013-07-10 18:31 +0200
          Re: client side hour glass icon? John Harris <niam@jghnorth.org.uk.invalid> - 2013-07-11 10:06 +0100
            Re: client side hour glass icon? Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2013-07-11 18:32 +0200
              Re: client side hour glass icon? John Harris <niam@jghnorth.org.uk.invalid> - 2013-07-12 16:28 +0100
                ECMAScript (was: client side hour glass icon?) Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2013-07-12 21:12 +0200
                Re: ECMAScript (was: client side hour glass icon?) John Harris <niam@jghnorth.org.uk.invalid> - 2013-07-13 17:01 +0100
  Re: client side hour glass icon? Danny <dann90038@gmail.com> - 2013-07-09 10:53 -0700

csiph-web