I have some jquery code:
var data = $("#mySortable tbody tr:eq(" + editpos + ")").find('input').serialize();
Now data will spit out something like name=John&surname=Doe
What I want to convert data to is:
[Code]...
I want to post a form and reload the results $("#shoppingcart").load("/catalog/shoppingcart.php", $("#"+frmId).serializeArray());
This works fine, but I would like to add a key and value to the array. How do I do that?
Is it possible to store other attributes than id and value of an input to a serialized array?Example:
html field:
<input type="text" name="NOT1NO" id="NOT1NO" value="1" custom="test" />
Using serializeArray creates array like
[
{
name: NOT1NO
[code]....
I am trying to set up a chat window in my website. Pretty much I have the main page, and a pop-out child page that contains the chat. I want users to be able to change pages on the main page, but the issue is that when they change the page, the reference to the child page (where the chat is) is lost, is there a way to make the window object persistent such as serializing it and putting it in a cookie? It looks like JSON is made for like functions, but can't really serialize a window object.
View 9 Replies View RelatedCan I debugge Javascript code to see which values take my variables?
If so, How can I do it.
urrently I have the user log in, choose their character, and then go to a page where they can fight random monsters. When they get to the page to fight with the random monsters, the character's information as well as the random monster's information is pulled from tables in my database.
What I would like to do is when the user clicks the Attack button, perform a function that takes the monster's hp ($hp) and subtracts from it the character's attack combat value ($acv1).
how I can access the php variables within my JavaScript code and how I can go about doing this type of calculation?
I'd like to store the monster's hp in a javascript variable, so that when the character attacks, the hp can be updated until the character has reduced the monster's hp to zero, in which case a php script should be run that updates the character's table.
[URL]
This form collects info of the customer who wishes to select add-ons that would be applied to their digital photos. Examples of add-ons:
Photo makeover
Add object or person
Crop image
Have a look at the form [URL]
Once a customer selects one of the options (Photo Manipulation or Photo Restoration for example - radio buttons) and then one or more Add-ons (check boxes in the Html form), enter their details and upload a photo, they hit the submit button and it then takes them to the PayPal checkout page where the total amount is shown. (see image below)
[URL]
The Issue:
In the PayPal page, it now shows the total amount whichever add-ons you select, however it keeps showing "Add object or person" as well as all the 5 main options (radio buttons on the form) no matter what I select. This will be an issue as I will not know exactly which add-ons the customer has selected.
complete the coding so that the add-ons show on the PayPal checkout page.
In order to send the options/add-ons the customer selects I may need to use the onX and osX variables (Where X is a number starting with 0 and incrementing by 1 see below), These can be used to set options for the add-onsthey select. The onO is the "option name" and os0 is the "option choice". So for example:
<input type="hidden" name="on0" value="Photo manipulation">
<input type="hidden" name="os0" value="Whatever add-ons the customer selects">
<input type="hidden" name="on1" value="Photo restoration">
<input type="hidden" name="os1" value="Whatever add-ons the customer selects">
i have the following snippet of javascript:
liChilds[x].onclick = function(){
toggleSubMenu(sub_menu_id, false);
return false;
}
That code happens within a loop, and sub_menu_id has a different value through each iteration of the loop. For example, if it loops 4 times, then there will be 4 onclick functions and sub_menu_id would change for each one. This should happen in theory, but instead, whichever item you click on, sub_menu_id takes the value of its last value in the loop. (4 in this example)
My question is, how do I make the function toggleSubMenu take the value of sub_menu_id at the time the on click function is created (i.e while looping) rather than taking the value of sub_menu_id when it is actually clicked.
I need to cache some javascript variable values across the page. Consider page 1 has a javascript variable which holds some value and If the user take page 2 and clicks the browser back button the javascript variable value on page 1 will be lost. How can I cache the javascript variable value on page 1.
View 3 Replies View RelatedI'm trying to learn JavaScript on my own and am using a Dashcode example (if anybody uses Dashcode, the example is the "Browser" web application template that is shown when Dashcode opens).
Briefly, the JavaScript generates a list of "Locations" in the USA:
Code JavaScript:
// Sample data. Some applications may have static data like this, but most will want to use information fetched remotely via XMLHttpRequest.
var parks = [
[Code]....
I want to retain the layout and structure but, depending on the "Location" have different text for each of the new pages (not "the scenery is amazing etc).
basically i am getting an elements width value like this:
HTML Code:
var aElementWidth = eSelected.style.width;
which returns 颼px'. I want to split the data into two variables a = 100 & b = px.
I thought about using split(); but i couldnt get it to work.
I working on a simple voting code (Good/Bad), and I need to know how to maintain variables values even after refreshing the page. for example: when a user hit good button, (var good) will increase from 0 to 1. how to make (var good) stick to 1 even after refreshing the page?
View 12 Replies View RelatedI have a form with checkboxes. I am trying to put the selected items into an array and then just simply go to the next page (an AJAX page within the same HTML doc using jquery mobile). I dont want the form to submit the values in the URL. using "return false" seemed to be working before but now it isnt!?:
HTML Code:
<form name="form1" onsubmit="validateDrink(); return false">
<input type="checkbox" name ="drinks1" value="beer" id="beer"/>
[code]....
I'm trying to make an ajax post to some php and whenever the user clicks the submit button, it reloads the page and is adding the serialized data to the URL thus breaking the page and giving me an error that I do not have a person selected. I've tried adding "return false;" everywhere I can and it still doesn't work. Here's my code:
// EDIT CONTACT AJAX
$("editForm").submit(function() {
$.post("/ajax/edit-contact.php", $("editForm").serialize(),
function(data) {[code]...
// I've tried adding a "return false;" here and it doesn't work
}
// I've tried adding a "return false;" here and it doesn't work
);
// I've tried adding a "return false;" here and it doesn't work
I want to add the values of several variables in one variable and then use this variable, which contains the values of variables
You can see the following example
HTML Code
Javascript Code
After executing this code I find that the variables are not displayed values
As in the following picture: [url]
I'm moving from php to JavaScript. What I want to do is assign a value to a variable only if the variable hasn't been assigned yet.
In php it would be:
if($variable=='')
$variable='default value'
I thought the equivalent in javascript would be:
if(variable=='')
variable='default value'
Can anyone explain why this doesn't work, or what I should do instead?
I'm trying to trap a user entry that cannot be found in the database. When a code is entered, the page should give a "Code Not Found" message if it is an undefined value.
However, it didn't; and it always shows the "undefined" value to the page instead.
Here's what I actually did:
getting user input:
Finding the code:
I have got a following problem with using javascript:
I have a HTML page with pictures' thumbnails. After clicking on any
thumbnail, I would like to open a new window with the original size
picture. In the main window with thumbnails, I have got following
important stuff: Code:
I am trying to assign a value to a java variable inside the script that I am calling via ajax but once the call is over it shows variable as undefined:
$.ajax({
type: "GET",
url: "getdata.js",
dataType: "script",
[Code].....
Im familiarising myself with google maps but i cant seem to get what i thought was the simplest thing to work. Im trying to pass the latitude and longitude values from 2 separate labels to 2 javascript variables.
View 3 Replies View Relatedfunction submitPartsForm(str) {
var count=document.getElementsByName("partId");
for(var i=0;i<count.length;i++)
{
document.mylist.myNum[i].value= document.getElementsByName("partNum")
(i).value;}
document.forms["mylist"].submit();
}
myNum[] is a hidden variable and partNum is the name of a text field
that has many instances i mean there are many textfields with the same
name so it forms a column in a data table.
Trying to build a little tool here..
<html>
<body>
Artist ID: <input type=TEXT id=ArtistID name= ArtistID value="Artist ID">[code]....
I'm trying to save the input and pass it into the URLs that are the option values. So Artist ID being 111 would take you to url..../<WHATEVER OPTION YOU CHOSE FROM DROP DOWN>/111
What am I doing wrong/What am I not doing?
The following code does not work. Can anyone help with modifying it?
<script type='text/javascript'>
function super2 ()
{
var theNum = prompt ('Please enter a number: ', ' ');
document.write ('Its superscript is: ' + <sup>theNum</sup>);
}
super2 ();
</script>
I am building a web page.and have a simple javascript menu... I call
the javascript menu within a div block that my print sytlesheet has
set as a display: none;, well all the content in that block doesn't
show up, EXCEPT the javascript is still getting run Code:
Hello...I assume this should be relatively simple but can't seem to figure it out and have searched all over the net.I have an .asp page that contains a form with multiple checkboxes for users to register for classes. When the classes fill up I want to be able to not allow them to register.
Right now I am doing the following:
function regclosed()
{
alert("Registration for this class has closed." + '
' + '
' + "Please select another class.");
this.checked=false;
}
Then for each checkbox I am using onclick = "regclosed()" The problem that I am having is that even though I only put the 'onclick' for certain checkboxes...as soon as I click a checkbox that has the regclosed() it clears every box that was checked - not just the one that has onclick="regclosed()"
Is it possible to turn on/off the scroll, caps, and num locks on a user's
computer using javascript? It's somewhat hard to explain what I need this
for, but if there is a way for this to be done, please let me know...