HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
How to have multiple images to one selection on a drop down
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Form
View previous topic :: View next topic  
Author Message
JoanneP



Joined: 03 Jun 2009
Posts: 8

PostPosted: Thu Jun 04, 2009 12:00 am     How to have multiple images to one selection on a drop down Reply with quote

Hi Guys, Please be gentle with me as I am an HTML virgin!

I have my drop down box codes, but when say London is selected I want it to show all of my London properties? At the moment I can only show one picture. There maybe up to 6 apartments per destination!

Is this possible? I have googled and googled and can't find any codes. I have even tried my own variations.

thank you!
Rolling Eyes
PayneLess Designs



Joined: 28 Feb 2007
Posts: 3598
Location: Biloxi, MS

PostPosted: Thu Jun 04, 2009 1:12 am     Reply with quote

Don't know unless you post all code you're working with and preferably an online link to problem page.

Last edited by PayneLess Designs on Thu Jun 04, 2009 7:41 pm; edited 1 time in total
JoanneP



Joined: 03 Jun 2009
Posts: 8

PostPosted: Thu Jun 04, 2009 6:42 am     Reply with quote

I am not even sure I know what you mean, thats how much of a newbie I am am!
PayneLess Designs



Joined: 28 Feb 2007
Posts: 3598
Location: Biloxi, MS

PostPosted: Thu Jun 04, 2009 7:42 pm     Reply with quote

Razz To help, we need the code you are working with and I would like to see the code in place on your web site to make sure no other code may be giving additional problems.
JoanneP



Joined: 03 Jun 2009
Posts: 8

PostPosted: Fri Jun 05, 2009 12:02 am     Reply with quote

DUFUS! Sorry I was so tied up with trying to figure out the codes I might need I didn't read your reply properly! I seem to be making my life difficult at the moment!

Anyway, here is the basic code I am using, when one of the towns is selected I would like to show at least 4 photos.

I haven't published it to my website yet as I don't have all the pictures I want.

<form method=post action="/cgi-bin/example.cgi">
<right>
Select an Area:
<select>
<option selected>Area</option>
<option>Calahonda</option>
<option>Mijas Golf</option>
<option>Benalmadena</option>
<option>Fuengirola</option>
<option>El Faro</option>
</select><br>
</center>
</form>


My web builder is playing up at the mo so I can't send you the codes which include the picture links!

Thanks
Joanne
PayneLess Designs



Joined: 28 Feb 2007
Posts: 3598
Location: Biloxi, MS

PostPosted: Fri Jun 05, 2009 3:24 am     Reply with quote

Basically, when you make one of those selection, would you like it to go to a separate page that has the images with the captions related to each?

That can be done.
JoanneP



Joined: 03 Jun 2009
Posts: 8

PostPosted: Fri Jun 05, 2009 6:18 am     Reply with quote

Yaaaa! So if Calahonda is selected, I get say 4 pictures with the captions!

J
PayneLess Designs



Joined: 28 Feb 2007
Posts: 3598
Location: Biloxi, MS

PostPosted: Fri Jun 05, 2009 9:32 am     Reply with quote

If that's the way you want it to work. On select of "Calahonda", it can jump to that page with all your images for that region is that how you want to lay it out?
JoanneP



Joined: 03 Jun 2009
Posts: 8

PostPosted: Mon Jun 08, 2009 6:00 am     Reply with quote

Yes, thats it exactly. I have worked out a crappy way of doing it! Which is to create an album page in "my Pictures" and then up load one page with four different images on, but then I don't get script space!
PayneLess Designs



Joined: 28 Feb 2007
Posts: 3598
Location: Biloxi, MS

PostPosted: Tue Jun 09, 2009 12:47 pm     Reply with quote

This may help a little better. This will open new window/tab to the other page.

Between Head tags:
Code:
<script type="text/JavaScript">
function MM_jumpMenu(targ,selObj,restore){ //v3.0
var s = selObj.options[selObj.selectedIndex].value;
window.open(s);
if (restore) selObj.selectedIndex=0;
}
</script>


Between body tags:
Code:
<form name="form1" action="null">
<select name="menu1" onChange="MM_jumpMenu('parent',this,0)">
<option selected>-- select --</option>
<option value="area.html">Area</option>
<option value="calahonda.html">Calahonda</option>
<option value="mijas_golf.html">Mijas Golf</option>
<option value="benalmadena.html">Benalmadena</option>
<option value="fuengirola.html">Fuengirola</option>
<option value="el_faro.html">El Faro</option>
</select>
</form>


Each HTML file is using a relative path, but insert whatever path you plan to use to link. Now all you need is the code for each page as named to show the contents as you want. Either as a photo album or gallery. Might look into using something like LightBox.

I hope this is closer to what you want.
GottaBeKD



Joined: 02 Jul 2009
Posts: 2

PostPosted: Fri Jul 03, 2009 1:15 pm     Reply with quote

Hey this is pretty much exactly what I'm looking to do as well, but I don't want it to open up a whole new tab, i just want it to open up in the current frame that it's already in. How do I add that? Thanks for the help!
PayneLess Designs



Joined: 28 Feb 2007
Posts: 3598
Location: Biloxi, MS

PostPosted: Fri Jul 03, 2009 2:45 pm     Reply with quote

You browser is controlling whether the links open in a new window/tab. Have you set the options correctly? Web pages can not control how viewers open links/pages in their browsers. Nor should they ever have that control.

You say current frame. Are you using frame pages?
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Form All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
DARFUR
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial