Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering

Path	csiph.com!v102.xanadu-bbs.net!xanadu-bbs.net!news.albasani.net!.POSTED!not-for-mail
From	BootNic <bootnic.bounce@gmail.com>
Newsgroups	comp.lang.javascript, comp.infosystems.www.authoring.stylesheets
Subject	Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering
Followup-To	comp.infosystems.www.authoring.stylesheets
Date	Wed, 29 Oct 2014 00:26:11 -0400
Organization	BootNic Party Make your vote count!
Lines	97
Message-ID	<20141029002611.053a995e@bootnic.server> (permalink)
References	<op.xognrthttnmj2w@cbealls-imac.local>
Mime-Version	1.0
Content-Type	multipart/signed; micalg=pgp-sha1; boundary="Sig_/xN2+5HH=FrADeuVGs++hQ4Q"; protocol="application/pgp-signature"
X-Trace	news.albasani.net cyKTqny5/YMkIK3Lr6rh6HndEuNPRbhaf5MQPix8DXb0UG2RkECC7V1zzXFtsWmojQ60KtqTU+fOIS7Leq9rkA==
NNTP-Posting-Date	Wed, 29 Oct 2014 04:26:19 +0000 (UTC)
Injection-Info	news.albasani.net; logging-data="tAz8Xu33ILKWILOi4KYayLqMiFlJSlKZ8xShUhM4sGC8RIpvkM8TGNja5nVasrgu1WBHFPCM+3b8dPr6HjhbUCOZpWC3qLjivALnGjqU49U9+bMtZ1Y7ilD5/gytPDU6"; mail-complaints-to="abuse@albasani.net"
User-Agent	Claws Mail
X-Mailer	Claws Mail
X-Newsreader	Claws-Mail
face	iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAAXNSR0IArs4c6QAAABhQTFRFAAAAACE A/97e562cvVpK5wAAznNS1r1CTn3nxwAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAA AHdElNRQfbAwEEGy452DVwAAAB1ElEQVQ4y1WUTZLjMAiFfRbjzAGErN5HUc3eEn2Adld6P0m1rj8P/ dlmE4evgIcEmuZiqyn2kTPH6pnqT/1HOed/6xmQWQX2F+BF5gDki1+ymrdmgMVIBa9nzm+6D8DUwC// 5Gy4A8vVLz8vhi5h34C/SU/FDmCzFTRJCt4Ab4kqbBqSagRqZIkQNg1JIin/7qjxFoGwaUgS8c+dnf8 IIhA2rV2SfHI1/eY0xS5J4gls67QdwB0gLhoROYjnkwUFiEArAuXU3OiuRiT96mAvYC0RkZJZkyd2xc /0bZYKFsGhRPIAjv+gr7iUVAA+KNBUjhRQjZgJzUYqeZiOiKSqFKghjB6thqgqTYUIF0+qcHrz2mrgF NPoAydgbk0VSJr5UTvHRW0KNBOzTdTPykOuAnbwf906ULmhNFgCzAXMpbhjtzMOZ6TCAVK9Jq0uR4Qk XABuk/d9ZysSRkQdEeYnUrVROoEIUTv3ycCdr22s0LfKbQBTQttSP4uNTHedxHCAUEGZRPK21HZ9dBB gFcxW7ymdMxnf9mO5gr4f2KjQQJPUN4rutg6ubZLMaWvjEXDaWixVGkAljZfBzgq+q6RwfUtcm+f58p bM61gDmy6AwqP3ca+e/27CGQClLJe3AAAAAElFTkSuQmCC
Content-Language	en
X-Operating-System	Linux wetBox 3.1.4.7.22
X-Face	"b}DIfR1vz!3oiDs)txy9^EYii7~LSERSZ,K;N1m!</`1lz);Jwg'a.H,="XW}&Tf{?\9jHz7g4!bQn}@f,:jie:KLE\|SO=EXc$@-az._9!/C`0vb4!?BMH!O!.-y<Sm9<?Bp\|]/#,y[\|"Cf`yGl5&jI{;w(#kf'XQE8Rj#Y;@!`'GC[\|nr$Qrp{',}PxM<!Ok?_^c>_5v~hPEqLdfbyrq-
Cancel-Lock	sha1:zYn4T3RlEj/9tv8o8sVwhOjxbZ4=
Accept-Language	en
Xref	csiph.com comp.lang.javascript:26016 comp.infosystems.www.authoring.stylesheets:6000

Cross-posted to 2 groups.

Followups directed to: comp.infosystems.www.authoring.stylesheets

Show key headers only | View raw

[Multipart message — attachments visible in raw view] - view raw

In article <op.xognrthttnmj2w@cbealls-imac.local>,
"Chris Beall" <Chris_Beall@prodigy.net> wrote:

> (If this is too far off-topic for this group, please suggest another)

> Testcase: http://beallsprings.org/sandbox/Mod%20DOM%20test.html

> Observation: Of the tested browsers, only Firefox renders the page AFTER  
> applying the style modifications (which is what I wanted).

> Question: Is there a way to make this work on all modern browsers?  How  
> about an easy way?  Or is it a rather widespread bug?

> Why would you want to do this:  Because I want to modify animation
> timing based on the current dimensions of the window, without user
> interaction and when the page is first displayed.  The intent is to
> synchronize an animated walking-figure .gif to the window width.

Followup-To: comp.infosystems.www.authoring.stylesheets

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<title>Walking</title>
<style type="text/css">
/*
prefixes removed
*/
#testimg {
overflow: hidden;
max-width: 100%;
position: fixed;
bottom: 0;
}
#testimg > div:first-child {
width: 10000px;
}
#testimg > div:first-child > img {
animation-name: testkeys;
animation-duration: 100s;
animation-iteration-count: 1;
animation-timing-function: linear;
animation-delay: 25ms;
left: 100%;
position: relative;
}
@keyframes testkeys {
0% {
left: 0;
}
100% {
left: 100%;
}
}
</style>
</head>
<body>
<h1>Walking</h1>
<div id=testimg>
<div>
<img alt="" height=133
src="http://s23.postimg.org/st1p88c5z/walking.gif" width=100>
</div>
</div>
</body>
</html>


