From mboxrd@z Thu Jan 1 00:00:00 1970 From: Rasmus Subject: Re: [html-export question] location with JS. Date: Wed, 17 Dec 2014 16:01:28 +0100 Message-ID: <87a92mialz.fsf@gmx.us> References: <87wq5rwl5n.fsf@gmx.us> <87y4q6v809.fsf@gmx.us> Mime-Version: 1.0 Content-Type: multipart/mixed; boundary="=-=-=" Return-path: Received: from eggs.gnu.org ([2001:4830:134:3::10]:49116) by lists.gnu.org with esmtp (Exim 4.71) (envelope-from ) id 1Y1G6v-0007J9-Qf for emacs-orgmode@gnu.org; Wed, 17 Dec 2014 10:02:04 -0500 Received: from Debian-exim by eggs.gnu.org with spam-scanned (Exim 4.71) (envelope-from ) id 1Y1G6l-0007Av-Ps for emacs-orgmode@gnu.org; Wed, 17 Dec 2014 10:01:57 -0500 Received: from mout.gmx.net ([212.227.15.15]:55166) by eggs.gnu.org with esmtp (Exim 4.71) (envelope-from ) id 1Y1G6l-0007Al-Gu for emacs-orgmode@gnu.org; Wed, 17 Dec 2014 10:01:47 -0500 In-Reply-To: (Christian Moe's message of "Wed, 17 Dec 2014 14:11:22 +0100") List-Id: "General discussions about Org-mode." List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , Errors-To: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org Sender: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org To: mail@christianmoe.com Cc: emacs-orgmode@gnu.org --=-=-= Content-Type: text/plain Hi Christian, Thanks for the insightful comments. Javascript is an interesting domain; totally foreign to me, though. Christian Moe writes: > (except when the window becomes seriously too small, > and the year jumps up on top of the other one, but that, I think, has to > be expected). This is what I'm trying to get rid of, somehow... In my full document it seemed to jump around much more. . . I think I got it working now by rerunning the script on resize and cloning the node rather than modifying the original node. I have no idea if this is bad. It works wonderfully in the newest Firefox and Gnome Web. > A different problem is that the script only picks out every other > bol-year DIV, as you will soon see if you add more entries with boxes on > the left. The reason is that getElementsByClassName returns a live > HTMLCollection that updates according to the document order of the > elements even as the script changes that order. Interesting. > To loop through them, try simply > > var e = elements[0]; // instead of var e = elements[i]; Thanks this is very helpful. Next step: Proper small caps and make it work well on my phone! Thanks, Rasmus -- And I faced endless streams of vendor-approved Ikea furniture. . . --=-=-= Content-Type: application/vnd.lotus-organizer Content-Disposition: attachment; filename=test.org Content-Transfer-Encoding: base64 IytUSVRMRTogbXkgbmV3IHdlYiBjdXJyaWN1bHVtIHZpdGFlCiMrQVRUUl9MQVRFWDogOmVudmly b25tZW50IGxhYmVsaW5nIDpvcHRpb25zIHsyMDEwLS0yMDEyXHF1YWR9Ci0gMjAxMC0tMjAxMiA6 OiBGb29Db3JwCiAgLSBmb28KICAtICB7e3tCT0woMjAxMSl9fX0gYmFyLWludGVybiBiYXItaW50 ZXJuYmFyLWludGVybmJhci1pbnRlcm5iYXItaW50ZXJuYmFyLWludGVybmJhci1pbnRlcm5iYXIt aW50ZXJuYmFyLWludGVybiBiYXItaW50ZXJuYmFyLWludGVybmJhci1pbnRlcm5iYXItaW50ZXJu YmFyLWludGVybmJhci1pbnRlcm5iYXItaW50ZXJuCgoqIGV4cG9ydCBzdHVmZiAgICAgICAgICAg ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOm5vZXhwb3J0OgojK09Q VElPTlM6IHRvYzpuaWwKIytCRUdJTl9TUkMgZW1hY3MtbGlzcCA6cmVzdWx0cyBub25lCiAgKGFk ZC10by1saXN0ICdvcmctbGF0ZXgtY2xhc3NlcwogICAgICAgICAgICAgICAnKCJrb21hLWFydGlj bGUtdG1wIiAiXFxkb2N1bWVudGNsYXNzWzExcHRde3NjcmFydGNsfSIKICAgICAgICAgICAgICAg ICAoIlxcc2VjdGlvbnslc30iIC4gIlxcc2VjdGlvbip7JXN9IikKICAgICAgICAgICAgICAgICAo Ilxcc3Vic2VjdGlvbnslc30iIC4gIlxcc3Vic2VjdGlvbip7JXN9IikKICAgICAgICAgICAgICAg ICAoIlxcc3Vic3Vic2VjdGlvbnslc30iIC4gIlxcc3Vic3Vic2VjdGlvbip7JXN9IikKICAgICAg ICAgICAgICAgICAoIlxccGFyYWdyYXBoeyVzfSIgLiAiXFxwYXJhZ3JhcGgqeyVzfSIpCiAgICAg ICAgICAgICAgICAgKCJcXHN1YnBhcmFncmFwaHslc30iIC4gIlxcc3VicGFyYWdyYXBoKnslc30i KSkpCihvcmctYmFiZWwtdGFuZ2xlKQojK0VORF9TUkMKCioqIGNzcwojK0hUTUxfSEVBRF9FWFRS QTogPGxpbmsgcmVsPSJzdHlsZXNoZWV0IiB0eXBlPSJ0ZXh0L2NzcyIgaHJlZj0iZm9vLmNzcyIg Lz4KIytCRUdJTl9TUkMgY3NzIDpleHBvcnRzIGNvZGUgOnRhbmdsZSAiZm9vLmNzcyIKICBkbCB7 d2lkdGg6MTAwJTsgb3ZlcmZsb3c6YXV0bztiYWNrZ3JvdW5kLWNvbG9yOnllbGxvdzt9CgogIGRs IGR0IHtmbG9hdDpsZWZ0OyB3aWR0aDoyMCU7YmFja2dyb3VuZC1jb2xvcjpyZWQ7fQoKICBkbCBk ZCB7ZmxvYXQ6bGVmdDsgd2lkdGg6ODAlOyBtYXJnaW4tbGVmdDowOwogICAgICAgICBwYWRkaW5n LWJvdHRvbTogLjVlbTtiYWNrZ3JvdW5kLWNvbG9yOmdyZWVuO30KCiAgYm9keSB7bWF4LXdpZHRo OiA1MGVtOwogICAgICAgIG1hcmdpbjogMCBhdXRvICFpbXBvcnRhbnQ7CiAgICAgICAgcGFkZGlu ZzogMCAuNzVlbSAxZW0gLjc1ZW07CiAgICAgICB9CgoKIytFTkRfU1JDCioqIGpzIAojK0hUTUxf SEVBRF9FWFRSQTogPHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiIHNyYz0iZm9vLmpzIj48 L3NjcmlwdD4KIytCRUdJTl9TUkMgamF2YXNjcmlwdCA6ZXhwb3J0cyBjb2RlIDp0YW5nbGUgImZv by5qcyIKICAvL2Zyb20gIGh0dHA6Ly9zdGFja292ZXJmbG93LmNvbS9xdWVzdGlvbnMvMTQ4MDEz My9ob3ctY2FuLWktZ2V0LWFuLW9iamVjdHMtYWJzb2x1dGUtcG9zaXRpb24tb24tdGhlLXBhZ2Ut aW4tamF2YXNjcmlwdAogIGZ1bmN0aW9uIGN1bXVsYXRpdmVPZmZzZXQgKGVsZW1lbnQpIHsKICAg ICAgdmFyIHRvcCA9IDAsIGxlZnQgPSAwOwogICAgICBkbyB7CiAgICAgICAgICB0b3AgKz0gZWxl bWVudC5vZmZzZXRUb3AgIHx8IDA7CiAgICAgICAgICBsZWZ0ICs9IGVsZW1lbnQub2Zmc2V0TGVm dCB8fCAwOwogICAgICAgICAgZWxlbWVudCA9IGVsZW1lbnQub2Zmc2V0UGFyZW50OwogICAgICB9 IHdoaWxlKGVsZW1lbnQpOwogICAgICByZXR1cm4ge3RvcDogdG9wLCBsZWZ0OiBsZWZ0fTt9OwoK ICBmdW5jdGlvbiBSZW1vdmVDbHNGcm9tRElWKERJViwgQ0xTKSB7CiAgICAgIC8vIGh0dHBzOi8v ZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvV2ViL0FQSS9Ob2RlLnJlbW92ZUNoaWxk CiAgICAgIC8vIFJlbW92aW5nIGEgc3BlY2lmaWVkIGVsZW1lbnQgd2hlbiBrbm93aW5nIGl0cyBw YXJlbnQgbm9kZQogICAgICB2YXIgZCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKERJVik7CiAg ICAgIHZhciBlbGVtZW50cyA9IGRvY3VtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoQ0xTKTsK ICAgICAgdmFyIG4gPSBlbGVtZW50cy5sZW5ndGg7CiAgICAgIGZvciAodmFyIGkgPSAwOyBpIDwg bjsgaSsrKXsKICAgICAgICAgIHZhciBlID0gZWxlbWVudHNbMF07CiAgICAgICAgICB2YXIgdGhy b3dhd2F5Tm9kZSA9IGQucmVtb3ZlQ2hpbGQoZSk7fTt9CgogIGZ1bmN0aW9uIEJPTGpzKENMUykg ewogICAgICBSZW1vdmVDbHNGcm9tRElWKCJjb250ZW50IiwgQ0xTICsgIi1jbG9uZSIpOwogICAg ICB2YXIgZWxlbWVudHMgPSBkb2N1bWVudC5nZXRFbGVtZW50c0J5Q2xhc3NOYW1lKENMUyk7CiAg ICAgIHZhciBuID0gZWxlbWVudHMubGVuZ3RoOwogICAgICB2YXIgY29udGVudCA9IGRvY3VtZW50 LmdldEVsZW1lbnRCeUlkKCJjb250ZW50IikKICAgICAgZG9jUG9zID0gY3VtdWxhdGl2ZU9mZnNl dChjb250ZW50KTsKICAgICAgZm9yICh2YXIgaSA9IDA7IGkgPCBuOyBpKyspIHsKICAgICAgICAg IHZhciBlZSA9IGVsZW1lbnRzW2ldOwogICAgICAgICAgZWUuc3R5bGUuZGlzcGxheSA9ICJpbmxp bmUiOwogICAgICAgICAgdmFyIGUgPSBlZS5jbG9uZU5vZGUodHJ1ZSk7CiAgICAgICAgICB2YXIg cG9zID0gY3VtdWxhdGl2ZU9mZnNldChlZSk7CiAgICAgICAgICBlZS5zdHlsZS5kaXNwbGF5ID0g Im5vbmUiOwogICAgICAgICAgZS5jbGFzc05hbWUgPSBDTFMgKyAiLWNsb25lIjsKICAgICAgICAg IGNvbnRlbnQuYXBwZW5kQ2hpbGQoZSk7CiAgICAgICAgICBlLnN0eWxlLnBvc2l0aW9uID0gImFi c29sdXRlIjsKICAgICAgICAgIGUuc3R5bGUudG9wID0gcG9zLnRvcCArICJweCI7CiAgICAgICAg ICBlLnN0eWxlLmxlZnQgPSBkb2NQb3MubGVmdCArICJweCI7fTt9CgogIHdpbmRvdy5vbmxvYWQg PSBmdW5jdGlvbigpewogICAgICBCT0xqcygiYm9sLXllYXIiKQogIH0KCiAgd2luZG93Lm9ucmVz aXplID0gZnVuY3Rpb24oKXsKICAgICAgQk9ManMoImJvbC15ZWFyIikKCiAgfQojK0VORF9TUkMK KiogbGF0ZXggCiMrTEFURVhfQ0xBU1M6IGtvbWEtYXJ0aWNsZS10bXAKZnJvbSBodHRwOi8vdGV4 LnN0YWNrZXhjaGFuZ2UuY29tL2EvMzM0OTQvMzg3OAojK0xBVEVYX0hFQURFUjogJSBmcm9tIGh0 dHA6Ly90ZXguc3RhY2tleGNoYW5nZS5jb20vYS8zMzQ5NC8zODc4CiMrTEFURVhfSEVBREVSOiBc dXNlcGFja2FnZVtzYXZlcG9zXXt6cmVmfSUgaHR0cDovL2N0YW4ub3JnL3BrZy96cmVmCiMrTEFU RVhfSEVBREVSOiBcbmV3Y291bnRlcntwb3NtYXJrZXJ9JSBQb3NpdGlvbiBtYXJrZXIgY291bnRl cgojK0xBVEVYX0hFQURFUjogXG5ld2NvbW1hbmR7XHNraXBsbWFyZ2lufVsyXVswcHRdeyUKIytM QVRFWF9IRUFERVI6ICAgXHN0ZXBjb3VudGVye3Bvc21hcmtlcn0lIFRvIGF2b2lkIG11bHRpcGxl IHJlZmVyZW5jZXMKIytMQVRFWF9IRUFERVI6ICAgXHpzYXZlcG9ze2N1cnJlbnRsb2NcdGhlcG9z bWFya2VyfSUgU2F2ZSBjdXJyZW50IGxvY2F0aW9uCiMrTEFURVhfSEVBREVSOiAgIFxoc2tpcFxk aW1leHByLVx6cG9zeHtjdXJyZW50bG9jXHRoZXBvc21hcmtlcn1zcCtcenBvc3h7bGVmdG1hcmdp bn1zcCsjMVxyZWxheCUgTW92ZSBsZWZ0CiMrTEFURVhfSEVBREVSOiAgICMyJSBQcmludCBhcmd1 bWVudAojK0xBVEVYX0hFQURFUjogICBcaHNraXBcZGltZXhwclx6cG9zeHtjdXJyZW50bG9jXHRo ZXBvc21hcmtlcn1zcC1cenBvc3h7bGVmdG1hcmdpbn1zcC0jMVxyZWxheCUgTW92ZSByaWdodAoj K0xBVEVYX0hFQURFUjogfQojK0xBVEVYX0hFQURFUjogXEF0QmVnaW5Eb2N1bWVudHtcenNhdmVw b3N7bGVmdG1hcmdpbn19CgoqKiBtYWNybwojK01BQ1JPOiBCT0wgQEBsYXRleDpcc2tpcGxtYXJn aW5bMGNtXXskMX1AQCBAQGh0bWw6PGRpdiBjbGFzcz0iYm9sLXllYXIiPiQxPC9kaXY+QEAKCgoK --=-=-=--