HTML - Linking An Image To Drop Down List?
Is it possible to choose an image from a drop down menu which would change an image on the page?
for example using mouseover you can make thumbnail images or hyperlinks when hovered over, change an image on the page to the image that the link or thumbnail represents. can the same be done with a drop down list when an image number is chosen from a list can a centre image be linked with the choice chosen? Similar Tutorialshere is the code i am using so far </FORM> <SCRIPT TYPE="text/javascript"> <!-- function dropdown(mySel) { var myWin, myVal; myVal = mySel.options[mySel.selectedIndex].value; if(myVal) { if(mySel.form.target)myWin = parent[mySel.form.target]; else myWin = window; if (! myWin) return true; myWin.location = myVal; } return false; } //--> </SCRIPT> <select name="gourl"> <option value="">Services </option> <option value=href="I.T Audit.html">I.T Audit </option> <option value="/" >PC and Laptop repairs </option> <option value="http://www." >Upgrades </option> <option value="http://www.ggce-environmental.org/index.html">Networking Installation</option> <option value"">PC's to your specification</option> <option value"">PAT Testing</option> <option value"">Bespoke Database Design</option> <option value="">Service Level Agreement</option> <option value="">Engery Audit</option> <option value="">Internet Service Provision</option> </select> <INPUT TYPE=SUBMIT VALUE="Go"> im aware the href="i.t audit" is wrong it's supposed to be just the full url, but it's not working any help? cheers Hi all. I've been updating a website that now has a list that is getting to big and takes up abit of scrolling. Can anybody direct me to code that allows me create drop down boxes for each catagory that lists the html pages. When the user selects the page from within the drop down box it either goes straight to the page or they need to click "go". Cheers. Leroy Last week I decided to build my first site to get a better idea of how it is done. I found the code for a scrolling list in an old design I had from years ago. I cut the code out and placed it into a new template I am editing. It'll work, but there's two problems. I've spent about 6 hours searching for solutions or whole new code to use but it seems like there isn't much use for a scrolling list any more. Problem One: There doesn't seem to be any way to "execute" the selection on the list. I've placed the code below. I can scroll down the list - click on, say, Game 2, but it doesn't link anywhere. How would I either add a button that says "Go" and sends the user to the desired game url or have them simply click the title and link there? Problem Two: For some reason it displays completely differently in Firefox, Safari and IE. Not just a subtle difference: http://www.myimgs.net/images/zgds.jpg (Firefox) http://www.myimgs.net/images/aymd.jpg (IE) http://www.myimgs.net/images/dcqk.jpg (Safari) How would I make it display a little more uniformly across all browsers? I tried changing the values below but I don't see any difference at all. I'd rather it looked like the Safari version. --- <td valign="top" width="300" align="right"> <table width="300" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top" rowspan="2"><form> <table width="300" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <select name="highlight" multiple class="inputs3"> <option><game.html="#">Game 1</a></option> <option><game.html="#">Game 2</a></option> <option><game.html="#">Game 3</a></option> </select></td> </tr> </table> </form></td> </tr> </table> </td> </tr> </table> </td> <td width="1" height="80%" bgcolor="#CBCBCB"><img src="images/dot.gif" width="1" height="1" alt="" border="0"></td> </tr> Hi, I have some big banner images that have a number of different links on them and i need to have them linking to another page. So far i have been breaking the images up into smaller images and putting them back together with CSS. This has proven to work fine on some of the simplier images but now i have some complex images with about 5-10 links in different places. To continue breaking up the banners these images would need to be broken into more than 30 parts just to have the areas i want clickable. Is there another way to acheive what im after using some kind of frame that i position over the image and get the same effect rather than having to break all the images up? is it image mapping i need to do some learning on or is this completely different? thanks in advance CC_Design So my question is simple and easy. I already have knowledge of how to make a image link you to a web page. but I recently found the need to make a image link you to a webpage but not in a new window (what I mean is not open up a new browser window or tab when the image link is clicked.) how do I do this? I've created a drop down list with 4000 options on it which I did from an example I found on line. This is fine - loads quite quickly! I then had to add another 9 fields with the same 4000 options on and now the page doesn't load as quicky as I'd like. I was wondering if there was a way of defining the list of 4000 options once and then asking the ten drop down lists to reference it? Right now I have a very simple Javascript image array Quote: <script language="JavaScript"<!-- ImageNames = new Object(); ImageNames.length = 56; for (counter = 0; counter < 57; counter++) { file_number = counter + 1; file_name = ("image" + file_number + ".jpg"); ImageNames[counter] = file_name; } //--></script> <script language="JavaScript"> <!-- which_image_loaded = 0; function changeImage(direction) { which_image_loaded += direction; if (which_image_loaded < 0) which_image_loaded = 56; if (which_image_loaded > 56) which_image_loaded = 0; if (document.images) document.myimage.src = ImageNames[which_image_loaded]; } function MM_callJS(jsStr) { //v2.0 return eval(jsStr) } //--> </script> along with an image on the page and buttons that control the script Quote: <a href="javascript:changeImage(-1)"> along with <img src="image1.jpg"> This is for a web gallery of photographs, basically a picture in the center with a Back and Forward button to cycle through them. I also have an actual thumbnail gallery though, as I want people to be able to load the images they want without having to manually cycle through all of them. How then would I link to a specific image in this javascript array from a separate Web Gallery page? I hope this is the right place to ask this, any help would be appreciated I have 3 radio buttons in my web page and nothing else initially. Say A,B and C. If i choose Radio button A, i should get a drop down menu in the same page. After that if i choose radio button B, the drop down menu corresponding to Radio button A should disappear and drop down corresponding to B should appear. Similarily for radio button C also. All these should happen on the same page. Is this possible with HTML or should i go for some other scripts like java scripts, or JSP etc can anyone help me out with this? i want to create a drop down list that lists my favorite films but use my own image instead of a go button show me how to do this and i would also like to add colors to the list so it isn't just black & white and have it automatically sort alphabetically if possible. Hi all! I need some help with my site. In firefox, the Select Category dropdown under filters (on the left) expands to display the full text of the options. In IE, it doesn't do that - the options are cut off. How do I force that to happen in IE? site is at: www.v_an_darn_.com (remove _ ) Thanks! I recently posted this in the middle of someone else's thread, which wasn't the best thing to do, so here it is again in its own thread. On my web site I have a drop-down menu with a "Go" button beside it. when JavaScript is enabled in Firefox and IE7, selecting an option from the list automatically takes you to that location without touching the Go button. However, when JavaScript is disabled, the drop-down's automatic redirection is also disabled. So you need a "Go" button next to the drop-down bar. This works in Firefox, but it doesn't work in IE7, and I don't know why. Any help would be gratefully received. You can see the drop-down working at: http://www.historyfiles.co.uk/MainFeaturesIndex.htm Here's the script: <table border="0" cellpadding="0" cellspacing="0"> <form method="get" action="" tabindex="3" target="_top"> <tbody> <tr> <td height="16"> <select name="link" class="xbar" onchange="if (this.options[selectedIndex].value != '') location.href=this.options[selectedIndex].value"> <option value="#"> Choose a topic </option> <option value="MainFeaturesIndex.htm"> British Isles </option> </select> <input value="Go" src="images/nav-gobutton.jpg" border="0" value="Go" alt="Go" type="image" class="xGo" tabindex="4" onclick="if (this.options[selectedIndex].value != '') location.href=this.options[selectedIndex].value" width="22" height="16"> </td> </tr> </tbody></form> </table> I have an issue where a drop down list is displaying diffrent amounts of options on 2 machines. The 2 machines are simillar if not the same. Both using internet explore 6 and windows xp. As an example if you go to the website http://au.asus.com/index.aspx and look at the select country /area drop down box in the top left hand corner computer 1 will display all the options down to romania where computer 2 only shows all the options down to germany. Are there any settings in internet explore or windows XP which could be diffrent between the 2 machines which would cause the number of options shown in a drop down list to differ. Any help would be much appreciated. Hi All, Kindly help me in striking out a single value in drop down list options. I have 3 options - Hello,HI ,BYE. I want to strike out "Hi"when the list is shown, I was able to put color for single option but I could not stike it out. <html> <head> <style type="text/css"> .test { background: #708090; color: #DC143C; /*text-decoration: line-through;*/ } </style> </head> <body> <form> Select One: <select id="myList" > <option>Hello</option> <option disabled="disabled">---------</option> <option class="test">Hi</option> <option disabled="disabled">---------</option> <option>Bye</option> </select> </form> </body> </html> Hi All, first post in the forum. I would like to know if it is possible to create a drop down list from which the user could select a value but could also decide to enter a new one ? What I want is to offer the user to select an existing company name or enter a new one, but I would like to have only one field to do it instead of two. Is this possible Thanks for helping. ALex How can I drop down a select list with onmouseover instead of clicking it. Select list cannot be clicked in javascript to emulate that. eg: onmouseover="(this.click())" Also setting the 'size of select list' = 'its length' in javascript does not accurately emulate the click event because the adjacent layout changes. I tried using z-index and position attribute but doesn't help. Hi, I'm new to programming here. How do I enable a checkbox to work with a drop down list? For example, If the value inside the drop down list will only be registered or activated when i check the checkbox. I want to send an order via email to my server and I want the dropdownlist with the checkbox not checked to not display anything. How do i do that? Thanks! So, I'm looking to make a drop down style menu that can be seen on all (or at least the vast vast majority) browsers/universal. Basically, I don't want anything too flashy, but I just have no idea to do any sort of dropdown list aside from the basic html menu and input type of thing. To give an example of something I'm trying to do, I made a simple picture. I'm not looking to make it with flash or anything fancy; as I said, it's really basic and I just want it to be text. Any help or links would be appreciated! Hello, I have a simple html form drop down list as a quick reference and link to pages on my site. It is not nested with subcategories, however there are still hundreds of options in the list, and it is causing the page load time to slow considerably. When the list is created dynamically it is painfully slow. I tried to speed things up by making a static html file of the code and using INSERTFILE on my pages. This helped a little, but not enough to suit me. Is there a way to cache this code snippet, or something like that, to speed up the load time? Thanks! The tutorial on how to make a search form with multiple search options was excellent! http://www.mediacollege.com/internet...ti-search.html However, is it possible to use radio buttons instead of a drop-down list? Can someone be kind enough to show me the code for it? Million thanks. So I'd like to have a 160*600 box with hyperlinks displaying only a headlines I select. I would like the bottom of the box to have arrows for navigating between sections of links that fit in the box with a place to enter a page number in between them. I would like it to begin with displaying the most recently posted links starting on the last page number with that being the first page it displays. I want the bottom of the box to include below the browsing chronological browsing feature an arrow facing left with the word "search" that would open a box with a place to type in text for it to search link headlines. At the bottom of the search box I would like an arrow facing down with the words "search by label". Yes, I would like to not only select a headline for each link but also categorically label them. If I could also select images for it to automatically fill the empty space with when a new page number is started that would be great, even better if it selects ones that fill the most depending on how long the headlines are. If it repeated headlines in extra page space instead of showing images that would be cool too. I'd also like it to automatically expand in height past 160*600 to make a new page number just for a headline that doesn't fit in 160*600. I need this in HTML. My blog is episin.blogspot.com |