I have a little problem in one of my functions, I would like to pass in a form field name and set the value to something that is passed in. here is my code:
function pickitem(id,type){
opener.document.getElementById("form").type.value = id;
window.close()
}
so i'm passing in an id and a formfield e.g. txtName The problem is with the type.value - i haven't touched javascript for ages so i'm really rusty!!
I want to write a generic function since I'm basically doing the same thing over and over. What I'm trying to do is to pass the name of the form and the specific field name to complete the following line: "var testdata = document.form.input.value;".
[Code]....
I was wondering if anyone had come across some javascript that would
allow me to have a chart of say 20 music tracks, and be able to move
each track up and down the chart using up/down links? I am sure I saw
one about 3 years ago.
Consider this:
A table with a form around it. Each row of the table is numbered 1 to
20. There will be a form field on each row for Artist, Title, Label, Mix
and Genre. There will also be an up and down arrow to move the contents
of each row up and down.
I need to create 2 javascript functions. 1 to swap the contents upwards,
and one to swap downwards.
The link to go up or down will pass the row number to the function, and
the fields that need swapping. The function will then take the values
and swap them over.
Is this possible? And will it work cross-browser cross-platform? Any ideas?
I'm trying to make a function that will enable any given form field. This is what I have, my form name is 'searchfields':
Code:
function EnableDisable(field)
{
var loc = 'document.searchfields.'+field;
loc.disabled = false;
}
When I run the following code the script will not display the second id field from the form:
function enCrypt( code ){
var form = document.getElementById( 'myForm' );
document.write(form.cipher.value);
document.write(form.msgcode.value);
} // end function enCrypt
</script>
<form id = "myForm" action = "">
<p>Enter cipher : <input id = "cipher" type = "text" /></p>
<p>Enter message : <input id = "msgcode" type = "text" /></p>
<p>Result : <input id = "result" type = "text" /></p>
<input type = "button" value = "Encrypt"
onclick = "enCrypt()" />
I am trying to write a function that is being invoked when some one clicks the submit button on the form.<form name="sectionA" action="optionpage.cfm" onSubmit="return abc()">I have three tables with initials textboxes. I want to check if they are empty and return false(stay on the same page), else go to action page.Here is what I am doing, I Created three functions tableA(), tableB(),tableC() call them from function abc(). These functions tableA(), tableB(), tableC() return false if one of the field is empty and stop furthur processing and remain in the same page. If none(errors), then go the other page.i.e if table B has empty fields, page should stop furthur processing and remain in the same page.Here is how I am doing it Can somebody please point out what I am doing wrong here.Even when there is empty field, the code moves me to the actionPage.
View 2 Replies View RelatedNew to working with javascript and I've come up with a function. I have a form with a dropdown and input field:
<form>
<select name="warranty" id="warranty" onChange="doadate()">
<option value="Select">Select</option>
<option value="In Warranty">In Warranty</option>
<option value="Out of Warranty">Out of Warranty</option>
<option value="DOA" selected>DOA</option>
</select>
<input name="doadate" type="text" id="doadate" value="<? echo $doadate; ?>"
size="20" readonly>
</form>
I need the input field to be disabled unless DOA is selected in the select form element. I've started on page load with document.form1.doadate.disabled=true. Then I've put an onChange handler in the select to call the function below:
<script type="text/javascript">
function doadate(){
val = document.form1.warranty.value;
if(val=='DOA'){
document.form1.doadate.disabled=false;
} else{
document.form1.doadate.disabled=true;
}}
</script>
But it's not working, it stays disabled after load even when the DOA is selected in the drop down form field.
Tried searching but didn't seem to find a solid solution to my problem I'm trying to pass a value to an input form field, from a function. Here is my code
PHP Code:
<script>
function createDiv(sceneNum, startTime, endTime, dialog, notes)
[code]....
I have a web form with several fields. If I copy & paste from a RTF document into a field, the javascript validation and field length are bypassed and cause the form to fail.
View 3 Replies View RelatedThe following code is supposed to return a variable containing text, currently the code posts the data but returns an "undefined" variable. Can someone tell me what's wrong? code...
View 9 Replies View RelatedI would like to document.write the status value using the return function but I can't get it to work.
The output should be Markers On or Markers Off.
<html>
<head>
<script type="text/javascript">
[Code].....
Why is my function returning the wrong value??
View 1 Replies View RelatedSo for whatever reason the convertToArray function in the following code returns false if the argument is more than 1 character long. If it's 1 character long it just returns the character as an array with only one value.What I'm trying to do is take a string of numbers, plus signs, and minus signs and convert it to an array.
View 5 Replies View RelatedI'm attempting to simplify my javascript code when it comes to ajax, but afterwords it only prints 'undefined' to the screen rather than what I want it to print.
I want to be able to put something like this on my main page onclick="document.getElementById('output').innerHTML = print_output();" where print_output() is the ajax function. This way I don't have to use a function to assign values directly to innerHTML and I don't have to muck about with a js file whenever I want to change my page layout.
To do this, I created a recursive function:
function print_output(return_value) {
if a value has been passed to the function, simply return it
if(return_value || return_value == 0) {
return return_value;
}
[Code].....
but like I said, it prints 'undefined' out to the screen. Why isn't this printing the contents that it receives from 'index.php' like it's supposed to?
The code is below but basically I have two global variables, then I have a function and then a function within that, I am simply trying to update these global variables from within the nested function so i can then go on and use them in another function! this sounds like quite a straight forward request to me, but maybe it can not be done? When I do an alert on the variables (after I have apparently updated their values) I get 'undefined'!
Code JavaScript:
var resultLatB;
var resultLngB;
function getLatLngFromTown(town, callbackFunction) {
var localSearchB = new GlocalSearch();
localSearchB.setSearchCompleteCallback(null,
function() {
if (localSearchB.results[0]){
resultLatB = localSearchB.results[0].lat;
resultLngB = localSearchB.results[0].lng;
pointA = resultLatB;
pointB = resultLngB;
//THIS WORKS
alert("Test 1 = " + resultLatB);
alert("Test 1 = " + resultLngB);
}});
localSearchB.execute(town + ", UK");
//DOESN'T WORK... SHOULD IT?
alert("Test 2 = " + resultLatB);
alert("Test 2 = " + resultLngB);
}
getLatLngFromTown("oxfordshire",null);
//I WANT THIS TO WORK!
alert("Test 3 = " + resultLatB);
alert("Test 3 = " + resultLngB);
Here is a clip of code from a script project im working on. Now my document.getElementsByTagName is returning a "undefined" value.
<a href="[URL]" style="text-decoration: none; color: #EDDBAF; font-size: 16px;">
<center style="margin-left: 10px; margin-right: 10px;">
<font style="color: #EDDBAF; font-size: 16px;" id="title"></font>
</center></a>
<li id="name"><a http="[URL]" style="color: blue;">John Doe</a></li>
<script type="text/javascript">
var pname = document.getElementById('name').getElementsByTagName('a');
Now if I remove the ".getElementsByTagName('a')" it will actually work, but it also includes the <a> tag thats within the <li> tag, which I don't want.
document.getElementById('title').innerHTML=pname.innerHTML;
</script>
I have several functions with code along the lines of:
var xmlDoc = requestXML("ajax.asp?SP=SelectRelatedTags&tag=" +
array[i]);
The requestXML() function includes the code:
var xmlDoc = null;
http_request.onreadystatechange = function() {
if (http_request.readyState == 4) {
if (http_request.status == 200) {
xmlDoc = http_request.responseXML;
} else {
alert('There was a problem with the request.' +
http_request.status);
}}};
http_request.open('GET', url, true);
http_request.send(null);
return xmlDoc;
However, the last line (the return) executes before the readyState
reaches 4. How do I return the xmlDoc to the functions only once the
xmlDoc has been assigned? I tried putting the return statement in a
while loop with the condition that the readyState must = 4 - this
worked, but makes the browser popup a message saying the script is
slowing down the system.
I know this is a simple question with a simple answer, but I can't seem to wrap my brain around it.Sorry for the infantile nature of this post. Anyhow, I am making an AJAX call via JQuery and need the function to return a value from a calling function, like so:
[Code]...
I have a weird bug that's occuring in pretty much all the browsers. If I close the tab, and then hit Ctrl -> Shift -> T to bring it back the width() method returns 0 on an appended image instead of what the image actually is. Hitting refresh on the tab removes this bug and everything works fine. I will also say that trying
.css('width') and
document.getElementById('divShadowLeft');
Both also return 0 for this bug.
I can't show all the code for security reasons, but I'll just outright ask.. what are the reasons that width() would return 0 on an image? I've checked to make sure that it was visible (both display and visibility properties), and I checked the length of the property to ensure it was there. I just can't figure out why width() is returning 0.
Here's a code snippet:
$(this).append('<img src="'+defaults["imagePath"]+defaults["imageLeft"]+'" alt="" id="'+defaults["imageClass"]+'Left" class="'+defaults["imageClass"]+'" style="" />');
alert('Length: '+$('#divShadowLeft').length+' | Width: '+$('#divShadowLeft').width()+' | Visible: '+$('#divShadowLeft').css('visibility'));
I have a setup where I have a function, calling a function, calling a function. All functions do what they're supposed to do, but they don't return to the first function when all is done, so it doesn't display an alert that it's supposed to.
For those that don't want to look through tons of code and think they might know what I'm doing wrong, here's the "coles notes" version. code...
I am wondering how can I return the variable senttext from the function below?I have declared it and when I alert(senttext) below it appears as I want it but I need to return it and pass it to another function. When I change alert() to return the variable becomes undefined?
var senttext;
function getData()
{
if (window.XMLHttpRequest) {
[code]...
I have a function where in I call another function that assigns a value to a var. code...
For some reason my code below is returning 'undefined'. But when I place an alert(); before the 'return' it shows the correct value. However when I place an alert(); to show the var that is set to what the function returns it says 'undefined'.
Firebug throws no errors. I am using a little bit of jQuery.
I have this code:
HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
[code]....
The practical scenario is I have several functions attached to the jQuery ajaxSucess event. Each function needs to execute once during initial load and after when the JQuery ajaxSuccess event is fired. So I am just looking to see if I can eliminate a a few lines of code and learn something new in the process, that is really all.
I am having some trouble with this form .It is not returning any errors, it is simply not returning the results of the form fields.
The clear form works, the redirect works, the layout is fine, just no results. I am just beginning to learn Javascripts and I know this is a pretty basic script.[code]...
I have a very simple PHP script that returns JSON like this:
{"question":"What day is it?"}
And I'm trying to call it from another page using Ajax. My code looks like this:
var url = "/test.php";
$.get(url,
function(data){
$.each(data, function(i, value) {
alert(value);
}, "json"
);
});
When I run it I get each character printed out one at a time in a separate alert. And then when I used this line of code:
alert(typeof data);
It tells me that 'data' is a string. Shouldn't it be a JSON object?
The event which in the following keydown function code is not returning the correct key codes. I have checked this in Chrome using the developer tools and the console.log(e.which) statement in my code.
var KEY = {
UP: 38,
DOWN: 40,
W: 87,
[Code]....