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>
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~LSERS*Z,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

--Sig_/xN2+5HH=FrADeuVGs++hQ4Q
Content-Type: text/plain; charset=US-ASCII
Content-Transfer-Encoding: quoted-printable

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 =
=20
> applying the style modifications (which is what I wanted).

> Question: Is there a way to make this work on all modern browsers?  How =
=20
> 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=3Dutf-8>
<title>Walking</title>
<style type=3D"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=3Dtestimg>
<div>
<img alt=3D"" height=3D133
src=3D"http://s23.postimg.org/st1p88c5z/walking.gif" width=3D100>
</div>
</div>
</body>
</html>


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

--Sig_/xN2+5HH=FrADeuVGs++hQ4Q
Content-Type: application/pgp-signature; name=signature.asc
Content-Disposition: attachment; filename=signature.asc

-----BEGIN PGP SIGNATURE-----
Version: GnuPG v2.0.22 (GNU/Linux)

iEYEARECAAYFAlRQbGsACgkQOcdbyBqMFBGrcACfYE7aLcjdrSt/9jfGfAo1Trh8
3kUAoL2+k0y+T33eac+viKfzEE9kNRoe
=I6ug
-----END PGP SIGNATURE-----

--Sig_/xN2+5HH=FrADeuVGs++hQ4Q--