|
HTML - Drop A Select List By 'onmouseover'
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. Similar TutorialsIs there anyway I can have a line of text in my FAQ's on my website with a onmouseover command to drop down a box with the answer to the question? Thank you in advance, Regards, Josh When you create a select form with a default size or a size of 1, the options (once you expand the form out by clicking it) that are moused over will be highlighted. I want that same effect on a select form with a size of 30. I imagine the solution lies in some javascript onmouseover function, but I couldn't find anything. Help? 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? hi guys, I have a form with HTML Code: <select name="myOnClick" onChange="DoSubmission()">
<option value="1">Year 1 </option>
<option value="2">Year 2</option>
<option value="5">Year 5</option>
<option value="10">Year 10</option>
<option value="25">Year 25</option>
</select>
when the user clicks on one of these, it refreshes the page and updates a variable somewhere bsaed on the value. However when it refreshes the value showing is always Year 1. I want it to show the option they have just clicked. Anyone know the code that allows you to choose which one shows up? I can then use php to script which one is selected. TIA I am having a problem with IE7 rendering this page's last two select boxes. It renders fine in Firefox. It doesn't seem to like the height properties of the select boxes being set to percentages. Thanks in advance HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>BLAH BLAH BLAH, WEIRD IE BEHAVIOUR</title>
</head>
<body id="bodyBODY">
<form name="frmFORM" id="frmFORM">
<table align="center" width="100%" height="800px" border="1">
<tr>
<td style="width: 30%; text-align: center; vertical-align: top; height: 90%;">
<div>
TITLE 1<br />
</div>
<select name="select1" size="2"
id="select1" style="height: 90%; width: 100%;">
<option value="00023">00023</option>
<option value="04988">04988</option>
<option value="05560">05560</option>
<option value="05565">05565</option>
<option value="05915">05915</option>
<option value="05M">05M</option>
<option value="06970">06970</option>
<option value="07M">07M</option>
<option value="09015">09015</option>
<option value="09020">09020</option>
<option value="09030">09030</option>
<option value="09065">09065</option>
<option value="09275">09275</option>
<option value="09330">09330</option>
<option value="09335">09335</option>
<option value="09340">09340</option>
<option value="09441">09441</option>
<option value="09442">09442</option>
<option value="09491">09491</option>
<option value="09615">09615</option>
<option value="09763">09763</option>
<option value="09810">09810</option>
</select>
</td>
<td style="width: 30%; text-align: center; vertical-align: top;">
<div>
TITLE 2<br />
</div>
<select name="select2" id="select2" size="2"
style="height: 90%; width: 100%;">
<option value="09330">09330</option>
<option value="09335">09335</option>
<option value="09340">09340</option>
<option value="09441">09441</option>
<option value="09442">09442</option>
</select>
</td>
<td style="width: 40%; text-align: center; vertical-align: top;">
<div>
TITLE 3<br />
</div>
<select name="select3" id="select3" style="height:90%;width:100%;" size="2">
<option value="A-008FXD">A-008FXD</option>
<option value="A-1251BOLTE">A-1251BOLTE</option>
<option value="A-1251F31">A-1251F31</option>
<option value="A-6901RW7">A-6901RW7</option>
<option value="A-6901RW8">A-6901RW8</option>
<option value="A-6901RW9">A-6901RW9</option>
<option value="A-6901SA1">A-6901SA1</option>
<option value="A-6901SA2">A-6901SA2</option>
<option value="G-813R0070">G-813R0070</option>
<option value="G-813R0127">G-813R0127</option>
<option value="G-813R0174">G-813R0174</option>
<option value="G-813R0192">G-813R0192</option>
<option value="G-813R6500">G-813R6500</option>
<option value="G-813RDJX">G-813RDJX</option>
<option value="G-813RGEL">G-813RGEL</option>
<option value="G-813RICM2">G-813RICM2</option>
<option value="G-813RLIQD">G-813RLIQD</option>
<option value="G-813ROPT">G-813ROPT</option>
<option value="G-813RPCC">G-813RPCC</option>
<option value="G-813RQTM">G-813RQTM</option>
<option value="G-813RTAB">G-813RTAB</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
hi My code is- <HTML> <HEAD></HEAD> <BODY> <TABLE> <TR><TD> <SELECT NAME="Date"> <OPTION>1</OPTION> <OPTION>2</OPTION> : : <OPTION>30</OPTION> <OPTION>31</OPTION> </TD></TR> </TABLE> </BODY> </HTML> it will show the numbers from 1 to 31 in the drop down with long scrollbar. My problem is - I want show only 10 numbers.User need to scroll and select other numbers. Is it 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 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. 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 girls and guys, I have confront a problem regarding the select menu list. From an example, have 1000 customer name records in the select list, I try to scroll down the list and select one of them only. So it may spend some time to look through the 1000 customer name records and select only one customer name. Any ways or solution can solve this kinds of messy works? Thank you. How do I get the selected item from a select option list? I dont need the value I need the text associated with the value. I can get the value with (in vbscript): strValue = .mylist.value Have searched google exhaustively to see how to do this simple thing but have found nothing. Thanks. I want to sell some stuff over the internet like cloths.... And I use Pagseguro (Its a brazilain thing, like paypal). So, I have this wordpress site, with pagseguro plugin installed on it. To add products on my posts I use the following code to get the Add to cart button. HTML Code: <object><form method="post" action="" style="display:inline">
<input type="submit" value="Adicionar ao Carrinho" />
<input type="hidden" name="product" value="[b]PRODUCTNAME[/b]" /><input type="hidden" name="price" value="PRODUCTPRICE" /><input type="hidden" name="addcart" value="1" /><input type="hidden" name="cartLink" value="<?php the_permalink() ?>" />
</form></object>
The thing is, the plugin is really simple. All it does is: show "add to cart" button and the "pay" button. And like I said, I want to sell cloths. To sell cloths there got to be the Sizes: "S""M""L" and color. And what I wanted to do is: Create a form like this: HTML Code: <form name="jump"> <p align="center"> <select name="menu"> <option value="URL">Text that will appear in the choices</option> <option value="URL">Text that will appear in the choices</option> <option value="URL">Text that will appear in the choices</option> </select> <input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"> </p> </form> (I found that on http://personal-computer-tutor.com/dropdownlist.htm) On the options there would be the sizes for my clients to choose. And on the "ADD TO CART CODE" (the first code on the top) on the "PRODUCTNAME" part would be a PHP or something that would gather the clients choice and add it there. So when he press the button the product he chose would show on the cart with the size in parentesis. Like this: HTML Code: <object><form method="post" action="" style="display:inline">
<input type="submit" value="Adicionar ao Carrinho" />
<input type="hidden" name="product" value="Alpinestars (<?php GET FORM VALUE ?>)" /><input type="hidden" name="price" value="PRODUCTPRICE" /><input type="hidden" name="addcart" value="1" /><input type="hidden" name="cartLink" value="<?php the_permalink() ?>" />
</form></object>
(for the button) and if he chooses small it be like this on the shopping cart: Alpinestars (Small) I know its really difficult to understand My english is really bad. But im really sad because I cant do this by any way. Could yall please help me with my problem? Thank You. 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! 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 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> 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? HTML Code: <div class="contactlistdiv"> <select multiple="yes" name="send" class="contactlistone" size="6"> <option value="1" >hello</option><option value="2" >gee</option><option value="3" >gluba</option></select> </div> I am creating a list like the one above. When I style it with CSS it wont let me select any options! E.g if i float left or right(float:right; ) with CSS it wont work. Where as if I place it absolutely somewhere it will work. Problem is to get it exaclty where I want i need to float it. I have tried placing it inside a relatively placed div absolutely but it still wont let me select. I have also tried styling both classes contactlistdiv and contactlistone but it doesnt make a difference. Any help appreciated. Thanks. Hi All, I've been asked to make some hyperlinks that automatically select items in a drop down menu in a contact form. Is this possible if so, how is it done Thanks in advance Bluestreak |
|||||||