[Webdev] hiding images in divs

[Fergal J Byrne]

At 17:17 28/01/2003 +0000, you wrote:
>on a site that's being developed, to increase the perceived speed of 
>searching through the database,
>we've an image inside a span that we display before starting the search with:

function hideContent(id) {
     var obj = document.getElementById(id);
     if (obj) {
       if (obj.style) {
         whichEl = obj.style
       } else {
         whichEl = obj
       };
       whichEl.display = 'none';
     }
}

Hide it by calling hideContent('txtShowHide')


><div id="txtShowHide" style="display:;">
><center>
><img src="server_on_fire_md_wht.gif" name="pic1"><br>
><img src="wait.gif" name="pic2">
></center>
></div>
>
>
>
>
>It's hidden after the search has completed by changing the style of the DIV:
>
><script language="javascript">
><!--
>txtShowHide.style.display = "none";
>-->
></script>
>
>This will only work on Internet Explorer, not Mozilla though.
>Tried it with spans instead - no difference.
>
>I've a feeling I might need to specify a hidden style for the div or span,
>and was wondering what's the cross-browser recommended way of doing this?
>
>k.
>
>
>________________________________________________________________________
>This email has been scanned for all viruses by the MessageLabs SkyScan
>service. For more information on a proactive anti-virus service working
>around the clock, around the globe, visit http://www.messagelabs.com
>________________________________________________________________________
>_______________________________________________
>Webdev mailing list
>Webdev at linux.ie
>http://www.linux.ie/mailman/listinfo/webdev

regards

fergal byrne
director of information design       adnet ltd
http://www.adnet.ie/  web.application.service.providers