Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #12219 > unrolled thread

hide image

Back to article view | Back to comp.lang.javascript

Contents

  hide image cerr <ron.eggler@gmail.com> - 2012-02-27 16:26 -0800
    Re: hide image Andrew Poulos <ap_prog@hotmail.com> - 2012-02-28 13:04 +1100
      Re: hide image cerr <ron.eggler@gmail.com> - 2012-02-28 09:27 -0800
    Re: hide image Martin Pearman <warwound@gmail.com> - 2012-02-27 21:20 -0800
      Re: hide image cerr <ron.eggler@gmail.com> - 2012-02-28 09:27 -0800
    Re: hide image Christoph Hansen <ch@radamanthys.de> - 2012-02-28 19:08 +0100
      Re: hide image "Evertjan." <exjxw.hannivoort@interxnl.net> - 2012-02-29 09:13 +0000
        Re: hide image Scott Johnson <noonehome@chalupasworld.com> - 2012-02-29 06:12 -0800
          Re: hide image Scott Sauyet <scott.sauyet@gmail.com> - 2012-02-29 07:16 -0800
          Re: hide image Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2012-02-29 16:51 +0100
            Re: hide image "Evertjan." <exjxw.hannivoort@interxnl.net> - 2012-02-29 16:08 +0000

#12219 — hide image

Hi,

I would like to hide an image from a javascript function and for that,
I execute this code:
if (document.getElementById('editimg'+element)) {
	document.getElementById('editimg'+element).display = "none";
} else {
	alert("img not found!");
}
but it doesn't work, I also tried to set visibility="hidden"; but that
didn't work either. Any
hints or clues would be appreciated!
Thank you!
Ron

[toc] | [next] | [standalone]

#12223

On 28/02/2012 11:26 AM, cerr wrote:

> I would like to hide an image from a javascript function and for that,
> I execute this code:
> if (document.getElementById('editimg'+element)) {
> 	document.getElementById('editimg'+element).display = "none";
> } else {
> 	alert("img not found!");
> }
> but it doesn't work, I also tried to set visibility="hidden"; but that
> didn't work either.

What value are you passing in your variable named "element"?

Andrew Poulos

[toc] | [prev] | [next] | [standalone]

#12237

On Feb 27, 6:04 pm, Andrew Poulos <ap_p...@hotmail.com> wrote:
> On 28/02/2012 11:26 AM, cerr wrote:
>
> > I would like to hide an image from a javascript function and for that,
> > I execute this code:
> > if (document.getElementById('editimg'+element)) {
> >    document.getElementById('editimg'+element).display = "none";
> > } else {
> >    alert("img not found!");
> > }
> > but it doesn't work, I also tried to set visibility="hidden"; but that
> > didn't work either.
>
> What value are you passing in your variable named "element"?

That's just an integer type variable.

[toc] | [prev] | [next] | [standalone]

#12225

On Feb 28, 12:26 am, cerr <ron.egg...@gmail.com> wrote:
> Hi,
>
> I would like to hide an image from a javascript function and for that,
> I execute this code:
> if (document.getElementById('editimg'+element)) {
>         document.getElementById('editimg'+element).display = "none";} else {
>
>         alert("img not found!");}
>
> but it doesn't work, I also tried to set visibility="hidden"; but that
> didn't work either. Any
> hints or clues would be appreciated!
> Thank you!
> Ron

I think you need to set the style.display property not just display:

document.getElementById('editimg'+element).style.display = "none";

Martin.

[toc] | [prev] | [next] | [standalone]

#12238

On Feb 27, 9:20 pm, Martin Pearman <warwo...@gmail.com> wrote:
> On Feb 28, 12:26 am, cerr <ron.egg...@gmail.com> wrote:
>
> > Hi,
>
> > I would like to hide an image from a javascript function and for that,
> > I execute this code:
> > if (document.getElementById('editimg'+element)) {
> >         document.getElementById('editimg'+element).display = "none";} else {
>
> >         alert("img not found!");}
>
> > but it doesn't work, I also tried to set visibility="hidden"; but that
> > didn't work either. Any
> > hints or clues would be appreciated!
> > Thank you!
> > Ron
>
> I think you need to set the style.display property not just display:
>
> document.getElementById('editimg'+element).style.display = "none";

