Whitespace Trouble In Form Element Names W/javascript
Oct 5, 2001
I am having difficulty using javascript to validate form fields with whitespaces in the element names (ex: First Name, Last Name).
here's a code snippet:
###
function validate(formObj) {
if (document.form1.Payment Method.checked){
do something here...}
###
the problem is that javascript won't read the element "Payment Method" unless i mash the name into one word. (i don't want to do that because i later use the element names to provide a printable customer receipt
i tried using the ascii octal number for a whitespace in the above code (...form1.Payment40Method.checked...), but to no avail.
I've got a PHP script that pulls some records from a MySQL database in a loop. They're images, so what I want to do is have a javascript onhover thing where a big image will display depending on which thumbnail you hover over. The code I'm using is as follows:
<!-- this bit goes between the head tags --> <script language="javascript" type="text/javascript"> function showT(q) {document.getElementById('ima').setAttribute('src','../images/properties/'+q+'')} </script>
[code]....
Now this javascript does work, but of course it only displays the onhover behaviour in the first element, so if there are ten img id="ima"s on the page, hovering over their associated thumbnails only changes the img id="ima" at the top of the page. It would be useful if I could have the getElementByWhatever parameter accept anything from "ima01" upwards, that way I can just append $strID onto the end of the id name and make the unique identifier that way.
Im trying to find the correct syntax to use to determine whether which form element is visible on changing the value in a dropdown list I need something in the onChange of the dropdown list that will cause the appropriate element on another part of the page to be displayed Code:
var mydropdownlist = document.questform.typeid.options[document.questform.typeid.selectedIndex].v alue; if(mydropdownlist<6) then display <input name="ans1" type="text" > else display <textarea name="ans1" rows="1" ></textarea>
<script type='text/javascript'> <!-- panelsArray = new Array("form0","form3","form4","form5","blotter"); var blotter = new Array(འ',騦',魒',饼','block',''); var form0 = new Array(餢',ཱི',骹',餑','block',''); var form3 = new Array(鰌',ྀ',馅',飣','block',''); var form4 = new Array(鮵',髧',駨',飶','block',''); var form5 = new Array(Ɔ',Ɔ',魽',饻','block',''); // --> </script>
and I want to parse the first array and then within that loop I want to get the variable name from the 'outer' array and then reference the contents of the array with that name... I was trying to do the following but it doesn't work, I'm obviously missing something about transmogrifying the text "form0" into a variable name...
I have an array for of input names. Input1 , input 2 etc. Can I pass the input names in a loop like document.all[input].value="xxxx"
The problem is document.all cannot be used in Safari/firefox, I tried using document.getElementById but my inputs do have any IDs. is there any way of accomplishing thsse.?
I'm trying to make a form where a user can check boxes, and depending on if certain boxes have been checked, other boxes will grey out or un-grey.
What the code does is look at the checkbox name and depending on the family (f), and whether or not the box is a child (c) or a parent (p), the code will grey out certain boxes.
Now that I've sat back and thought about the code, I think there is probably a better way to achieve what I want. Maybe I can specify checkbox names instead of doing the parent child hierarchy that i'm trying. Code:
I 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.
Is their a way of iterating thru each tag within a form and returning the value given in the id property, by that I mean the below html would return the values idBoxOne, idBoxTwo, idBoxThree from the FormXX form.
I'm having a problem with the page at http://www.bathfringe.co.uk/contributors2011_2.php The user is able to add new performances to the form. This functionality is provided by cloning elementsPart of the code should add a 'counter' array key to the names of the cloned form inputs (full code obviously available at the page linked above):
1) Is there a way for the loop counter to loop while less then [a php variable]?
2) Is there a way to use a counter in the name of the form elements? Example, instead of "switchBox1" use: "switchBoxCounter" instead of "nameaddy1" use: "nameaddyCounter"
I've got about 40 check-boxes on my 1 form. These check-boxes all have names (obviously) but they are NOT all unique names. The number of UNIQUE names on my form is probably around 8 or 9 (the actual number is NOT important). Because some check-boxes use the same names as other. It's set up this way, please don't ask me to change it, I can't change it.What's the syntax/method for looping through all the names? I was thinking I should do maybe a "for" loop;
for (var i = 0; i < fieldName.length; i++)
But I don't know how to hold a variable of the unique names to start with.
I have a php file with an almost-standard html form. The not-so-standard part is that the name-attributes of the form elements are dynamically generated as such:
Now I want to do some javascript validation on the fields, but I'm having a bit of trouble accessing the values of the fields. My current code is as follows:
I found a script on this forum that does almost what I want from this thread: [URL]. Instead of a dropdown, I'd like to have a list of names using check boxes, so that you have the option to send an email to one or all of the people. When you choose your selections and click submit, an outlook email will pop up with your selections in the to: field.
Here's the solution using a drop down, this works (and works well), but doesn't quite do what I need : <form name="Contact_Us" id="contact" method="post" enctype="text/plain" onsubmit = "getEml()"> <fieldset id="selection"> Who would you would like to email: <select name = "sel"> <option value="email1@email.com" >email 1</option> <option value="email2@email.com" >email 2</option> <option value="email3@email.com" >email 3</option> </select> <input type = "submit" value = "Submit the form"> </form>
<script type = "text/javascript"> function getEml() { var emailaddress = document.Contact_Us.sel.value; window.location = "mailto:" + emailaddress; } </script>
Is there a way to use checkboxes but to do the same thing? <INPUT TYPE=CHECKBOX NAME="name1@email.com">name 1<BR> <INPUT TYPE=CHECKBOX NAME="name2@email.com">name 2<BR> <INPUT TYPE=CHECKBOX NAME="name3@email.com">name 3<BR>
I'm still struggling with creating a properly formatted form. This problem it two-fold. The first part isn't strictly a javascript problem, but I've included it here because it relates to the second part, which is:
1. Given the form below, how should I structure the input names to get an array like that at bottom?
2. The scripts are used to provide running totals and subtotals. They're fun - try them! But how should I modify these scripts so that they can continue to work with the amended naming policy?
I'm trying to figure out reading XML into Javascript, and, frustrating as that is alone, what really boggles my mind is Mozilla's default NOT to ignore whitespace! I realize this may have its applications, but for the sake of my sanity (not to mention being cross-browser), I NEED to parse my XML document WITHOUT whitespace!
All I want to do essentially, is read in an XML document that has, let's say, 100 or so <character> nodes off the root, and output their text values into the HTML. Not so hard right? But if I make an XML document that I can actually READ (so that I don't go insane), I'm going to wind up with much more than 100 nodes thanks to reading in the whitespace... what can I do about this?
I've seen custom functions that will remove the whitespace nodes for me, but certainly there's an easier way to do this?!?
It works if I specify the actual background image within the function, so I know the image is there, and I know it's been properly assigned to div2, but div1's background image doesn't change.
I'm creating a preview function that opens a new window, and then writes the values of the text fields, now my script is below, but I need to be able to make sure that the enters/breaks/carriage returns are kept when calling this page. The data I require to keep these breaks is an text area. Code:
I'm trying to access the source of an HTML page with as few alterations from the actual source (as in, that seen from the View Source option) as I can. The method document.documentElement.innerHTML returns the HTML source, but adds HEAD and other elements if they are absent from the source, and takes out whitespace (i.e., line feeds, carriage returns and tabs) within tags and between tags. The follow function:
function xhr() {
xhr = new XMLHttpRequest() xhr.open("GET","test-page.html",true); xhr.onreadystatechange = function() { if (xhr.readyState==4) { alert(xhr.responseText); } } xhr.send(null) }
doesn't add or alter any tags that are absent in the source, and does not take out line feeds within tags; it does, however, still take out all non-line-feed whitespace within tags and all whitespace in general between tags.
It seems that preserving whitespace is all that I need, but I haven't found a way to do that through my searches. So is there any way to get the unaltered HTML source of a page without innerHTML or applets, like a better version of the XMLHttpRequest object's responseText method?
I am toying around with this great plugin and want to use a css class with a whitespace in it. Can I do this somehow? If I use "error message" as errorClass it wont remove the error messages. But if I use "error-messages" it works, why is that?
I have a string containing whitespaces, for example, "Michael Douglasemail.com". In Javascript, how can I replace the whitespace with underscore? "Michael_Douglasemail.com"
I print random text through php/mysql on my page and near the text there is a button which i want to be floated on the right.Between these two there is a whitespace which is not generated through php.How can i replace whitespace with "/"?I know the replace function for strings but how can i define a string here for something that doesnt exist(whitespace)?code...