-- 
BootNic                                          Wed Oct 29, 2014 12:26 am
  "The POP3 server service depends on the SMTP server service, which failed 
  to start because of the following error: The operation completed 
  successfully."
  *Windows NT Server v3.51*

Thread

DOM styling modified by <body onload=> JavaScript does not affect first rendering "Chris Beall" <Chris_Beall@prodigy.net> - 2014-10-28 18:08 -0400
  Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering BootNic <bootnic.bounce@gmail.com> - 2014-10-29 00:26 -0400
  Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering John Harris <niam@jghnorth.org.uk.invalid> - 2014-10-29 15:33 +0000
  Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering Dr J R Stockton <reply1400@merlyn.demon.co.uk.invalid> - 2014-10-29 21:11 +0000
    Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2014-10-30 10:12 +0100
      Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering Dr J R Stockton <reply1400@merlyn.demon.co.uk.invalid> - 2014-10-31 20:45 +0000
        Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2014-11-01 10:12 +0100
          Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering Tim Streater <timstreater@greenbee.net> - 2014-11-01 10:19 +0000
            Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2014-11-01 12:22 +0100
            Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2014-11-01 15:22 +0100
          Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering "Christoph M. Becker" <cmbecker69@arcor.de> - 2014-11-01 11:32 +0100
            Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2014-11-01 12:25 +0100
            Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2014-11-01 15:23 +0100
              Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering "Christoph M. Becker" <cmbecker69@arcor.de> - 2014-11-01 16:50 +0100
                Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2014-11-01 20:40 +0100
                Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering "Christoph M. Becker" <cmbecker69@arcor.de> - 2014-11-02 20:55 +0100
                Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2014-11-29 19:27 +0100
    Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering "Chris Beall" <Chris_Beall@prodigy.net> - 2014-10-30 15:46 -0400
  Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering "Christoph M. Becker" <cmbecker69@arcor.de> - 2014-10-31 12:52 +0100
    Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering "Chris Beall" <Chris_Beall@prodigy.net> - 2014-10-31 10:37 -0400
  Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering "Chris Beall" <Chris_Beall@prodigy.net> - 2014-10-31 12:53 -0400
    Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering Joao Rodrigues <groups_jr-1@yahoo.com> - 2014-11-01 10:41 -0200
      Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2014-11-01 15:29 +0100
      Re: DOM styling modified by <body onload=> JavaScript does not affect first rendering "Chris Beall" <Chris_Beall@prodigy.net> - 2014-11-01 18:03 -0400

csiph-web