WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1 How to do this? on Tue Mar 15, 2011 7:48 pm

Jazeon

avatar
Registered Member
Registered Member


I wanted to make something like this where you clicked one of the options and a certain image appears.

Somehow related to this
http://www.htmlcodetutorial.com/forms/_OPTION.html

Where I put the title on the left side and then the choice, I just select one of the choice then click " View " instead of submit to see the image.

2 Re: How to do this? on Wed Mar 16, 2011 10:19 am

Sanket

avatar
Administrator
Administrator
Which image do you want to see & where?

http://www.webartzforum.com

3 Re: How to do this? on Wed Mar 16, 2011 2:15 pm

Jazeon

avatar
Registered Member
Registered Member
I don't have any image yet but let us put it this way that the image would be this.

4 Re: How to do this? on Wed Mar 16, 2011 3:09 pm

Sanket

avatar
Administrator
Administrator
Where?

http://www.webartzforum.com

5 Re: How to do this? on Wed Mar 16, 2011 5:34 pm

Jazeon

avatar
Registered Member
Registered Member
lol the warning bar.

ok i'll use this image then. http://images2.memegenerator.net/ImageMacro/2835363/son-I-am-proud.jpg?imageSize=Large&generatorName=The-Most-Interesting-Man-in-the-World

6 Re: How to do this? on Wed Mar 16, 2011 9:10 pm

Sanket

avatar
Administrator
Administrator
I don't get it. The warning bar in the profile field should change?

http://www.webartzforum.com

7 Re: How to do this? on Mon Mar 28, 2011 3:57 pm

Jazeon

avatar
Registered Member
Registered Member
Its like choosing your security question. But instead of choosing you choose an image on the list.

Example on the list
There are

DOG
APPLE
TREE

Then on my choice I clicked DOG then the picture of the DOG appears.

8 Re: How to do this? on Mon Mar 28, 2011 10:25 pm

Unknown Data

avatar
Registered Member
Registered Member
Something like this?

JavaScript:
Code:
function select() { 
document.forms[0].image.src = document.forms[0].selector.value;
}
HTML:
Code:
<form action="" method="get">

<select onchange="select(); return true;" name="selector">
<option value="../dog.png">DOG</option>
<option value="../apple.png">APPLE</option>
<option value="../tree.png">TREE</option>
</select>

<img src="../dog.png" name="image">

</form>

If there exist more than one form on your page, then give the form tag a name and write that name in the JavaScript instead of forms[0], because that indicates the first form in a document.

http://woops.dk

9 Re: How to do this? on Thu Mar 31, 2011 8:10 am

Jazeon

avatar
Registered Member
Registered Member
Wait I don't get it... How come when I entered both of it on the notepad the dog already appeared...
I exchanged the ".../dog.ping" with an image and it already appeared.
It was suppose to be click DOG then the dog picture appears.

10 Re: How to do this? on Thu Apr 21, 2011 8:19 pm

jckjones29


Registered Member
Registered Member
Hi,
This is really nice topic.You can use JavaScript code on your html page.Through JavaScript to you can do that.And also you can find JavaScript code by Google or JavaScript.net website.there are many of site have JavaScript code that is related to this topic.

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum