image hidden and shown

chinni_77

at first instant, i want to hide an image and when i check a checkbox and click a button, the hidden image should also be shown.

For example, let us assume there is test.php.In this form, there is a check box and a button.When i check this box and hit the button, i've to display an image along with the button on this form.
any ideas?

Thanks in advance

the_Igel

There's no need to use php, html is enough.

smth like

and

Maybe, here are some minor errors, but anyway.

Still, it won't work in Opera for sure and possibly will need some accuracy with other browsers.

Of course you can do it with php (like if $_GET['check']) echo '<IMG src="foo.jpg">';), but then you need to reload the page.

Weedpacket

When it comes to the point where test.php has to decide whether or not to display the image, it looks to see if the checkbox has been checked. If it hasn't (probably because this is the first time the form has been requested), it doesn't write the <img> tag. If the checkbox was checked, it does write the <img> tag (and writes "checked" inside the <input type="checkbox" tag.)

Julian_Pedley

You would use javascript to achieve this; I think it would be like this: set the onChange property of the checkbox to change the image style 'visibility' from 'hidden' to 'visible'.

Have a look at some javascript resources to learn how to do this.

Weedpacket

Javascript would be sufficient, but I have a question:

Would the image not have to be downloaded to the client when the page first loads, whether it be visible or not - so that it's there to display when its display attribute is set to visible? If that's the case, then it seems like an unnecessary bandwidth expense.

Okay, hitting the server twice for the one page is itself a comparable expense, but if this is extended to more than one or maybe two images on the page it could outweigh the benefits. There might be half-a-dozen possible images, and the checkbox is used to decide which one to show. It was this that prompted my PHP solution. Sometimes the context of a question can be helpful.

the_Igel

That's right.

But you can assign some fake src for non-shown images, and put in the real value only when checkbox is clicked.

Julian_Pedley

I would think (ie I am not certain 🙂 ) that the image is downloaded even though it not visible. The script is just telling the client to show it instead of hiding it.

What say, Weed?

Weedpacket

Originally posted by the_Igel
That's right.

But you can assign some fake src for non-shown images, and put in the real value only when checkbox is clicked.

Okay, I could live with that.

Now my only gripe is that none of this would work if Javascript is disabled 🙂

chinni_77

hmm...i have'nt still get it done in the way i want it to be.dont you think that we should do something like this:

If $checkbox==1;

echo(" ...);

the_Igel

Originally posted by Weedpacket

Now my only gripe is that none of this would work if Javascript is disabled

of course.
You always have to pay, haven't you? 🙂

I also prefer methods that don't rely on client, but one must know all the possibilities to make the right choice.
I can imagine the situation when JS-method of this image show will be way better than the php-method.
And vice versa 🙂