Simple Ajax
Oct 2, 2006i 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 Repliesi 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 RepliesI'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.
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 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'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 have a form1 with two fields, field1 and field2. I want the contents of field1 to be transferred to field2 onBlur, but with some changes. I want the contents of field1 to have its spaces replaced with Dashes, and all punctuation removed, so this can happen:
FIELD 1 value:
Today's rate is 15%, & the outlook is good.
onBlur should then create a value of:
FIELD 2 value:
todays-rate-is-15-percent-and-the-outlook-is-good
Notice that the "&" was converted to "and", the "%" to "percent". The comma
was deleted and all spaces replaced with Dashes. The second field should
only every contain alphabetic letter, dashes, and numbers.
I want to replace all occurences of this ),( in my string with a comma .....
statement=statement.replace("),(",",");
This only does the first. I've been reading about adding "/g", but haven't
got it to work. I've messed about with no luck. Any quick pointers?
Here's a small collection of bookmarklets for disecting your own (or other people's!) websites. They do things like, show all TABLE elements with a red border, hide non-link images, and so on...
View 23 Replies View Relatedi need a 5 second counter to start when the page loads. basically the usage is I want people to click a link, and if the page has been loaded for more than 5 seconds, do thisFunction().. if not, do nothing.
so basically
<script type="text/javascript">
window.onload --> start the counter
// when the counter hits 5 seconds, set var done = true;
function thisFunction() {
if (done = true) { proceed with function)
else {do nothing}
}
</script>
...
<a href="linkyPoo.html" onclick="checkCounter">OO oOO, click me!</a>
I'm trying to write some validation for a field called Propid, in a form called qSearch. Basically if there's nothing in Propid, or it is says "ref no.", I want to alert the user, otherwise, I want the form to submit.
Here's what I have at the moment:
Code:
<script>
function checksearch()
{
if (qSearch.Propid.value!="ref no." )
{
alert ("Select reference number" );
qsearch.Propid.focus();
return;
}
if (qSearch.Propid.length != 0)
{
alert ("Select reference number" );
qSearch.Propid.focus();
return false;
}
}
}
PHP Code:
<!--
function submitForm()
{
window.setTimeout(document.email_inner.submit(),5000);
}
//-->
im trying to submit my forum after 5 secounds of viewing the page and i have no knowlege of java wat fo ever but ey told me this is the onlyway to do such a thing ... this i wat i have so far in hte header .... it dose nothing at all
im tired of working all day...
please how to delete the value with regexp...
i tried this
bla.replace('value="/.+/"', '');
it wont work...
Just a few questions about simple animations (that aren't Flash). I've searched around but haven't been able to find anything really concrete about alternatives to JS. Basically in terms of simple animation, is JS the be-all-end-all? What other options are there in terms of simple animated menus (besides Flash & animated GIFs)?
Something like the above Quick Links menu; would something like that be possible in only Javascript? Or would there be an alternative?
I'm looking for a javascript that will do a 3 minute countdown and display it on the screen, preferably not in a textbox, but i'm not picky.
Here is how it works. Someone will make a selection from a form. The date/time of that selection is then stored in a database. I want to use the date time stored in the database as my starting time and then countdown 3 minutes. After 3 minutes I would like a message saying Times Up, please make a selection.
How do I use JavaScript instead of using this " <a target="_blank" href="http://www.OtherWebsites.com">Other websites</a> " if I want to use a list of JavaScript links?
View 3 Replies View RelatedHeres my code:
<html>
I have a rather simple question. It's been four long years since I last dealt with JS and although I remember the basic concepts behind loops I don't remember how to actually implement them.
This is my current code:
What's bothering me is how redundant it is. I would much rather simplify it into a few lines where i increments by 1 from 0 to 13 in the case of image[i] and cover[i]. Is this possible? And if so, how would I go about articulating it?
I am building a stand alone html help system (.chm.) So the usual woes with
mailto are not going to be encountered. Likewise I am ensured all my
intended users have Outlook installed. With that said This is what I want
to do.
I have a simple html form with a an radio button option group, a listmenu, a
text box, and a text area. What I would like to do is have a user fill out
this form, and hit a button that sends the results via outlook. The TO, CC,
and subject fields will be hard coded. I want the option from the list menu
on line one, the radio button on line two, the text box on line three and
the multi-line text area starting on line 4.
I haqve searched the web, and groups all day to no avail. Everything I have
tried simply fails. I even tried breaking this down into a simple one text
box one button, with no good results via javascript. I can get it to work ok
without javscript, but instead of new lines they just overwrite each other.
I would like to have a navigation menu with prev/next in a top frame
and in the main frame a PDF file.
I think this might be possible with javascript:
- get current file name
- go to next prev in the list of 10 files
does anyone know how to write a simple vertical javascript nav bar?
View 3 Replies View RelatedI've been playing with this form validation method for a while and have
tried an array of things but haven't had any luck with a couple items.
1. The validateForm() function doesn't detect when the Min price is
greater than the maximum price.
2. The validateForm() function doesn't call isNumber() on the minBaths,
maxBaths, minBeds, or maxBeds.
3. Despite errors in input and the validateForm() function returning
false, the form is still submitted.
Here's the code:
I'm trying to dynamically change the contents of a select box by doing the
following...
function myfunc() {
var obj=document.getElementById("objname"); // name of the select box
var str=''
str+='<option>blah</option>'
obj.innerHTML=str;
alert(obj.innerHTML);
}
For reasons I don't understand, the alert gives me 'blah</option>'. Where is
the leading <option> tag?
I've seen plenty of browser detection scripts but they all seem to be slightly different and don't really fit my needs. I have various places where if the browser is IE I'd like to display [this html code] else [display this]. For example, if a browser is IE I want to use this CSS file
otherwise use a different one and if it's IE make this cell x pixels high else make it y pixels high. I'm sure this is easy ....