I'm having some trouble trying to get a simple GET to work.
I have a page called 1.php with the following code:
This all works fine when I link directly to the page (I.e [url]), however when I load this page through jquery (so the url becomes [url]) the GET functionality stops working.
I've tried to address this issue multiple times, and yet IE 8 simply ignores it. I know jquery has the capability of operating correctly with other examples, but the below code just doesn't seem to satisfy it.[code]
View 4 Replies View RelatedHow do I change a id attribute of a div? I would like to change the id of the nested div from a to b.
[Code]...
I need a button that will switch on a div and the toggle between this div (link) and other one. I used jquery-latest.js:
<div id="button1"><button>Choice</button></div>
<div class="gal"><a href="1.html">1</a></div>
<div class="gal" style="display: none"><a href="2.html">2</a></div>
[code]....
Why won't this work?
Nothing pops up for the alert.
<script type="text/javascript">
How to union all plugins in 1 file ? Simple copy-paste do not work.
View 1 Replies View RelatedI'm actually new on jquery ajax. I just wanna ask a little idea about how to create simple file upload (with form) using ajax. I tried using this code:
//form html
<p id="status"></p>
<form id="form1" enctype="multipart/formdata">
<input type="file" id="photo" name="photo" />
<input type="submit" id="save" name="save" value="Upload" />
</form>
//php file
if($_POST){
$name = $_POST['photo']['name'];
$tmp = $_POST['photo']['tmp_name'];
$path = "images/".basename(name);
if(move_uploaded_file($tmp,$path)){
print("Done! File saved...");
}else{
die("Error on uploading!")
}}
//js
$(document).ready(function(){
var photo = $("#photo").val();
$.post("upload.php",{photo:photo},function(data){
$("#status").html(data);
});});
I'm pretty new to jQuery so try and go easy. Trying to do a simple AJAX POST using the jQuery post method and it doesn't seem to be working.
Heres my code:
$.post("sub-account-ajax.php", { email_address: "test@test.com" },
function(data){
alert("Data Loaded: " + data);
});
Heres the code for sub-account-ajax.php:
<?php
if (isset($_POST['email_address'])){
echo 'youre set';
}else{
echo 'nothing set';
}?>
When this code is executed I do not get any alerts or any error messages whatsoever. I've been pretty good with figuring things out so far with jQuery, but this is the first I'm stumped with.
I can't get GetElementsByClassName to work.Clicking on the first button moves data to a second function that when clicked moves the data to the input field.This codes works when I change getElementsByName('pics')to getElementById('upload').But I need it to work with getElementsByName().
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>[code]....
The following script works fine in IE6. In FF 1.0.7, it doesn't display the response text. The alert()'s in the script show that:
1) the script successfully creates the request object
2) 'http_request.status' starts off equal to 0
3) the readystate displays: 1, 1, 2, 4
4) an error occurs when the script tries to access the .status property of the request object after the request has been sent and the readyState reaches 4(line marked in red below).
<html>
<head><title></title>
<script type="text/javascript" language="javascript">
function makeRequest(url)
{
var http_request = false;
if (window.XMLHttpRequest)
{ // Mozilla, Safari,...
http_request = new XMLHttpRequest();
alert(http_request); //object XMLHttpRequest
alert("status: " + http_request.status); //status: 0
/*
alert("overriding mime type");
http_request.overrideMimeType('text/xml');
*/
}
else if (window.ActiveXObject)
{ // IE
try
{
http_request = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
http_request = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) {}
}
}
if (!http_request)
{
alert('Giving up :( Cannot create an XMLHTTP instance');
return false;
}
http_request.onreadystatechange = function() { alertContents(http_request); };
http_request.open('GET', url, true);
http_request.send(null);
}
function alertContents(http_request)
{
alert(http_request.readyState);
if (http_request.readyState == 4)
{
ERROR ---> if(http_request.status) alert("status property exists");
else alert("no status property");
if (http_request.status == "200")
{
alert(http_request.responseText);
}
else
{
alert('There was a problem with the request.');
}
}
}
</script>
</head>
<body>
<div><a href="" onclick="makeRequest('someText.txt')">click me</a></div>
</body>
</html>
I am trying to make a simple trim function but this doesnt works.
function tr(input){
var i;
var str;
for(i=0; i<input.length-1; i++){
if(text.charAt(i)==" "){
str+=""+text.charAt(i)
} return str
}}
I spent 2 hours trying everything, but I still can't get it to work.
<html>
<head>
<title>Hi</title>
<script type="javascript">
var outcome1 = form.YesNo.value
if (outcome1 == no) {
var formResult = no
}
else {
[code]....
I have an input for Fahrenheit in degrees, then a button to start the calculations, then an input box for the result. But the result stays empty. where my Javascript code went wrong? I am modifying someone else's code form the Internet,I am guessing at how it works. [code]
View 4 Replies View RelatedI want to write a function that appends a text string to my div. It seems pretty straight forward and I can't figure out why this doesn't work.
<html>
<head>
<script type="text/javascript">
[code]....
i look for a simple ajax, for a beignner, able to send a request for a text file and show its content in a <div />.
View 6 Replies View RelatedThe "Permission denied" cross site issue.
I have to check from my external domain if a service is running on localhost:8080 of a local machine.
I'm using XMLHttpRequest to do it.
I'm checking a local-web-server, not a file.
Every browser doesn't work, but Firefox. So I'm looking for a work-aorund.
An iframe? a flash swf? an applet java? HTA applications?
A side question is, why does FF work? Because it's a local-web-server?
Im trying to build a simple 'ajax' drop down field which will show more attributes from a certain field.if you were to click on one of the episodes another field loads without the page refreshing, this new field also has not been loaded with the original page. It has been updated separate to the page.
View 3 Replies View RelatedIf I want to send something simple to the server and I don't need a response, instead of using AJAX, I use this:
<html>
<head>
<script type="text/javascript">
function sendToServer(someText) {
var fakeImg = new Image();
fakeImg.src = "http://localhost/takeparam.asp?param=" + escape(someText);
}
</script>
</head>
<body>
<input type="button" value="press me" onclick="sendToServer('baloney');" />
</body>
</html>
Is there anything inherently "wrong" with this? I know that it requires javascript enabled. As far as I can tell it will work on more platforms that AJAX so that should be a good thing, right?
Anybody have a simple example of retrieving a page via ajax?
View 1 Replies View RelatedI'm creating an AJAX page that is built using a PHP Class, ie the php looks a bit like this: PHP Code:
$wp_page->addjs('../var/savepolicies.js')
$wp_parser->page = "userpolicywindow.php";
$wp_parser->addlink("Home","../index.php","");
$wp_parser->addlink("Logout","javascript:logout();","");
$wp_parser->getpageid("501");
[Code]...
within this page that has been created, there is an AJAX tree folder which calls another page to be loaded into a DIV by AJAX again. Code:
[Code]...
I don't know why it doesn't work because the page has been loaded with the JS file, but as soon as the link is added afterwards it doesn't work. I take it this is because it doesn't know where to find the JS, but how can I overcome this?
I'm trying to create a simple registration form with ajax validation. I've got the form working almost how I'd like... a message appears on the page with the errors for each field entered incorrectly.
The problem is all the error messages appear in one div together and I would like to have each field have its own div containing only its own error.
I think I need to wrap my error messages in xml and use something like this -
Code:
- but can't seem to get it working
Does anyone know how I should modify my code to do this?
Attached are the 3 I'm currently using
And Here is my code for my ajax page only.
Code:
i want to send a simple HTTP-Request to a JavaEE Backend with jQuery. In Chrome/Firefox it works just fine. In IE on the other hand, it does not. IE does not show any error in the console, nor does it show the request in the network tab. Nor does the request receive the backend. So, am i doing someting wrong here?
[Code]...
I have the following jQuery code:
With the following server side php code
But it doesn't work - the query string parameters are not being poicked up by the php code.
I am trying to use the regular .ajax functionality and it works great on most browsers but I noticed a phenomena: When I make an ajax request outside the "root" / index file it adds "/" to the end of the request which results in a 404 request... How can I eliminate this behavior and how does url really work in the ajax request ?
View 1 Replies View RelatedI'm sure that "insert.php" works because I've tried the
<form method="POST" target="insert.php">
And it adds to the database through "insert.php". But when I remove the
'method="POST" target="insert.php"'
And replace it with $.ajax() it won't work.
Here's the code:
$(document).ready(function(){
$("#submit_wall").submit(function() {
var message_wall = $('#message_wall').attr('value');
var message_wall = message_wall.replace(/</g, '<');
var message_wall = message_wall.replace(/>/g, '>');
var message_wall = message_wall.replace(/<.*?>/g, '');
var FeedUNum = $('#FeedUNum').attr('value');
var FeedConn = $('#FeedConn').attr('value');
$.ajax({
type: "POST",
url: "insert.php",
data: "FeedUnum="+FeedUNum+"&message_wall="+message_wall+"&FeedConn="+FeedConn,
success: function(){
$("ul#wall").prepend('<li style="display: none;">'+message_wall+'</li>');
$("ul#wall li:first").fadeIn();
}});
return false;
});});
I am using jquery ajax to retrieve data from an asp.net web service. It works ok in IE8; but when I tried it on Firefox (3.6 or so), it generated an error: parsererror
[Code]...