Sweet, that's exactly it!
Thanks for that Martin! :)

[toc] | [prev] | [next] | [standalone]

#12265

cerr schrieb:

>  document.getElementById('editimg'+element).display = "none";

try this

document.getElementById('editimg'+element).style.display="none"

[toc] | [prev] | [next] | [standalone]

#12269

Christoph Hansen wrote on 28 feb 2012 in comp.lang.javascript:

> cerr schrieb:
> 
>>  document.getElementById('editimg'+element).display = "none";
> 
> try this
> 
> document.getElementById('editimg'+element).style.display="none"

That is "not displaying".

Wouldn't call that "hiding" in html/css sense, try:

document.getElementById('x').style.visibility = "hidden";

-- 
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[toc] | [prev] | [next] | [standalone]

#12283

On 2/29/2012 1:13 AM, Evertjan. wrote:
> Christoph Hansen wrote on 28 feb 2012 in comp.lang.javascript:
>
>> cerr schrieb:
>>
>>>   document.getElementById('editimg'+element).display = "none";
>>
>> try this
>>
>> document.getElementById('editimg'+element).style.display="none"
>
> That is "not displaying".
>
> Wouldn't call that "hiding" in html/css sense, try:
>
> document.getElementById('x').style.visibility = "hidden";
>
  Just jumping in out of curiosity.

Is the difference between visibility and display the maintaining of the 
element flow?

Will Display take the element out of the flow where as visibility will 
keep it (sort of like a place holder so layout does not suffer)?

[toc] | [prev] | [next] | [standalone]

#12286

Scott Johnson wrote:
> Is the difference between visibility and display the maintaining of the
> element flow?
>
> Will Display take the element out of the flow where as visibility will
> keep it (sort of like a place holder so layout does not suffer)?

Exactly right.

  -- Scott

[toc] | [prev] | [next] | [standalone]

#12292

Scott Johnson wrote:

> Is the difference between visibility and display the maintaining of the
> element flow?

Yes.

> Will Display take the element out of the flow where as visibility will
> keep it (sort of like a place holder so layout does not suffer)?

Loosely speaking, `display: none' renders the element as if it was not 
there; `visibility: hidden' does not paint the element, but reserves its box 
area.

<http://www.w3.org/TR/CSS2/visuren.html>

This question should have been asked in 
comp.infosystems.www.authoring.stylesheets, if necessary after reading the 
pertinent sections of the CSS 2.1 Specification.


PointedEars
-- 
    realism:    HTML 4.01 Strict
    evangelism: XHTML 1.0 Strict
    madness:    XHTML 1.1 as application/xhtml+xml
                                                    -- Bjoern Hoehrmann

[toc] | [prev] | [next] | [standalone]

#12293

Thomas 'PointedEars' Lahn wrote on 29 feb 2012 in comp.lang.javascript:

> Scott Johnson wrote:
> 
>> Is the difference between visibility and display the maintaining of
>> the element flow?
> 
> Yes.
> 
>> Will Display take the element out of the flow where as visibility
>> will keep it (sort of like a place holder so layout does not suffer)?
> 
> Loosely speaking, `display: none' renders the element as if it was not
> there; `visibility: hidden' does not paint the element, but reserves
> its box area.
> 
> <http://www.w3.org/TR/CSS2/visuren.html>
> 
> This question should have been asked in 
> comp.infosystems.www.authoring.stylesheets, if necessary after reading
> the pertinent sections of the CSS 2.1 Specification.

Not exactly.

Read the word "maintaining" above.

CSS-only is static in this sense, 
while CSS-by-javascript is dynamic.

But than, as you don't believe in 'Javascript' ...

-- 
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[toc] | [prev] | [standalone]

Back to top | Article view | comp.lang.javascript

csiph-web