I'm looking to create a multiple selection drop down menu that has radio buttons & text. For example
[MENU] <-click
[MENU] <-after click
--------------------
| (x) Selection one |
| (o) Selection two |
| (x) Selection three |
| (o) Selection four |
--------------------
so basically, like a <select> except it has radio selections and you can pick several choices. When you select one, that whole row is highlighted (background color of that row changes). Would I use javascript/dhtml for this? I'm guessing so.
I am trying to use the Jquery selecmenu to skin dropdowns.There are extra UL LI getting formed with data "undefined" so dropdown is showing undefined in end.
I'm having problems with a Javascript 'Lookup' function.
Basically, I have a select menu 'Customer' which triggers a 3 JS functions, to populate 2 extra select menus.
Using IE Developer Tools, during debugging, I get this error: Expected ';' Error
This relates to either: eval(ajax_CustContact[index].response); OR eval(ajax_CostCentreContact[index].response); (it's a bit random, as sometimes it works, sometimes it doesn't)
I have tried changing the 'custid' to 'custname' to check whether it was an integer causing the problem, but had the same problem.
We have a list of items that each has a different quantity available. So I am going to create a multiple select menu, where they can select several different items. So, how can I make it that when they leave the field it sends all the different ones to the ajax program to build all the appropriate quantity forms?
<!-- Start Javascript --> <script language="JavaScript"> <!-- Hide Me
/* Advanced Form Validation Script v6.2 (C) 2000, 2001 Phoenix Now Inc.
Reproduction of this script is Prohibited Unless this comment remains
Visit us Online at: http://www.phxnow.com
Contact Us at: info@phxnow.com
### NOTE ### BEFORE you start to RIP this script appart, make a copy of it.
I have Commented the Areas you can change and how to change them correctly. The following denotes the special comment area of information.
## Special Comment Area ##
Set the title of your page, to what you want to be seen in the email. The document title is used for the email title, and the subThanks window title. */
// Focus the first form element function focusIt() { window.document.forms[0].elements[0].focus(); }
// Redirect the user to a thank you page function redirectIt() { window.document.location.replace("thanks.htm"); // ## Change the page name and or location to your thank you page. ## }
// Reload the current page. function reloadIt() { window.document.location.reload() }
// Build Thank you window based on form elements. function subThanks() { /* ## The subThanks page displays information to the sender about what has been sent. This page also gives them a chance to print a hard copy for there records. If you wish to change any of the format of this window, becareful, table information is set in three areas. The first area is in the Variables below, col, cot, coz and brk. The second area is in the newWin.document.write lines. this area is the top portion of the new window. It displays a thank you, displays ths user email, the form name, last name and first name, as well as the top print button. The third and final area, is what is used to generate the rest of the table. You should not have to touch any of this, as all the cell formatting is done in the top Variables.
If you change the name value of your First Name, Last Name and Email address, make sure to update this information here in section two as well. reqRequestor_First_Name, reqRequestor_Last_Name reqRequestor_Email are all called in the second section. ## */ var bg = 0; var daHeight = screen.height / 2; var daWidth = screen.width / 2; var topPos = 0; var leftPos = 0; if (screen) { topPos = daHeight-200; leftPos = daWidth-250; } var form = window.document.forms[0]; var doct = window.document.title.toString(); var now = new Date(); newWin = window.open('','thanks','scrollbars=1,width=570,height=450,left='+leftPos+',top='+topPos+''); newWin.document.writeln("<html><head><title>" + doct + "</title><link rel='STYLESHEET' type='text/css' href='main.css'></head><body bgcolor='#ffffff' text='#000000'>"); newWin.document.writeln("<h1>Thank You!</h1>"); newWin.document.writeln(form.reqRequestor_First_Name.value + " " + form.reqRequestor_Last_Name.value + ", thank you for completing the " + doct + "<p>"); newWin.document.writeln("A Copy of the results below have been emailed to you at <a href='mailto:" + form.reqRequestor_Email.value + "'?subject='" + doct + "' class='mroller' title='Your Email Address'>" + form.reqRequestor_Email.value + "</a>. We sugguest that you print a copy for your records as well." + "<p>"); newWin.document.writeln("<form class='forma'><input type='button' name='print' class='forma' value='Print Doc' title='Print Document' onClick='window.print()'><p>"); newWin.document.writeln("<table width=' cellpadding=Ƈ' cellspacing=Ɖ' border=Ɔ' title='Form Information'>"); newWin.document.writeln("<tr><td colspan=ƈ' bgcolor='#bebebe' class='copy'>" + doct + " Submitted on " + now.toLocaleString() + "</td></tr>"); /* ## The below section is the third section for generating the subThanks window. This section loops over the entire form, and then writes the information to the new subThanks window. There are some rules to what is shown and what is not shown in the subThanks window. Everything else is printed to the new window accept the following.
1. Checkboxes and Radio buttons that are not checked 2. Button Types 3. Hidden fields 4. hidden form objects whos name ='s "==================================================" This is used for a break, when the loop finds an element with the above equal signs, the Variable brk is written which is equal to "<tr><td colspan=2 bgcolor=#e6e6e6> </td></tr>"; This break is definded above at line 89 5. The Table is closed when the loop hits a submit or reset button. ## */
I believe � can be solved pretty easily by an expert.It's about the script in this thread: http:[url].....how I can adapt the script to work with multiple div's in one page.
i'm new to jQuery and SVG and my homerwork is to develope ECG chart. It should show data with: - 25mm/s - 50 mm/s - 1mm/mV - 5mm/mv I've decided to use Keith Wood jQuery plugin and have some questions. Is it possible to manipulate with gridlines when using graphing extension? I'd like every full second line to be thicker than the rest. Secondly, length on chart in every resolution should be equal to real length. Or should I make that chart step by step using drawing functions?
I'm trying to develop proper exception handling for a javascript framework I'm developing but I keep hitting an annoying dead end: caller and line numbers / stack trace.I have a basic exception class:
Code:
/** * Exception.js * * @classException
[code].....
The problem is that the console.trace() function returns only one line: "log", referring to ExceptionHandler.log(e) (at least in webkit). What I'd love to do is have the Exception class get information as to (at the very least) what called it and also, although perhaps less viable, the line number it was called on. I don't think the line number is going to work though. I would _like_ this to happen automatically, but if I have to include another argument called_from it won't be the end of the world. I know about arguments.caller but this is depreciated (as of ECMAScript 1.3 (?)).
I would like to know how to set another select menu based on what was select by another one example if I select water in the first select box.i would like to be able to select a type of water from the next select box.i have items in the first select box like water , wastewater, petroleum.if i select water in the first one then the second select box should have a list like brackish water,brine,fire protection.
I'm trying to add a search feature into a literature review i'm converting to HTML for work. This is to be burnt to a cd and given to a client. At present I can only do a simple keyword search through the entire collection text (i'm NO programmer i'm afraid ), I need to add boolean features to this so that ppl can search for "word1 AND word2" sort of thing. Can anyone give me some pointers as to how I might accomplish this?
I am trying to load multiple google maps with advanced directions on one page. I can't seem to get it to work. Any way to run the same multiple times on one page? Here is the code below. The first map and set of directions works, but not the second.
Tried searching for this, but can only find js events to remove an item completely from a drop down box once it's been selected. Example: On a page with many fields for entering different DNS server addresses, I have a drop down menu next to each field, and the values are "Main DNS", "Alternative DNS", "Third DNS", "Least Favorable". Since there can only be one main DNS server chosen, I'd like to know if it's possible for js to prevent that choice from being used more than once. Say there is a Main DNS selected, but the user changes his/her mind and wants a different one. When he selects a second "Main DNS", the first item will return to the drop-down default choice (most likely blank). As stated before, I'll gladly accept a link describing this (or even the proper term to use for a google search).
I'm about to use this script below for a project I have. It works great but unfortunately I can't get it to read select menu (selected option) values. It returns undefined. I've asked the author but had no response as yet, so I was wondering if anyone else could see why it wouldn't read the select menu value.
var functionname = function () {} functionname.prototype = { options : {}, generateShortCode : function() {
This is handy when making dynamic forms. Will reproduce and return a duplicate of an existing select menu. Just pass the id of the select you wish to clone.
function cloneSelect(objid) { var sel=document.createElement('select'); obj=document.getElementById(objid); var len=obj.childNodes.length; for(var i=0;i<len;i++) { if(obj.childNodes.item(i).text) { var opt=document.createElement("option"); opt.value=obj.childNodes.item(i).value; str=document.createTextNode(obj.childNodes.item(i).text); opt.appendChild(str); sel.appendChild(opt); } } return sel; }
Advanced DHTML Dropdown List component (Javascript,ASP,.NET,PHP) enhances usability of large dropdown lists with type & select feature. It suggests possible matches for entries you type in the input box. Works in all browser with DIV, CSS and JavaScript support: IE5+, Netscape6+, Mozilla, Opera. The script allows full customization with style sheets, single and multiple select mode. Code:
I am trying to create multiple google maps with multiple directions that load on one page. I have tried duplicating the var and function names but I haven't been able to get it to work.code...
<SCRIPT LANGUAGE="JavaScript"> <!-- function JumpToIt(list) { var newPage = list.options[list.selectedIndex].value if (newPage != "None") { location.href=newPage } } //--> </SCRIPT>
Which in turn selects an option from the original dropdown.
Works fine except.....
The options in the select call scripts that open new browser windows, and when this occurs popup blockers swing into action and block the new window. When I originally had the javascript calls as plain links such as [HREF="javascript:onCreatePrintable()"] the popup was not blocked since it was obvious that user was clicking the link. Now that I'm trying to save much needed space by putting these links into a dropdown, the popup blockers are not recognizing the user selection.... I guess. I was thinking the javascript could somehow simulate an onClick to alleviate the problem. Any suggestions?
I am still having trouble creating the Select Menu option. I got parts of the correct syntax but it is still not creating the selected carrier as an option in the parent page.
Help apprecitate,. I currently have it commented out just to show the line to you better:
function onCarrierSelect() { var frm = document.carrRequestForm.carrierList.selectedIndex ; var selectCar = document.carrRequestForm.carrierList.options[frm].text; var varEl = "<%=varElementName%>"; if (window.opener && !window.opener.close) var oOption = window.opener.document.createElement("OPTION"); //window.opener.form.[varEl].options.add(oOption); oOption.innerText =selectCar; oOption.value =selectCar; window.close(); }
