Path: csiph.com!usenet.pasdenom.info!weretis.net!feeder1.news.weretis.net!news.solani.org!.POSTED!not-for-mail
From: Thomas 'PointedEars' Lahn <PointedEars@web.de>
Newsgroups: comp.lang.javascript
Subject: Re: can document.images.animation do more?
Date: Fri, 13 Jun 2014 23:47:12 +0200
Organization: PointedEars Software (PES)
Lines: 70
Message-ID: <10553428.lybtXRao5W@PointedEars.de>
References: <lnfnl3$lme$1@dont-email.me>
Reply-To: Thomas 'PointedEars' Lahn <cljs@PointedEars.de>
Mime-Version: 1.0
Content-Type: text/plain; charset="UTF-8"
Content-Transfer-Encoding: 8Bit
X-Trace: solani.org 1402696061 11075 eJwNyMERACEIBLCWwINFy4Hl6L8EnfziHxQMg8N8nqojRXYkW/gPbCOyK9abyZKt2ieTYC+VC0WGEmk= (13 Jun 2014 21:47:41 GMT)
X-Complaints-To: abuse@news.solani.org
NNTP-Posting-Date: Fri, 13 Jun 2014 21:47:41 +0000 (UTC)
User-Agent: KNode/4.12.4
X-User-ID: eJwNxsEBwCAIA8CVAAngOKBm/xHaex1WaJz0QDgIpnIglZct4lz92DCdJ+mTjDnEul22LcaLYrv/nHzcNPUPZlIV8Q==
Face: iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAGFBMVEXTxa4RFk5dUWANED8PFEfy7+MGBiW+n3ZNF/QuAAACaElEQVQ4jVXUwVOcMBQG8Dc7Rc4PUntdWV2uxjDpGaGeozOp1woar4jd5t/v9wLstMwsA/ntlxdCAgUc1hjTc9/JCZfGoo3wG3HdmdAWrIJRHe7GM/TmpY5VFefuVcAkkPbLIaN8rmPmjloyZxgyR3GuJ4K0AGtJ2htz8o7yqikm759fldQXaMpbDzjKAG+8v+AugVTOPO5DOjLvGtUYQwh0CPjnVMyGd+8/GfUB5nLKJDD2aLDh5HYyMDJGDwQIo2ZmZcKbowNmAdB/AzyFhrmF2MHRb0QJJfaAnwGB6orZhoykLzJtGwF/xpYxI1dswomiUj3gTuAIqCn/4C7cULwGNBtwMTk3Y4LfKB5YUaOKBKYtpplm7u0vip8tU1NWWyI/7XdcSuIDoMt6rVHMWT0DbjHPGqDqZVSa6zleLcUTcIKLoMv3ueJluALtAo9B302zPPlrtiVScRdCjXvVh3e3JpYa/jjkuC9N+LrBMlz/eAN4eQijX2EdLo6c5tGGHwLyHFtXk89dDGHwCVhG9T0S/j55AhRZgkMCmUQXJ49TnS1wnQDvw0eAh9ICeMmEFbCnPMFzjAvsWoEWEFdYEx+S0MoUZ1gT1wId8+AF3Bl2OoEu906AUHx5VLw/gXYg/x84loOah/2UYNrgiwSwGO7RfUzVBbx/kgpckumGOi6QirtD6gkLTitbnxNol47S2jVc2vsN5kPqaAHT8uUdAJM4v/DanjYOwmUjWznGfwB7sGtAtor5BgofDuzaRj4kSQAqDakTsKORa3Q3xKi3gE1fhl71KRMqrdZ2AWNNg/YOhQyrVBnb+i+nEg4bsDA+egAAAABJRU5ErkJggg==
X-Face: %i>XG-yXR'\"2P/C_aO%~;2o~?g0pPKmbOw^=NT`tprDEf++D.m7"}HW6.#=U:?2GGctkL,f89@H46O$ASoW&?s}.k+&.<b';Md8`dH6iqhT)6C^.Px|[=M@7=Ik[_w<%n1Up"LPQNu2m8|L!/3iby{-]A+#YE}Kl{Cw$\U!kD%K}\2jz"QQP6Uqr],./"?;=4v
Cancel-Lock: sha1:U64+uTxcXT+zsQjavWl37U3+KVk=
X-NNTP-Posting-Host: eJwFwQERADEIAzBLDGhhcr7s8C/hEwQPp5JgYrHqvD6jcHT4sDMlcnEe69PaGvxdG1nU8P0VExD8
Xref: csiph.com comp.lang.javascript:24831

Charles T. Smith wrote:

> Is there a way to display a variable or other information everytime
> document.images.animation.src() gets invoked?

There is no such method, so none is invoked.
 
> I have created a simple server to display my photos using
> document.images.animation.src=eval("pic"+counter+".src").  Works fine.

By coincidence, because it is wrong.  You should have an array of objects:

  var pic = [
    {src: "…"},
    …
  ];

and then refer to the elements of the array thus, overwriting the “src“ 
*property* value the standards-compliant way:

  document.images["animation"].src = pic[counter].src;

See also the FAQ.

It can be useful to have not references to Object instances but references 
to objects implementing the HTMLImageElement interface as elements of the 
array, because then there is the possibility that image data would be 
preloaded.  See <http://PointedEars.de/scripts/test/dom/hoverMe/> for an 
example.
  
> Now I'd like to display counter with every picture, so the user can set
> that.  But I see that the page doesn't seem to be updated with every call
                                                                       ^^^^
> to that function, so, e.g. document.write (counter) on the same page
  ^^^^^^^^^^^^^^^^
> doesn't get incremented.  Or else, it obscures the image.
                            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Parse error.  Please review Programming 101.

“img” element objects have an “onload” event handler property to which you 
can assign, and are distributed a “load” event for which you can add, a 
listener.  The listener will be called each time a new image was loaded.

  var img = document.images["animation"];
  
  var listener = function () {
    /* do something */
  };

  if (typeof img.addEventListener == "function")
  {
    img.addEventListener("load", listener, false);
  }
  else
  {
    img.onload = listener;
  }

See also jsx.dom.addEventListener() and jsx.dom.createEventListener() in 
JSX:dom/events.js for a more sophisticated wrapper.

document.write() in the document will only be executed when the document is 
loading, and called after the document it will overwrite the document.  
Review the DOM.

-- 
PointedEars
FAQ: <http://PointedEars.de/faq> | SVN: <http://PointedEars.de/wsvn/>
Twitter: @PointedEars2 | ES Matrix: <http://PointedEars.de/es-matrix>
Please do not Cc: me. / Bitte keine Kopien per E-Mail.