|
JavaScript - Running As Functions, Assigning Variables, Displaying Textboxes
I recently started designing websites, I'm pretty good with working in the design area of expertise. However I am not so great at the development part. I have had little to no experience with java programming. I am putting e commerce on my clients site. He is selling an item that varies in price depending on what size it is. What I am trying to do is have a input for the length and the width and then display the price. I have configured the length and width to multiply and can display the total but I don't know what the if then statement would look like for the price. So lets say the user puts in 4 length and 4 width. I can display 16. But I want to take that and say if =16 then display $21.50 or whatever the cost would be. But I cannot figure out how to code it right for the if then part and then the display part. I am very new to java programming and think i might be a little out of my league with this project but any help you can offer would be great. thank you.
Similar TutorialsHi, Need some help here. To formulate the problem simple i have two buttons with the onclick function: Code: <a href="#" ONCLICK="function1('this')">Click for this!</a>
<a href="#" ONCLICK="function1('that')">Click for that!</a>
When I click this button I actually need to pass the value 'this' or 'that' to function2.. Code: <script language="javascript">
var name = ''
function1(name) {
???
}
function2() {
document.all.textbox.value = name;
}
</script>
I guess what im asking is how can you set a variable by one onclick function and then use it in any other function? Thanks a bunch! Col Hi everyone, I am working on an assignment and require a little bit of assistance. I have a form (an order form) where I am required to validate the required entries - I have managed to do this with the textbox field no problems. Where I am coming unstuck is with the following items. homePhone - numbers only and max 10 numbers for validation postCode - same as above email validation of @ and . How do I validate comboboxs so that if nothing is selected an alert shows? If the "other address" radiobutton is checked how do I have the text boxes only validate on check? How do I validate the textarea when "do you want a card message" is ticked? I have been working on this for the past week and a bit and have done a fair amount of research and tried to implement various pieces of code I have found with no luck. I have removed some of the select objects to cut down on the amount of code. I am not expecting anyone to write my assignment for me, just wanting assistance to help me learn and become more proficient in JS Regards BP Code: <html>
<head>
<title>Online Order Form</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="author" content="Jeremy Porteous">
<script type="text/javascript">
<!--
function validate(){
var form=document.getElementById("orderForm");
var Name=form["fullName"].value;
var fullName_err=document.getElementById("fullName_err");
var address=form["address"].value;
var address_err=document.getElementById("address_err");
var location=form["location"].value;
var location_err=document.getElementById("location_err");
var postcode=form["postcode"].value;
var postcode_err=document.getElementById("postcode_err");
var homePhone=form["homePhone"].value;
var homephone_err=document.getElementById("homePhone_err");
var email=form["email"].value;
var email_err=document.getElementById("email_err");
var checkbox=form["card"].value;
var street=form["street"].value;
var street_err=document.getElementById("street_err");
var otherLocation=form["otherLocation"].value;
var otherLocation_err=document.getElementById("otherLocation_err");
var otherPostcode=form["otherPostcode"].value;
var otherPostcode_err=document.getElementById("otherPostcode_err");
if(Name==""){
fullName_err.innerHTML="Please enter your Full Name";
}else{
fullName_err.innerHTML="";
}
if(address==""){
address_err.innerHTML="Please enter your Street Address";
}else{
address_err.innerHTML="";
}
if(location==""){
location_err.innerHTML="Please enter your Surburb/Town";
}else{
location_err.innerHTML="";
}
if(postcode==""){
postcode_err.innerHTML="Please enter your Postcode";
}else{
postcode_err.innerHTML="";
}
if(homePhone==""){
homePhone_err.innerHTML="Please enter your Phone Number";
}else{
homePhone_err.innerHTML="";
}
if(email==""){
email_err.innerHTML="Please enter a valid Email";
}else{
email_err.innerHTML="";
}
if(street==""){
street_err.innerHTML="Please enter Street Address";
}else{
street_err.innerHTML="";
}
if(otherLocation==""){
otherLocation_err.innerHTML="Please enter Suburb/Town";
}else{
otherLocation_err.innterHTML="";
}
if(otherPostcode==""){
otherPostcode_err.innerHTML="Please enter Postcode";
}else{
otherPostcode_err.innerHTML="";
}
if(Name=="" || address=="" || location=="" || postcode=="" || homePhone=="" || email=="" || street=="" || otherLocation=="" || otherPostcode=="") {
alert("Please Check form and fill in form data correctly");
return false;
}else{
return true;
}
}
-->
</script>
<h2>Joes Online Order Form</h2>
<h5>* denotes a required field</h5>
<h3><u>Your Details</u></h3>
<form id="orderForm" name="orderForm" method="post" action="" onsubmit="javascript:return validate()">
<!-- The form user is required to fill in some personal information * is a required field -->
<!-- Input fields will be validated -->
<h4>*Name:
<label><input type="text" id="fullName" size="35"></label>
<label id="fullName_err" style="color:#FF0000; font-style:italic;"></label></h4>
<h4>* Address:
<label><input type="text" id="address" size="30"></label>
<label id="address_err" style="color:#FF0000; font-style:italic;"></label>
* Suburb/Town:
<label><input type="text" id="location" size="30"></label>
<label id="location_err" style="color:#FF0000; font-style:italic;"></label></h4>
<!-- The input field for "state" is a dropdown combo box -->
<h4>* State:
<select name="homeState" size="0">
<option value="State">Select your State</option>
<option value="ACT">ACT</option>
<option value="NSW">NSW</option>
</select>
<label id="homeState_err" style="color:#FF0000; font-style:italic;"></label>
* Postcode:
<label><input type="text" id="postcode" maxlength="4" size="4"></label>
<label id="postcode_err" style="color:#FF0000; font-style:italic;"></label></h4>
<h4>* Home Phone:
<label><input type="text" id="homePhone" maxlength="10" size="10"></label>
<label id="homePhone_err" style="color:#FF0000; font-style:italic;"></label></h4>
<h5>Work Phone:
<input type="text" id="workPhone" maxlength="10" size="10">
Fax:
<input type="text" id="Fax" maxlength="10" size="10"></h5>
<h4>* Email:
<label><input type="text" id="email" size="30"></label>
<label id="email_err" style="color:#FF0000; font-style:italic;"></label></h4>
<!-- The input fields for "type" and "expDate" are dropdown combo boxes -->
<h4><em>Credit Card Details</em></h4>
<h4>* Type:
<select name="creditCard" size="0">
<option value="creditCard">Select your Credit Card</option>
<option value="visa">Visa</option>
<option value="mastercard">Master Card</option>
</select>
* Exp Date:
<select name="expMonth" size="0">
<option value="Jan">Jan</option>
<option value="Feb">Feb</option>
<option value="Mar">Mar</option>
</select>
<select name="expYear" size="0">
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
</select></h4>
<!-- Using the combo boxes the user can select type of basket and qty -->
<h4><em>Purchase Details</em></h4>
<h4>* Basket Type:
<select name="basketType" size="0">
<option value="Select a Basket">Select a Basket</option>
<option value="1A">1A</option>
<option value="1B">1B</option>
</select>
* Qty:
<select name="quantity" size="0">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select></h4>
<h4><b>* Deliver To:</b></h4>
<!-- Radio buttons are mutually exclusive -->
<h4><input type="radio" id="homeDel" name="delAddress" value="homeAddress" checked> Home Address</h4>
<h4><input type="radio" id="otherDel" name="delAddress" value="otherAddress"> Other Address</h4>
<!-- the following is for the "Other Address option" -->
<h3><u>Other Address Details</u></h3>
<h4>* Street:
<label><input type="text" id="street" size="30"></label>
<label id="street_err" style="color:#FF0000; font-style:italic;"></label>
<!-- The input field for "state" is a dropdown combo box -->
* Suburb/Town:
<label><input type="text" id="otherLocation" size="30" ></label>
<label id="otherLocation_err" style="color:#FF0000; font-style:italic;"></label></h4>
<h4>* State:
<select name="state" size="0">
<option value="State">Select the State</option>
<option value="ACT">ACT</option>
<option value="NSW">NSW</option>
</select>
* Postcode:
<input type="text" id="otherPostcode" maxlength="4" size="4">
<label id="otherPostcode_err" style="color:#FF0000; font-style:italic;"></label></h4>
<h4><em><b>* Date Delivery Required</b></em>
<select name="delDay" size="0">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
</select>
<select name="delMonth" size="0">
<option value="Jan">Jan</option>
<option value="Feb">Feb</option> <option value="Mar">Mar</option> <option value="Apr">Apr</option>
</select>
<select name="delYear" size="0">
<option value="2012">2012</option>
</select></h4>
<h5>Would you like to include a card? <input type="checkbox" id="card">
<label id="card_err" style="color:#FF0000; font-style:italic;"></label></h5>
<!-- Text box message will only be submitted if checkbox is ticked -->
<p>Leave a personal message for the card<br>
<textarea name="text" id="cardMessage" rows="5" cols="28"> Enter your message here</textarea></p>
<p>***Click on <b>Submit</b> when complete or <b>Clear Form</b> to reset form***</p>
<input type="submit" id="submit" value="Submit">
<input type="reset" value="Clear Form" onClick="reset">
</form>
</body>
</html>
I've noticed that if you declare a variable in one function, then call another function, the variables cannot be accessed in that function. Is there any way to get the value of a variable declared in a different function?
Hi I want help with trying to pass some variables from one function to another. so with the following example: Code:
// main body of script
function exercise() {
fnLLR_Calculate();
fnLLR_Calculate2();
}
function fnLLR_Calculate() {
//-------Gets values from web page------//
var $Shares;
_set($Shares, _getText(_textbox("CALC_STOCK_INPUT")));
$Shares = Number($Shares);
_log("$Shares =" + $Shares);
var $GrantPrice;
_set($GrantPrice, _getText(_textbox("GRANT_PRICE_INPUT")));
$GrantPrice = Number($GrantPrice);
_log("$GrantPrice = " + $GrantPrice);
var $FMVPrice;
_set($FMVPrice, _getText(_textbox("FAIR_MARKET_VALUE")));
$FMVPrice = parseFloat($FMVPrice).toFixed(2);
_log("$FMVPrice = " + $FMVPrice);
var $TaxWitholdRate;
_set($TaxWitholdRate, _getText(_textbox("TAX_WITHHOLDING_RATE")));
$TaxWitholdRate = $TaxWitholdRate / 100;
_log("$TaxWitholdRate = " + $TaxWitholdRate);
}
function fnLLR_Calculate2() {
//----uses values from fucntion 1 to calculate----//
$Result_Shares = ($Shares- $GrantPrice) * $TaxWitholdRate / $FMVPrice;
$Result_Shares = $Result_Shares.toFixed(0);
_log("$Result_Shares = " + $Result_Shares);
}
So i need to pass some variables from function fnLLR_Calculate to fnLLR_Calculate2. What is the best way to do this? hi. i know a little php, but new to javascript. much of the syntax is identical. in reading the new rhino book (flanagan 6th), he gives the following example: Code: var square = function(x) {
return x*x;
};
okay, but then he does this: Code: square(plus1(y)) as an example of "invoking two functions in one expresson". (Prior he gives an example of defining a function with plus1, which is how I normally think of functions.) uh, square is a *variable*, but he is using it as a FUNCTION. Can somebody help me understand how this can be? how it works? I'm having trouble conceptualizng how we use a variable as a function. Hi I am using a .js with 3 functions in it 1st function getPeriod is to extract the index of a selected list item 2nd function getRadios is to get the value from a selected radio button 3rd function calculateAmount uses if statments and follows a course depending on which index was selected from the list item in the 1st functino ie . 0,1,or 2 The problem is that the index value is unidentified in the 3rd function when i try to use it in the if statement, but the value of the radio button, the variable "cigs" works... I want to know how to allow the index value to work in the 3rd function I know this is a very silly problem but I cant spend any more time trying to figure it out ...code below ...Thanks ! [code] var index = 0; var element = ""; var cigs = 0; // get the selected item in the list with id listId function getPeriod(listId){ // find the index of the selected item index = document.getElementById(listId).selectedIndex; // use the index to access the text of the selected item element = document.getElementById(listId).options[index].text; // put the favorite into the text field document.getElementById('period').value=index; return index; } function getRadios(what){ // get the cigs value j=what.cigs.length; //alert(j) for (i=0; i<j; i++){ if(what.cigs[i].checked) cigs = what.cigs[i].value } what.buttons.value = (cigs) return cigs; } function calculateAmount (){ if (index = 0) { total = (8.5 * cigs * 182); } else if ( index = 1 ) { total = (8.5 * cigs * 365); } else if (index = 2) { total = (8.5 * cigs * 730); } document.getElementById('total').value=total; } [code] All -- I have a JavaScript config file called gameSetting.js which contains a bunch of variables which configures a particular game. I also have a shared JavaScript library which uses the variables in gameSetting.js, which I include like so: <script type="text/javascript" src="gameSetting.js" ></script> <script type="text/javascript" src="gameLibrary.js" ></script> In gameSetting.js I have: $(document).ready(function() { // call some functions / classes in gameLibrary.js } in Firefox, Safari, and Chrome, this works fine. However, in IE, when it's parsing gameSetting.js, it complains that the functions that live in gameLibrary.js aren't defined. When it gets to parsing gameLibrary.js, the variables in gameSetting.js are reported as not being defined. I've tried dynamically bootstrapping the gameLibrary file using this function in document.ready for dynamic load... $.getScript("gameLibrary.js"); However, the same problem still happens in IE, where when it parses the files individually it's not taking into context the file/variables that came before, so it's not an out of load order problem. My options a 1) collapsing all the functions in gameLibrary.js and variables in gameSetting.js into one file. However, this is not practical because this is dealing with literally hundreds of games, and having a gameLibrary.js in ONE location for ONE update is what makes most logical sense. 2) figure out a way to get this to work where variables in file1 are accessible to file2 in IE (as it seems they are in other browsers). jQuery seems to be able to have multiple plugins that all refer to the based jQuery-1.3.2.js, so I know there is a way to get this to work. Help appreciated. Nero Hello, I need your help, I can seem to get this to work. I want to be able to use an IIF to check if a textbox empty ie. IIF(textbox1 = "" || textbox = null, "it is empty","it is not empty") This doesnt seem to be working. Any ideas? - Clueless =? Hi there...I have an autosuggest that I got from a friend. My question is ... the autosuggest works well on my business textbox - what would the code look like to get it to work on the region textbox (or how do I get it to work on more than one textbox - can I just make a copy of the js file and change stuff)... Here is the html code for the index.html page with two boxes and a submit button... 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome</title>
<link href="searchfield.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="searchfield1.js"></script>
</head>
<body>
<form name="searchresults" action="Site/searchresults2.php" method="post" >
<input name="Business" class="textfield_effect" type="text" value="Enter Business Type or Name" size="30" onfocus="if(this.value==this.defaultValue) this.value='';" autocomplete="off"
id="businessquery" />
<input name="Region" class="textfield_effect" type="text" value="Enter Suburb or Postcode" size="30" onfocus="if(this.value==this.defaultValue) this.value='';" autocomplete="off" id="regionquery" />
<input type="submit" class="textfield_button" value="Search"/>
</body>
</html>
and here is the code for the file called searchfield1.js that powers the autosuggest... Code: this.searchfield = function(){
// CONFIG #
// this is id of the search field you want to add this script to.
// You can use your own id just make sure that it matches the search field in your html file.
var id = "businessquery";
// Text you want to set as a default value of your search field.
var defaultText = "Enter Business Type or Name!";
// set to either true or false
// when set to true it will generate search suggestions list for search field based on content of variable below
var suggestion = true;
// static list of suggestion options, separated by comma
// replace with your own
var suggestionText = "Accounting Firm, Independent Actors, Administration of Public Programs, above the fold, absolute link, accessibility, address bar, affordance, alt text, alt tag, anchor, animated GIF, anti-alias, applet, assumed knowledge, authoring, automagically, autoresponder, back end/front end, backup, bandwidth, banner ad, banner blindness, belt-and-suspenders, bitmap, blog, blogger, blogging, bookmark, breadcrumb, broadband, browser, cache, cached files, call to action, Cascading Style Sheets , chatroom, chrome, click-through rate, client-side/server-side, closure, compatibility mode, data compression, content management system , contextual menu, convergence, cookie, cost-per-clickthrough, cost-per-thousand, crawler, cross-browser compatibility, cybersquatter, deep-linking, default, degrade gracefully, deprecated, design pattern, directory, disjointed rollover, dither, div, div-i-tis, divitis, document type declaration, doctype, document type definition, Domain Name System, DNS server, domain name, DomaiNZ, doorway/gateway page, dots-per-inch, download, Dublin Core metadata, dynamic HTML, e-commerce, email, element, encryption, favicon.ico, File Transfer Protocol, FTP client, firewall, Fireworks, Flash, Flash Generator, flow chart, fold, above-the-fold, footer navigation, form, folksonomy, frame, frameset, front end/back end, gateway page, global navigation, granularity, Graphic Interchange Format, Graphical User Interface, hack, handle, haptics, hexadecimal colours, hits, host, hosting, hotspot, HyperText Markup Language, HyperText Transfer Protocol, HTML markup, HTML-text, hyperlink, iframes, i-mode, image map, impression, include, information architecture, information foraging, initialism, integration, interactive television, interface, internet, interstitial, intranet, Initial Public Offering, Internet Protocol, IP address, IP number, Internet Service Provider, JavaScript, Joint Photographers Expert Group, label, landing page, legacy content, link: absolute, relative, root, link farm, link rot, definition, ordered, unordered, listserv, logfiles, logfile analysis, look-and-feel, lossless compression, lossy compression, macron, mailing lists, markup, meta element, metadata, meta tag, mine-sweeping, MP3, MySQL, natural language, navigation, open source, optimise, optimisation, opt-in/opt-out, PageRank (PR), parasite economy, design pattern, perceived affordance, permission-based marketing, phishing, PHP: Hypertext Preprocessor, Portable Document Format, web portal, Pretty Good Privacy, pixel, plug-in, pop-up window, pop-under, Portable Network Graphic, prosumer, QuickTime, quirks mode, reciprocal links, referrer, referrer log, Really Simple Syndication, relative link, Realtime Transport Protocol, robot, robots file, robots.txt, rollover, disjointed rollover, root, root directory, root link, scan, scanning, schematic, SCM, SCP, search engine, search engine marketing, search engine optimisation, Section 508, Secure Sockets Certificate, semantic markup, server, sever-side/client-side, server-side include, session, session tracking, Shockwave, shopping-cart, shortcut icon, Simple Object Access Protocol, site feed, sitemap, smart tags, Synchronised Multimedia Integration Language, sniffer, spam, spim, spider, splash page, splash screen, spyware, standardista, standards-compliant/strict mode, status bar, sticky, streaming, streaming media, structured query language, stylesheet, system font, tags, tags/tagging, target, template, top-level navigation, topic path, traffic, transform gracefully, transparent GIF, trackback, typosquatter, Unicode, Unicode Transformation Format, Unified Modeling Language, Uniform Resource Identifier, Uniform Resource Locator, uploading, usability, user session, code standards, form input, vector, vector-based file, version control, viral marketing, virus, visual editor, web, Web 2.0, web accessibility, web-authoring, web browser, web font, typeface, web-log, web server logs, websafe colours, palette, web standards, WebTV, what-you-see-is-what-you-get, wireframe, Wireless Application Protocol, Wireless Markup Language, Worldwide Web, eXtensible Markup Language, XML schema";
// END CONFIG (do not edit below this line, well unless you really, really want to change something :) )
// Peace,
// Alen
var field = document.getElementById(id);
var classInactive = "sf_inactive";
var classActive = "sf_active";
var classText = "sf_text";
var classSuggestion = "sf_suggestion";
this.safari = ((parseInt(navigator.productSub)>=20020000)&&(navigator.vendor.indexOf("Apple Computer")!=-1));
if(field && !safari){
field.value = defaultText;
field.c = field.className;
field.className = field.c + " " + classInactive;
field.onfocus = function(){
this.className = this.c + " " + classActive;
this.value = (this.value == "" || this.value == defaultText) ? "" : this.value;
};
field.onblur = function(){
this.className = (this.value != "" && this.value != defaultText) ? this.c + " " + classText : this.c + " " + classInactive;
this.value = (this.value != "" && this.value != defaultText) ? this.value : defaultText;
clearList();
};
if (suggestion){
var selectedIndex = 0;
field.setAttribute("autocomplete", "off");
var div = document.createElement("div");
var list = document.createElement("ul");
list.style.display = "none";
div.className = classSuggestion;
list.style.width = field.offsetWidth + "px";
div.appendChild(list);
field.parentNode.appendChild(div);
field.onkeypress = function(e){
var key = getKeyCode(e);
if(key == 13){ // enter
selectList();
selectedIndex = 0;
return false;
};
};
field.onkeyup = function(e){
var key = getKeyCode(e);
switch(key){
case 13:
return false;
break;
case 27: // esc
field.value = "";
selectedIndex = 0;
clearList();
break;
case 38: // up
navList("up");
break;
case 40: // down
navList("down");
break;
default:
startList();
break;
};
};
this.startList = function(){
var arr = getListItems(field.value);
if(field.value.length > 0){
createList(arr);
} else {
clearList();
};
};
this.getListItems = function(value){
var arr = new Array();
var src = suggestionText;
var src = src.replace(/, /g, ",");
var arrSrc = src.split(",");
for(i=0;i<arrSrc.length;i++){
if(arrSrc[i].indexOf(value.toLowerCase()) >= 0){
arr.push(arrSrc[i]);
};
};
return arr;
};
this.createList = function(arr){
resetList();
if(arr.length > 0) {
for(i=0;i<arr.length;i++){
li = document.createElement("li");
a = document.createElement("a");
a.href = "javascript:void(0);";
a.i = i+1;
a.innerHTML = arr[i];
li.i = i+1;
li.onmouseover = function(){
navListItem(this.i);
};
a.onmousedown = function(){
selectedIndex = this.i;
selectList(this.i);
return false;
};
li.appendChild(a);
list.setAttribute("tabindex", "-1");
list.appendChild(li);
};
list.style.display = "block";
} else {
clearList();
};
};
this.resetList = function(){
var li = list.getElementsByTagName("li");
var len = li.length;
for(var i=0;i<len;i++){
list.removeChild(li[0]);
};
};
this.navList = function(dir){
selectedIndex += (dir == "down") ? 1 : -1;
li = list.getElementsByTagName("li");
if (selectedIndex < 1) selectedIndex = li.length;
if (selectedIndex > li.length) selectedIndex = 1;
navListItem(selectedIndex);
};
this.navListItem = function(index){
selectedIndex = index;
li = list.getElementsByTagName("li");
for(var i=0;i<li.length;i++){
li[i].className = (i==(selectedIndex-1)) ? "selected" : "";
};
};
this.selectList = function(){
li = list.getElementsByTagName("li");
a = li[selectedIndex-1].getElementsByTagName("a")[0];
field.value = a.innerHTML;
clearList();
};
};
};
this.clearList = function(){
if(list){
list.style.display = "none";
selectedIndex = 0;
};
};
this.getKeyCode = function(e){
var code;
if (!e) var e = window.event;
if (e.keyCode) code = e.keyCode;
return code;
};
};
// script initiates on page load.
this.addEvent = function(obj,type,fn){
if(obj.attachEvent){
obj['e'+type+fn] = fn;
obj[type+fn] = function(){obj['e'+type+fn](window.event );}
obj.attachEvent('on'+type, obj[type+fn]);
} else {
obj.addEventListener(type,fn,false);
};
};
addEvent(window,"load",searchfield);
And here is the code for the CSS file called searchfield.css Code:
/* default (inactive field) */
.sf_inactive{
border:thin solid #CCCCCC;
background:#ffffff;
color:#666666;
font-style: 0;
}
/* on focus (when field is clicked on) */
.sf_active{
border:2px solid #CCCCCC;
background:#fff;
color:#666666;
}
/* with text (when field is inactive but contains user's input) */
.sf_text{
border:2px solid #CCCCCC;
background:#fff;
color:#888;
}
/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
position:relative;
}
.sf_suggestion ul{
position:absolute;
margin:0;
padding:0;
top:0;
left:0;
background-color: #FFFFFF;
}
.sf_suggestion li{
margin:0;
padding:0;
list-style:none;
}
.sf_suggestion li a{
display:block;
text-indent:5px;
color:#666666;
}
.sf_suggestion li.selected a{
color: #FFFFFF;
background-color: #666666;
}
Many thanks for hints, suggestions and contributions Hi and thanks for your help, I have two text boxes on my page and a third where I would like it to automatically subtract the two any time either one of them is changed. What is the simplest way to do this? Thanks again for your help, Will i have a form with several headings, then for each heading i have a list of items with a select box filled with numbers. For each heading a maximum of items is allowed, so the user should change the values in the dropdowns and not be allowed to continue until they are less than or equal to their maximum limit. To complicate this, there will be more than one headings on the page, but each one with a different name/id. Eg: Heading 1 Title 1 DROPDOWN1 Title 2 DROPDOWN2 Title 3 DROPDOWN3 So here the max is 10, so the values cannot exceed 10 Heading 2 Title 1a DROPDOWN1 Title 2a DROPDOWN2 Title 3a DROPDOWN3 Title 4a DROPDOWN4 So here the max is 10, so the values cannot exceed 14 thanks Hello, I have an entry form using multiple select boxes as data entry in the upper portion of my page. below i want additional details of the item selected in a table like textboxes by clicking an add button.So whenever i click the add button a new row of text boxes is again created. problem: upon selecting an additional/new item from the select boxes the first row of textboxes doesn't retain it's value it reflects the currently selected values. all the data mentioned above is contained in a single page is it possible? using a classic asp using javascript to do this?please help, i'm really lost..attach is a snopshot of my page... Hi everyone, Is there a shorter and cleaner way of performing the following: The objective is to get the value/input from the first set of textboxes in the form and copy them to other set of textboxes. Outline of the form is as follows: First set of textboxes Company Address City State Zip Country Select number of users -->1 2 3 User 1 Company Address City State Zip Country User 2 Company Div Address1 Address2 City State Zip Country User 3 Company Address City State Zip Country ============================================= At the moment the code looks like this where (comp,div, addra,addrb,city,state,zip and country) are the name attributes of the first set of text boxes and (comp1.....country1,comp2.....country2, comp3....country3) are the name attributes for the textboxes for user 1,2 and 3 respectively. Code: function compAddress(){
document.form.comp1.value = document.form.comp.value;
document.form.div1.value = document.form.div.value;
document.form.addra1.value = document.form.addra.value;
document.form.addrb1.value = document.form.addrb.value;
document.form.city1.value = document.form.city.value;
document.form.state1.value = document.form.state.value;
document.form.zip1.value = document.form.zip.value;
document.form.country1.value = document.form.country.value;
document.form.comp2.value = document.form.comp.value;
document.form.div2.value = document.form.div.value;
document.form.addra2.value = document.form.addra.value;
document.form.addrb2.value = document.form.addrb.value;
document.form.city2.value = document.form.city.value;
document.form.state2.value = document.form.state.value;
document.form.zip2.value = document.form.zip.value;
document.form.country2.value = document.form.country.value;
document.form.comp3.value = document.form.comp.value;
document.form.div3.value = document.form.div.value;
document.form.addra3.value = document.form.addra.value;
document.form.addrb3.value = document.form.addrb.value;
document.form.city3.value = document.form.city.value;
document.form.state3.value = document.form.state.value;
document.form.zip3.value = document.form.zip.value;
document.form.country3.value = document.form.country.value;
Thanks, Hello, I need your help. I have 2 checkboxes. How would I control one from the other? Eg. [ ] Option A [ ] Option B - If Option A was checked first and, I put a checkmark in option B then Uncheck Option A and leave option B checked. - If Option B was checked and, I put a check mark in Option A then uncheck Option B and leave Option A checked. How would that be written in Javascript, I am totally confused. Any help with this is much and foremost greatly appreciated. Cheers, J Hi, I have some tickboxes and one is marked Other. So what I would like is when someone put a tick in other, to display 5 textboxes name Other 1 to 5 I presume this is done by javscript, but not sure where to start, can anyone help? Also if possible when they untick it, they disapper, but not a must. Each tickbox is independent from each other. It can also use jQuery or Ajax if that helps I have the following code which adds a dynamically created textbox to a form: Code: function addarow() {
if (count > 5) {return false}
count ++;
addbox = '<input type = "text" name = "txt1" id = "txt1" class = "box">';
document.getElementById("boxes"+count).innerHTML = addbox + "<br>";
}
I am having difficulties in assigning different names/ids to the sequential textboxes, that is "txt"+count to give txt1, txt2 etc. Your assistance will be much appreciated. A child of five would understand this. Send someone to fetch a child of five. Groucho Marx Hi , I have 5 or 6 textboxes and all of them are required ( have required field validators ) .. I want to change their background color to yellow when they are left blank and when the box is filled the backgorund color to white ..Is it possible to do via javascript ..I am a beginer so any help is greatly appreciated Hi, I have written a number of functions designed to return frequency data on 1000 randomly chosen numbers using different math functions for the rounding. I would like to include all of these functions within the wrapper of another function so that only one call is needed to get returns from all of the 'inner' functions. However, while each of the functions works in isolation, the moment I wrap them in another function they stop working. The following code is one of the functions 'frequencyWrapperOne' that has been wrapped in the function 'testWrapper'. A call to testWrapper does nothing. Can anyone see what I'm doing wrong? Code: function testWrapper()
{
function frequencyWrapperOne()
{
var numberArrayOne = new Array(0,0,0);
for (var i = 0; i < 1000; i = i + 1)
{
var chosenNumber = Math.floor(Math.random() * 3);
if (chosenNumber == 0)
{
numberArrayOne[0] = numberArrayOne[0] + 1;
}
if (chosenNumber == 1)
{
numberArrayOne[1] = numberArrayOne[1] + 1;
}
if (chosenNumber == 2)
{
numberArrayOne[2] = numberArrayOne[2] + 1;
}
}
return window.alert(numberArrayOne.join(','));
}
}
testWrapper();
Thanks. I have a piece of JavaScript code that should validate that a username field is not empty or null and that a telephone field is in the correct format using event handler registration. It seems to be validating fine but if there is an error it still manages to submit. HTML Code: <html>
<head>
<script type = "text/javascript" src = "js/validator.js" >
</script>
</head>
<body>
<form id = "decorForm" action = "">
<table border = "0">
<tr>
<th>Username: </th>
<td>
<input type = "text" id = "myUserName" size = "15" maxlength = "15"/>
</td>
</tr>
<tr>
<th>Telephone: </th>
<td>
<input type = "text" id = "telephone" name = "telephone" size = "15" maxlength = "13"/>
<br />
(999)999-9999
</td>
</tr>
<tr>
<td>
<input type = "submit" value = "Submit" />
</td>
<td>
<input type = "reset" value = "Reset" />
</td>
</tr>
</table>
</form>
<script type = "text/javascript" src = "js/validatorr.js" >
</script>
</body>
</html>
JAVASCRIPT (validator.js) Code: function chkUser() {
// Verifies that the UserName field is not empty.
var myUserName = document.getElementById("myUserName");
if (myUserName.value == "" || myUserName.value == null) {
alert ("Please enter a Username!");
return false;
} else {
return true;
}
}
function chkTelephone() {
// Verifies that the Telephone field value is in the correct format.
var tel = document.getElementById("telephone");
var pos = tel.value.search(/^\(\d{3}\)\d{3}-\d{4}$/);
if (pos != 0) {
alert ("Please enter telephone number in the following format: (999)999-9999");
return false;
} else {
return true;
}
}
function chkFields() {
// Verifes all fields and returns boolean to event handler
// The event handler function
if (chkUser() && chkTelephone()) {
return true;
} else {
return false;
}
}
JAVASCRIPT (validatorr.js) Code: //Register the event handlers for validator.js
document.getElementById("decorForm").onSubmit = chkFields;
I am trying to use this as an example. Hi all, I create textboxes dynamically by the following code function addElement() { var contentID = document.getElementById('content'); var newTBDiv = document.createElement('div'); newTBDiv.setAttribute('id','strText'+intTextBox); divname='strText'+intTextBox; newTBDiv.innerHTML = "Text "+intTextBox+": <input type='text' id='divid' +intTextBox name='txtbx[]'/>"; intTextBox = intTextBox + 1; contentID.appendChild(newTBDiv); } It works fine,but i want to get the values and validate it so i use the following code.. var idval=new Array(); for(var i=0;i<intTextBox;i++) { idval[i]=document.getElementById('divid').value; alert(idval[i]); } but it didn`t work out,Any suggestions really helpful. Thankyou. |
|||||||