I'm trying to make a dynamic form, where I want to add/remove a set of controls (say for Name,Email etc).
Just started but IE behaves differently that FF in the beginning itself. "Add more" works but "Remove this" doesn't. Also the CSS for dynamically created elements doesn't work. Here is my code so far. Code:
I've recently come upon an odd Javascript (and/or browser) behavior, and after hunting around the Web I still can't seem to find an answer.
Specifically, I have noticed that the Javascript encode() function behaves differently if a codepage has been set.
<script>
document.write(escape('Ôèëìè'));
(note: that should be five accented characters)
</script>
Produces: %D4%E8%EB%EC%E8
But setting the codepage to Windows-1251:
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=Windows-1251">
<script>
document.write(escape('Ôèëìè'));
</script>
Produces: %u0424%u0438%u043B%u043C%u0438
Personally, I wouldn't expect the Javascript encode() function to change its behavior if the codepage has been changed.
Might you know of any resources that can help me better understand what's happening there?
Yesterday I discovered a problem on one of my sites: escape function was encoding the same string Salò in two different ways:Sal%F2Sal%C3%B2
This was happening on Firefox 2.0.0.3. In Opera 9.20 was encoded ok every time.
So, in Firefox was a russian roulette . Sometimes was encoding the string like I wanted to, sometimes not. As a solution I use encodeURIComponent(), but the behavior of escape() seems strange to me.
i am invoking window.opener.location.reload function from a pop up window to reload the parent page. But this seems to behave randomly. Sometimes the reload would preserve form data eg. the state of the drop down lists. On some other occasions, it would reset all the drop down lists and form data. Does window.location.reload resend form data to the server?
View 1 Replies View RelatedI am having a problem with the last results. I can't seem to be able to
get the input2A and input3A to appear. I don't seem to have a problem
with the show and hide after a number is entered and submitted. If
anyone can answer my problem I will be greatly appreciated with a
prize. I actually have submitted it more than once and I haven't had
anyone been able to answer it yet. Code:
INTRO: I tried to clean it up for easy reading. I hope I didn't make
any mistakes.
PROBLEM: WOW, this is some crazy sh!t. I can't get my checkbox (see
"TAGSELECTED") to print my textboxes (see "TAG#") when more than 1
number (see "VLANS") is inputed into my form.
QUESTION: How do I make my dynamic form have a dynamic input box(which
is created by checking the checkbox and calling the functionC1) inside
it and still be able to pass the values to my php page? Code:
I have made a script where you can add extra fields, and next to the row is a span that automatically displays the outcome from a calculation of three fields in that row. i.e. Q x (B - A) = total. Here is the bit that does the calculation:
function advCalc(selected) {
var result = Number(document.formmain.elements["quantity"+selected].value) * (Number(document.formmain.elements["provideamount"+selected].value) - Number(document.formmain.elements["supplyamount"+selected].value)) ;
[Code]....
I am creating web page. I am in the early stages of building. But I have found that my onChange function behaves different on Firefox and IE.It work as it suppose to on Firefox but not on IE. On IE, onChange is not triggered when you select the an option. But triggers when you click the mouse the second time.
Here the code,
<html>
<head>
<title>Compatibility Test</title>
[code].....
I'm ok with the basics of html and css, but and fairly new to it, so have been stumped by this latest problem. I built a site [URL] about a year ago, and am fairly sure that it worked perfectly in all browsers at the time. However, I've just checked it and have noticed that the last option on the navigation bar at the top ('noticeboard') seems to have disappeared in IE. It's still displaying perfectly in Firefox and Chrome however.
The html for that section is:
<div style="top: 0px; left: 0px" id="header">
<div style="text-align: center; top: 34px; right: 75px" id="menu">
<ul id="navigation">
<li class="active"><a href="index.htm"><span>HOME</span></a></li>
<li><a href="callington_LFC_fixtures.htm"><span>FIXTURES</span></a></li>
<li><a href="callington_LFC_reports.htm"><span>REPORTS</span></a></li>
<li><a href="callington_LFC_photos.htm"><span>PHOTOS</span></a></li>
<li><a href="callington_LFC_players.htm"><span>PLAYERS</span></a></li>
<li><a href="callington_LFC_contact.htm"><span>CONTACT</span></a></li>
<li><a href="callington_LFC_noticeboard.htm"><span>NOTICE BOARD</span></a></li>
</ul></div></div>
If you visit the site in different browsers you'll see what I mean. This time it's working fine in IE, but not in Firefox or Chrome (I feel like tearing my hair out!). The problem is with the very bottom section on the page. The alignment is all out. The html reads:
<div><img alt="" src="images/right_bottom.png" /></div></div><br clear="all" />
<center><img style="width: 552px" alt="" vspace="3" width="552" src="images/hr.gif" /></center></div></div>
<div id="footer"><a href="callington_LFC_contact.htm">Contact</a>|<a href="index.htm">Home</a>| <a href="callington_LFC_links.htm">Links</a>|<a href="callington_LFC_map.htm">Map</a>|<a href="callington_LFC_sitemap.htm">Sitemap</a> </div></div>
<div id="bottom"><br /> .....
I came across an Intranet site at my office which has lots of check boxes in single line and they are all check'd by default. And as expected, there is no option to uncheck or check all.So, I decided to write a small JS which will loop through all elements in a form and check the element type. If it's check box then it will simply uncheck it (no complex coding).
Code is below:
Code:
javascript:for(var i=0;i<document.editDetailsForm.elements.length;i++){if(document.editDetailsForm.elements[i].type=="checkbox"){document.editDetailsForm.elements[i].checked=false;}}
Just paste above JS on address bar.Below html code can be used for testing the above JS:
Code:
<html>
<head>
</head>
[code]...
Above JS works flawlessly in chrome but it doesn't work in IE (curses) and opera (am surprised too) .
I have a piece of JavaScript code that uses the location.Reload method to reload a form that has a textbox and radio control. Both are supposed to contain the same random number. When a button is Clicked, the location.Reload method is called and everything updates as expected. However, the BROWSER Refresh button only repopulates the dynamically generated radio button. The text box retains the old value.
[Code]..
I am trying to access an HTML code stored as CDATA section in the xml file listed bellow:
<?xml version="1.0"?>
<results count="5">
<![CDATA[
<table><tr><td>Hello World</td></tr></table>
]]>
</results>
The xml tree is the responseXML part of an XmlHttpRequest and is stored
in a the javascript object xmldoc. While trying to test the node type
of the children of the "results"-Element I got different results with
IE and Mozilla: Code:
I used a menu making program to create a cool new menu for my website, but I can't get it to work properly.The menu code uses this argument: "java script:[code]in my above code there isn't really a space between 'java' and 'script'.
View 1 Replies View RelatedI've come across a strange issue with the console.log function in WebKit.Here is the code I have that is causing the issue:
Code:
var myArray = ['Brian', 'Kayla', 'Mom', 'Dad'];
myArray.shift();
console.log(myArray);[code].....
I am having 2 datepickers on the same page. One is name datePicker1 and the other datePicker2. I am actually having the code
$
(
".ui-state-active"
).
[Code].....
I want to have the above code to work only for datePicker1 and not datePicker2. Actually, the problem is that the code is working on both datepickers. How can I make it work for only datePicker1?
How do you folks handle <select> lists with no default option selected? I have mocked up a simple sample but in reality I may have a dozen different categories. (Link:Do you disable all other hidden <select> elements so that their values are not sent in a POST request?
View 1 Replies View RelatedI'm working on a script that will produce multiple dynamic forms based on the results of an ajax request. The ajax request does a db query that will return 0 to x number of rows. For each row, a new serialized form is created. Since the forms do not exist at page load, I'm having problems getting the value of the form elements so that I can run other functions on them (update inputs and selects). I've stripped down everything so that I can show a basic example. In the example, how would I get the value of "#orderID"? The body contains a div (previousList) that has a list of items that when clicked will trigger the ajax query. It also has a div (line details) that will hold all of the forms that are generated.
<div id="lineDetails">
check it out </div>
<div id="previousFrm" class="ui-widget-header ui-state-highlight ui-corner-all">
<h3>Previous Returns/Cancels</h3>
<div id="previousList">
<ul class="previous" id="returnList">
<li id="1000997" class="names">1000997: 101853</li>
<li id="1000995" class="names">1000995: 101853</li> .....
But callingconsole.log("order line value is " + $("#orderID").val());
results in 'undefined'.
I have page here Untitled Document where when I select the drop down list value it will reassign the drag and drop function but it behave differently from this link Untitled Document where it drag and drop only on the picture and the drag image does not disappear?
View 4 Replies View RelatedI have a site that has dynamically generated forms with multiple submit buttons. My forms are like this, created using PHP and inserts different user names on the same page:
[Code]....
The member name goes into the JavaScript to variable: member. The Problem: is when this JS tries to submit the form called "john" for example, it searches for a form called "member" instead and it fails. Is there any way to fix this? I'm sure there is a way to deal with this kind of issue but I don't know it yet.
I am using DW8 (I've read some comments about DW here, but its helping me to learn how to code beter), in creating a contact page I have the following
<body>
<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<form name="form1" id="form1">
<select name="contactType"
<option value="" selected="selected">Choose Type</option>
<option value="/pgs/generalquestion.htm">General Question</option>
<option value="/pgs/orderquestion.htm">Ordering Question</option>
<option value="/pgs/techquestion.htm">Technical Question</option>
</select>
</form>
</body>
The links (ie "/pgs/genuestion.htm") do send to the correct page. However, I would like the form to 'dynamically' appear under the list menu based upon which selection is made instead of directing to a new page. --- Each contact form would contain the same info ie. name, comment textarea etc., but the three different types (gen, order, tech) would be sent to separate emails ie gen@domain.com, order@domain.com... respectively.
function AddBlock() {
I have a dynamic form that allows the user to click an 'add' button to
add extra groups of input fields. These fields are name, phone, and
type.
Let's say that a user enters one Point of Contact, then wants to enter
another by clicking the 'add' button. I want to save the previously
entered data into an array structure. I'm having trouble with the below
snippet of code:
// Save previously entered data here
var formObj = document.dynoPoc;
for (i=0,j=0; i<loops; i++) {
data[j] = formObj.POC_name[i].value;
j++;
data[j] = formObj.POC_phone1[i].value;
j++;
data[j] = formObj.POC_type[i].value;
j++;
}
What I expect to happen for the very first line of the loop is that the
line 'data[j] = formObj.POC_name[i].value;'
gets evaluated to 'data0 = formObj.POC_name0.value;'. What seems to be
happening is 'data0 = formObj.POC_name.value;'.
This causes an error because there is no input field named 'POC_name'...
they're called 'POC_name0, POC_name1, ...POC_name[n] depending on the
number of times you click the 'add' button.
If I have an array like:
secondGroup[1][1][1] = new Option("Name","Name");
secondGroup[2][1][1] = new Option("Age","Age");
thirdGroup[1][1][1][1] = 'jim'
How do I print 'jim' into a text field when Name is selected from the
secondGroup drop down menu?
Here's my situation:
I want to loop through a set (10) of similar named form elements to check if they are blank:
for (i = 1; i <= 10; i++)
{
if (document.form1.firstname??.value=="")
{
alert("A FIRST NAME is required to proceed");
document.form1.firstname??.focus();return false
}
}
My question is how do I refer to the loop variable "i" in location "??"
I wanto make a custom slideshow generator, and that users can add their image links. Now the problem is i don't wan't to limit my users to let's say 5 iage links, i would like to make somthing that will alow them to add as much input fields as they won't and then when they submit that they get the proper slideshow code with as those fields. so if anybody now's how to do this i would me more thank thankfull.
View 4 Replies View RelatedCode:
formedit.field.value
with this piece of code, i can access a value of a field inside a form. problem is, when i loop, i do this in naming my forms
formedit_1
formedit_2
etc..
on my link, i do this
<a href="jsscript(id)">
but i cant access the proper value. what i would like is that if i pass id=2, then the value from formedit-2 will be taken, if i pass id=1, then the value from formedit_1 will be taken. but i cant make it.. i tried this
var test = 'formedit_' + id;
alert(test.field.value);
I have a page generate by ASP and I want to validate the form value.
Generated page by ASP :
<form method=post action="<%=strPrgName%>" name="OrderForm">
<% for i = 1 to itemcount %>
Name : <input name=toname<%=i%> onBlur="validateName(this)">
<% next %>
<input type=submit value="View">
For example itemcount = 2, html code will be like this :
<form method=post action="<%=strPrgName%>" name="OrderForm">
Name : <input name=toname1 onBlur="validateName(this)">
Name : <input name=toname2 onBlur="validateName(this)">
<input type=submit value="View">
Javascript :
<script language="JavaScript">
function validateName(field)
{
var val = field.value;
if(!/[a-z]/.test(val)||val=="")
{
alert("Format name wrong !");
field.focus();
field.select();
}
}
</script>
I got this script and modify it, the original code for validating number only. My need is this script validate the form to check if input only alphanumeric (a-z, A-Z, "," and ".").