I have writing a plugin, and have a question.about data in {} like css({}), ajax({}).what is the data type when using {}? what will they become that using in {} when they are send? are they become an array or an object?
View 1 RepliesI'm running into a prob with an ajax form post where the content type is being sent to the server as text/html instead of text/javascript... here's some of my code: I do this at the top of my .js file -
jQuery.ajaxSetup({
'beforeSend': function(xhr) {xhr.setRequestHeader("Accept", "text/javascript")}
})
I have 2 pieces of code for 2 diff fxns... the first works fine... the second posts with the wrong type -
[Code]...
I got something like that:
<script type="text/javascript">
$(document).ready(function(){
$('#demo1').quickEdit();
});
[Code].....
I know how to send data from a form via action/method but I'm clueless as to how to send php variables from a form using jquery AJAX and get a callback echoing the response
I'm looking at the visual jquery AJAX, but I don't know how to config the form to send the properties to the php script by clicking the submit button
Code:
Also what would I need in the php code to return a call back?
I have a html form which produces 3 post varaibles.
I'd link to be able to call a php file when sumbitted that sends the data from my form and returns the results from my php file to a div on the oringal page.
I know that you can use .load to call a page to be diaplayed within a div $('#container').load('url #div_on_page') but dont know how to send the from data.
this is the code.
<form method="post" id="new_user_form" >
<input type="text" name="newuser" />
<br /><br />
<input type="password" name="newpassword1" />
[Code].....
I'm having a weird problem, not sure if I'm overlooking something or leaving something out. I'm trying to send values of a form to through AJAX to a php script then return a value. It works fine, except the author field is always blank. I've created a simplified version and it still works weird.
This is the javascript used to get the values and send them, when they come back the alert message shows Name as blank. I've looked in the PHP file to see if I made a mistake but I don't see anything.
function postComment() {
var author = document.getElementById("author").value;
var email = document.getElementById("email").value;
var comment = document.getElementById("comment").value;
var url = "includes/testComment.php";
request.open("POST", url, true);
request.onreadystatechange = showResult;
request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
request.send("author="+escape(author)+"&email="+escape(email)+"&comment="+escape(comment));}
function showResult() {
if(request.readyState == 4) {
var message = request.responseText;
alert(message);
}
}
HTML Code:
<form>Name:<br />
<input type="text" id="author" name="poster" size="25" /><br />
Email:<br />
<input type="text" id="email" name="email" size="25" /><br />
Comment:<br />
<textarea cols="36" rows="7" id="comment" name="comment"></textarea>
<input type="button" onclick="postComment();" name="submit" value="Comment" /></form>
PHP Code:
$author = trim($_REQUEST['author']);
$email = trim($_REQUEST['email']);
$comment = trim($_REQUEST['comment']);
$response = "Name = ".$author." email = ".$email." comment = ".$comment;
echo $response;
i have a little problem with one aplicattion, the problem is i have one function for saving data from a http page but i dont know how send the data from the .js to my .py
View 1 Replies View RelatedI'm trying to send data to my server using xmlhttp POST. The data being
sent is actually an HTML page that is built with javascript in the
browser. The HTML code contains a small javascript function in the
<HEAD> section. I applied encodeURIComponent to the data prior to
sending it but anything between the <script> </script> tags does not
get sent. The tramsmitted data is cought by a Perl script on the
server, it handles the input as normal FORM data and writes the html
data sent to a file (with the javascript function missing). Maybe I
need to do something different related to encoding the chars for an
HTML comment (?) ...
Do you know a dynamic way to send 10kb of text or more using an iframe?
I tried to do that with by creating, in javascript, a dynamic iframe,
then create a form into this iframe and put the data in a textarea and
then call a sumbit(). Code:
I am doing xmlhttp ajax stuff. I am using a script called "SEXYALERTBOX". I am using it to allow the user to input a password. The textbox is called BoxPromptInput. I do not think its inside a <form> tag.
Here is the code:
function askForPass() {
Sexy.prompt('Please type the password in order to see the pictures/videos','' ,{ onComplete:
function(returnvalue) {
if(returnvalue) {
var xmlhttp = false;
var pageResponse = null;
try{xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");}
catch (error){try {xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");} catch (error) {xmlhttp = false;}} .....
Any way to pass the value since I am sure the request.form would not work in this case since its not in a form.
I have several functions in a .js file that collect various types of information from the visitor, let's just say they are strings, and want to send that information to my database. I have no problem putting the information in my database once I get everything into PHP (I'm relatively new to JS).
Am I able to make a form in the .js file and automatically submit it once all the functions finish? I also need the page not to refresh when sending this information so I'm assuming some AJAX will need to be involved. I was able to send a basic form using some jQuery I found and have the page not refresh but can't figure out how to do the same in a .js file.
<script type="text/javascript">
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
});
});
</script>
I am trying to send the login info from a form into a IIS server and the asp file on the server will just respond back with the following text "Welcome, &name" on a ajax form on the client side. Currently, i am using a GET response and would like to send using JSON instead.
html file on client side
Quote:
<!-- AJAX component-->
<!DOCTYPE HTML>
<html>
<head>
[Code]....
Trying to append data from an API to the frame source; not loading. master page:
[Code]...
i'm kind of dizzy right now since i've tried X different versions...still working on it. the new URL doesnt load i want to get the stud_id from the API and append it to the url that i launch in the iframe
i have a widget which incllude html script, I am trying to send this widget to people that request it and allow them to use it in their own webpages....I am trying to figure out how to let the person enter information in the "form" and when they press the send button no screen pops up but the information is sent to a textfile in our public html directory....
View 4 Replies View RelatedI have a problem with sending data from a form to a php script with AJAX. To test if it works, I try to send data from the form, print it in the php with "echo", and then put it back in the initial html file.
My Javascript code is:
The function stateChanged, basically says:
The problem is that the response is empty, but I don't know why. I have checked the input data and the postData variable says "firstName="+input (e.g. "firstName=Robert"), so that's not the error.
i have following code. it has a problem when i submit username and password it does not display that username and password back.
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
I am having a problem sending my form to MySQL on my application page (when you click GameTime! it should send the data to a MySQL table.)-[URL]
It sends the form data here: [URL] however, it just won't seem to work in facebook. Obviously there is something wrong with my FBML/FBJS.
This is the JS I use to do this:
function getPicks(){
var j;
for(j=0; j<5; j++){
var div=document.getElementById("li"+j);
[Code].....
here's my problem
when my input is: "asdasasd&=adasdasdsad"
at my ajax code:
send("test="+test);
~> output send("test=asdasasd&=adasdasdsad");
omg. so then, what's the htmlspecialchars ( PHP ) in javascript
Im trying to get the hang of it. I am trying a simple data entry page, where you can enter the name and type of an animal (eg Freddy the ferret) and it will be added to an HTML table.
The bottom of my table looks like this...
...and I have the following in the <head> tag of the page...
The way I thought this should work is that the first bit of the line would create a new DOM element, consisting of a <tr> with three <td>s in it, the first and second of which would contain the values the user entered. This new DOM element would then be inserted into the table right before the last row.
The problem is that the values from the two <input> tags are ignored, and a row with three empty cells is inserted...
I tried adding the following to the script...
And this showed fine, implying that I am getting the values correctly.
I even tried hard-coding the whole line, but that still added empty cells. Oddly enough (to me anyway), the space in the third cell was recognised, but the hard-coded text in the first two cells wasn't.
is there a way of sending data inputted into a form inside a chunk, to an ASP form on a completely external page (i.e on a different, unrelated site)?This is the code I have for the form chunk:
Code:
<form action="https://externalsite.com/default.asp" name="bookahotel" method="post" class="bookahotelform" target="_blank" >
[code]....
I'm having a weird problem using ajax. I use ajax to create a input field inside a form.
like this:
Before Ajax script
Code:
After Ajax script
Code:
The Ajax script works perfectly. the problem occurs when I try to send the form with the new field. The form doesn't send the field data to test.php. And more weird is that it works on IE, only on FF the problem occurs. Nothing shows in the Errors Console, and I have the last Firefox version.
A while ago I wrote a "Vector data type" script
using DOM interface to select.options.
That was a (beautiful) mind game :-) rather than
a practical thing to use.
Here is another attempt open for criticism, this
time dead serious. I really need an effective
Vector emulator for a project (as much effective
as something not implemeted in language but
emulated by means of the language itself is: a
productivity impact is imminent, the question
is to minimize it).
<html>
<head>
<title>Vector constructor</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<script>
function Vector(arr) {
this.$_$ = arr || new Array();
this.length = this.$_$.length;
this.add = Vector.$add;
this.remove = Vector.$remove;
this.toString = Vector.$toString;
}
Vector.$add = function(m,i) {
if (('number'!=typeof(i))||(i<0)||(i>=this.$_$.length)) {
this.$_$.push(m);
}
else {
var tmp = [m];
tmp.push(this.$_$[i]);
this.$_$.splice(i,1,tmp);
}
this.length = this.$_$.length;
}
Vector.$remove = function(i) {
var ret = this.$_$.splice(i,1)[0];
this.length = this.$_$.length;
return ret;
}
Vector.$toString = function() {
return this.$_$.toString();
}
// Create new vector and use it as a wrapper
// over Array argument:
var v = new Vector([1,2,3]);
// add(newElement, atPosition) method
// if no atPosition provided, newElement will
// be added to the top
v.add(4); // add 4 to the top
// Add 3.5 atPosition 3
// The element currently located at v[3] and all elements atop
// of it will be moved one position up
v.add(3.5, 3);
// remove(atPosition) method
// Elements currently located atop of it will be moved
// one position down
v.remove(1);
// toString method is overloaded so in string
// context it gives comma-separated vector values
alert(v); //1, 3, 3.5, 4
</script>
</head>
<body>
</body>
</html>
oes anybody know of a good reference document/source for data types that you can pass to a function, please? What I want to establish are the variety of elements that can pass data to a function in the following way:If you set a value to a table cell (<td>) then you retrieve it in the function thus:
function(row) by calling function(this).
I know that divs and spans can do this too, but how about images in a loop with unique names etc?
I need to add an event for all elements that are not text entry.I have tried this
$(':not(input:text, input:textarea)')
$(':not(:text, :textarea)')
I tried to get it to work for just not type=text
$(':not(:text)')
$(':not(input:text)')
I can't seem to figure it out.
I have to change text input type to password input type and i am using jquery script. This script work for FF, Chrome and Safari browser but not worked on ie7, ie8.
Script is as:-
How can i update my script, so that it works cross the browser.
I'm trying to use a plugin for paging from jquery, the thing is that the demo is not very clear, at least for me that I'm not very familiar with jquery and httphandlers. Here is the javascript code.
$(function () {
var a = 10;
var b = 10;[code].....
Then in my handler I'm trying to do this, this is beacause I'm following a tutorial to use a Jquery Plugin for paging, the web page for this plugin is http://jpaging.fahon.org/usage.In the handler it puts this code in the http context function
the "context" is the HttpContext variable.
context.Request.Form["type"]
I thought it was getting the variable "type" from the data in the ajax in the javascript but it does not get me anything, it always gets null.What am I doing wrong?