|
JavaScript - Ajax Post Method Problem.....help!
Dear forum guys,
I'm having a problem regarding the POST method with Ajax. I'm sending form inputs through Ajax by POST method to an ASP file to add them back to a database. However, what i noticed is that whenever i send the inputs of the form let's say ("username") through Ajax by the POST method, the result is the input "username" however with no spaces. Why is it that the Ajax POST method ignores the spaces and sends the inputs without the spaces? I tried it with the GET method and found out that GET doesn't ignore the spaces, it worked. But the application that i'm trying to build requires sending bigger data that the GET method can't send. SO therefore i need the POST method but i ran into the problem of Spaces Being Ignored. Please, is there a way to send any string that contains spaces through AJAX POST method and not ignore the spaces in the output??? Thank You David Similar TutorialsHi, I 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: Code: function registerPrivateUser()
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
{
alert ("Your browser does not support AJAX!");
return;
}
var postData="firstName="+ document.getElementById("txtFirstName").value;
var url="classes/users/checkRegistration.php";
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("POST",url,true);
//xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
xmlhttp.send(postData);
}
The function stateChanged, basically says: Code: if (xmlhttp.readyState==4)
{
var strResponse;
strResponse=xmlhttp.responseText;
alert('Response:' + xmlhttp.responseText);
}
checkRegistration.php looks like this: PHP Code: <? session_start(); $firstName=$_POST['firstName']; echo($firstName); ?> 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 read several forum posts here, but still haven't figured out what I'm doing wrong. If anyone could please tell me, I would appreciate it alot. Hey peeps, I'm trying to use wget to access this website that uses javascript. The website is from my work. Basically I made a program that parses information from our payment page. It tells me how much I am being paid for the month. Anywho, the variables on the page are in javascript, and thats one language I'm not proficient at. I need to change the month that it gets the pay for. The default is the current month. But it can be changed to last month, and from the code I can tell that something has to be changed from "THIS_MONTH" to "LAST_MONTH", but I'm not sure how to properly do it. Posted below is the source code from the website. Please let me know how I can change that without actually having to click the button to change the scope to last month. And also, is there any way to change this in the post method, or any other method that wget uses? I only included the parts I thought could be relevant. Thanks guys! BTW, I think it pertains with g_FiltersMenuStr Code:
<title>SupportSpace - Tech Support for Computers, Printer, Security, Gadgets...</title>
<meta name = "description" content = "get immediate tech support for your PC / Computer, Printers, Outlook / Email Setup, Wireless, Networking, Anti-Virus & Security, Spyware, XP, Vista, I-Pod, MP3 Player Setup, Zune, Printer Setup, Backup Services for your Documents & Many other online live support"/>
<meta name = "keywords" content = "online live tech support PC Computer Printers Outlook Email Setup Wireless Networking AntiVirus Security Spyware XP Vista IPod MP3 Player Zune Printer Setup Backup Services hardware software help chat"/>
<meta name = "language" content = "English"/>
<link REL="SHORTCUT ICON" HREF="/support/images//icons/shortcut_icon.ico"/>
<script type="text/javascript">if(!JAWR){var JAWR = {};};;JAWR.jawr_dwr_path='/support/dwr';JAWR.dwr_scriptSessionId='CCA333F742C70F495236AA2C97D653D2';JAWR.app_context_path='/support';</script>
<link rel="stylesheet" type="text/css" media="screen" href="/support/styles/31289092/bundles/common_connection.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/support/styles/1893248551/bundles/sessionHistory.css" />
</head>
<script type="text/javascript">if(!JAWR){var JAWR = {};};;JAWR.jawr_dwr_path='/support/dwr';JAWR.dwr_scriptSessionId='BF92335E3E86FC7586F1F5BFB96E81FB';JAWR.app_context_path='/support';</script>
<script type="text/javascript" src="/support/scripts/122785183/bundles/common.js" ></script>
<body class="supportspace">
<script type="text/javascript">
var jabberConnectorSrc = "/support/extra_scripts/1.23a1.6/flashconnector/jabberConnector.swf";
if (!!(window.attachEvent && !window.opera)){
document.write('\
<OBJECT id="jabberConnector" dontRewriteMe=true codeBase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="1" width="1" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">\
<PARAM value="'+jabberConnectorSrc+'" name="Src" />\
</OBJECT>');
}
else{
document.write('<embed swliveconnect="true" name="jabberConnector" id="jabberConnector" src="'+jabberConnectorSrc+'" quality=low height="1" width="1" type="application/x-shockwave-flash"></embed>');
}
</script>
<!--[if lt IE 7]>
<style>
#dSSLogo{position:relative}
</style>
<![endif]-->
<div id="dHeader">
<div id="dHeader_1" class="center s2DarkGray">
<div id="dSSLogo" onclick="document.location = 'http://www.supportspace.com/support/'"></div>
<div class="rightLinks">
<div id="dHeaderLinks" style='display:none;' class='invisible'>
<div class="dHeaderLink"><a class="mainlevel-trans" href="javascript:void(0);" id="dSigninMenu">Sign In</a></div>
<div class="dHeaderLinksSep">|</div>
<div class="dHeaderLink"><a class="mainlevel-trans" href="https://www.supportspace.com/support/affiliates.s2?aiu=UserRegistration" id="headerSecondMenu">Register</a></div>
<div class="dHeaderLinksSep">|</div>
<div class="dHeaderLink"><a class="mainlevel-trans" href="http://corporate.supportspace.com/about_us">About Us</a></div>
<div class="dHeaderLinksSep">|</div>
<div class="dHeaderLink"><a class="mainlevel-trans" href="http://www.supportspace.com/support/faq.s2" id="menuHelp">Help</a></div>
</div>
<div id="dHeaderLinksAfterLogin" class='visible'>
<div id="dHeaderMailNotification">
<a id="nomailNotification" class="s2LightGray nounderline" href="http://www.supportspace.com/support/inbox.s2">(<span class="nbNewOfflineMessagesHeader">0</span>) <img src="/support/images/offline_messages/message_icon_grey_16x14.gif" alt="" title="" width="16" height="14" align="absmiddle" border="0"/></a>
<a id="mailNotification" style="display:none" class="s2Blue nounderline" href="http://www.supportspace.com/support/inbox.s2">(<span class="nbNewOfflineMessagesHeader">0</span>) <img src="/support/images/offline_messages/message_icon_blue_16x14.gif" alt="" title="" width="16" height="14" align="absmiddle" border="0"/></a>
</div>
<div id="dHeaderWelcome" class="dHeaderWelcome">Hello </div>
<div style="float:left;">
<table cellpadding=0 cellspacing=0 border=0>
<tr>
<td width="5">|</td>
<td>
<a id="dMySpaceMenu" class="mainlevel-trans" href="#">My Account</a>
<ul id="dMySpaceMenuContent" class="menu" style="display:none;"></ul>
</td>
<td width="5">|</td>
<td><a id="dSignOut" class="mainlevel-trans" href="http://www.supportspace.com/support/j_spring_security_logout">Sign Out</a></td>
<td width="5">|</td>
<td><a class="mainlevel-trans" href="http://corporate.supportspace.com/about_us">About Us</a></td>
<td width="5">|</td>
<td><a id="menuHelpAfter" class="mainlevel-trans" href="http://www.supportspace.com/support/faq.s2">Help</a></td>
</tr>
</table>
</div>
</div>
</div>
<div style="clear:both;"></div>
</div>
<div id="dHeader_2" class="center">
<div id="dHeaderMenus">
<div>
<a href="http://www.supportspace.com/support/" onclick="this.blur()" title="SupportSpace homepage" tabindex="1" id="menuHome">
<img src="/support/images/header/home_btn_regular.gif" alt="" width="127" height="32"/>
</a>
</div>
<div>
<a href="http://www.supportspace.com/support/expert" onclick="this.blur()" id="menuExperts" title="Search for online experts">
<img src="/support/images/header/experts_btn_regular.gif" alt="" width="127" height="32"/>
</a>
</div>
<div>
<a href="http://www.supportspace.com/support/services" onclick="this.blur()" id="menuPackages" title="Search for featured support services">
<img src="/support/images/header/services_btn_regular.gif" alt="" width="127" height="32"/>
</a>
</div>
</div>
<div id="dSearchBox">
<div id="dSearchBoxQuery">
<input type="text" id="searchBoxQuery" style="color:#7C7C7C" name="searchBoxQuery" value="Search" onkeypress="submitEnter(this,event,runExternalSearch)">
</div>
<div id="dSearchBoxGo">
<img id="dSearchBoxGoBtn" width="22" height="22" border="0" alt="Search"
src="/support/images/header/search_icon_regular_22x22.gif"
onmouseout="this.src='/support/images/header/search_icon_regular_22x22.gif'"
onmouseup="this.src='/support/images/header/search_icon_regular_22x22.gif'"
onmouseover="this.src='/support/images/header/search_icon_mouse_over_22x22.gif'"
onmousedown="this.src='/support/images/header/search_icon_pressed_22x22.gif'"
/>
</div>
<div style="clear:both;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="dTemplateBody" class="center">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="leftPanel" >
<div >
<div class="getHelp box">
<div class="title"><img src="/support/images/header/menu_get_help.gif" width="170" height="27" alt="Get help on products"></div>
<div class="s2Gray productList content">
<ul>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Virus_-_Spyware" title="Virus - Spyware">Virus - Spyware</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Printers" title="Printers">Printers</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/PC_Support" title="PC Support">PC Support</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Windows" title="Windows">Windows</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Security" title="Security">Security</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Backup" title="Backup">Backup</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/PC_to_PC_Transfer" title="PC to PC Transfer">PC to PC Transfer</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Wireless_Network" title="Wireless Network">Wireless Network</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Email_and_Internet" title="Email and Internet">Email and Internet</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Browsers" title="Browsers">Browsers</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/iPod_and_MP3" title="iPod and MP3">iPod and MP3</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Camera_-_Photo" title="Camera - Photo">Camera - Photo</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Mobile_Phones" title="Mobile Phones">Mobile Phones</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Green_PC" title="Green PC">Green PC</a></li>
</ul>
</div>
</div>
<div class="box howdoesitwork s2Gray">
<div class="title">
<img src="/support/images/left_pannel/menu_how_it_works_170x43.gif" width="170" height="43" alt=" ">
</div>
<div class="steps">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td><img src="/support/images/left_pannel/3_steps_1_icon_55x60.gif" width="55" height="60" alt=""/></td>
<td valign="top">
<p><span class="title bold">1.Choose</span><br/>
a service or an online expert.</p>
</td>
</tr>
<tr height="5"></tr>
<tr>
<td><img src="/support/images/left_pannel/3_steps_2_icon_55x60.gif" width="55" height="60" alt=""/></td>
<td valign="top">
<p><span class="title bold">2.Connect</span><br/>
to the expert and watch your problem being solved.</p>
</td>
</tr>
<tr height="5"></tr>
<tr>
<td><img src="/support/images/left_pannel/3_steps_3_icon_55x60.gif" width="55" height="60" alt=""/></td>
<td valign="top">
<p><span class="title bold">3.Done</span><br/>
Relax and rate your experience.</p>
</td>
</tr>
</table>
</div>
</div>
</div>
</td>
<td class="panelSpacer" > </td>
<td class="rightPanel" >
<div id="dBodyPage" class="bodyPage" >
<script type="text/javascript" src="/support/scripts/N1461701270/bundles/session_history.js" ></script>
<script type="text/javascript">
var gExternalParameterType = "";
var gSupportSessionId = "";
var gIsSupporter = true;
var gError = false;
var gExternalSessionFatalError = true;
var gDefaultFilterList = {};
gDefaultFilterList['SESSION_DATE'] = "";
gDefaultFilterList['SESSION_STATUS'] = "";
gDefaultFilterList['SESSION_TYPE'] = "";
gDefaultFilterList['SUPPORT_SESSION'] = "";
gDefaultFilterList["SESSION_DATE"] = "THIS_MONTH";
gDefaultFilterList["SESSION_TYPE"] = "PAID";
var gSHistoryStrings = {
error_feedback_add:"You cannot add feedback to this session.",
error_feedback_fatal:"Required session is not availible. You cannot add feedback.",
error_session_report_add:"You cannot edit the solution report for this session.",
error_session_report_fatal:"Required session is not available. You cannot edit the solution report."
}
var g_FiltersMenuStr = {
"SESSION_DATE":"Date",
"SESSION_DATE.TODAY":"Today",
"SESSION_DATE.YESTERDAY":"Yesterday",
"SESSION_DATE.THIS_WEEK":"This week",
"SESSION_DATE.LAST_WEEK":"Last week",
"SESSION_DATE.THIS_MONTH":"This Month",
"SESSION_DATE.LAST_MONTH":"Last month",
"SESSION_DATE.LAST_6_MONTH":"Last 6 months",
"SESSION_DATE.THIS_YEAR":"This year (2011)",
"SESSION_DATE.LAST_YEAR_AND_EARLIER":"Earlier than (2011)",
"SESSION_STATUS":"Status",
"SESSION_STATUS.UNRESOLVED":"Unresolved",
"SESSION_STATUS.ENDED_BEFORE_PAYMENT":"Ended before payment",
"SESSION_STATUS.FORWARDED":"Forwarded",
"SESSION_STATUS.DISPATCHED":"Dispatched",
"SESSION_STATUS.RESOLVED":"Resolved",
"SESSION_STATUS.UNCOMPLETED":"Uncompleted",
"SESSION_STATUS.IN_PROGRESS":"In progress",
"SESSION_STATUS.LEFT_OPEN":"Left Open",
"SESSION_TYPE":"Type",
"SESSION_TYPE.PAID":"Paid",
"SESSION_TYPE.FREE_COUPON":"Free (Coupon)",
"SESSION_TYPE.FREE_EXPERT":"Free (Expert)",
"SUPPORT_SESSION":"Current Support Session",
"DEFAULT_FILTER_MENU":"Back to default",
"NO_FILTERS_MENU":"Clear all filters",
"NO_FILTERS_NOTE":"No filters (All sessions)"
};
var gSessionFeedbackHistoryUrl = "/support/sessionFeedbackHistory.s2";
var gSessionHistory = "/support/sessionHistory.s2";
var gSessionHistoryUrls = {
filter_empty:"http://images.supportspace.com/support/images/common/empty.gif",
filter_X:"http://images.supportspace.com/support/images/session_history/filter_X_mark.gif",
filter_V:"http://images.supportspace.com/support/images/session_history/filter_V_select.gif",
filter_arrow_white:"http://images.supportspace.com/support/images/session_history/filter_arrow_white.gif",
filter_arrow_grey:"http://images.supportspace.com/support/images/session_history/filter_arrow_grey.gif"
}
var g_experts;
</script>
<div id="dSHistoryPage">
<div class="dSmallPreloaderContainer"><div id="dSmallPreloader" style="display:none;"><img src="http://images.supportspace.com/support/images//common/preloader_16x16.gif" alt=""></div></div>
<h1 style="float:left">Session History</h1>
<div class="clearboth"></div>
<div id="dSHistoryContent">
<div id="dListBar" class="listBar">
<div id="dFiltersMenuButton">Filtered by: <img src="/support/images/session_history/filter_arrow_down.gif" alt=""/></div>
<div id="dFiltersSelected"></div>
<div class="displayedCounter">Displaying: 38</div>
</div>
<div id="dFiltersMenuContent"><div id="dFiltersMenuDivToReplace"></div></div>
<div class="clearboth"></div>
<div id="dSHistoryResults">
<script type="text/javascript">
var gSelectedFilters = {};
gSelectedFilters['SESSION_DATE'] = "";
gSelectedFilters['SESSION_STATUS'] = "";
gSelectedFilters['SESSION_TYPE'] = "";
gSelectedFilters['SUPPORT_SESSION'] = "";
gSelectedFilters["SESSION_DATE"] = "THIS_MONTH";
gSelectedFilters["SESSION_TYPE"] = "PAID";
(function(){
var dDisplayedCounter = $("dListBar") ? $("dListBar").down(".displayedCounter") : null;
if(dDisplayedCounter){
dDisplayedCounter.update("Displaying: 38");
}
}).defer();
var gSolutionReport;
</script>
<div class="dThreads">
<div id="dSessionHistoryError" style="display:none;"></div>
<script type="text/javascript">
if (typeof(window.g_experts) == "undefined" || !window.g_experts){
window.g_experts = [];
window.gIsAnExpertIsOnline = false;
}
g_experts.push({
id:193037,
supporterDynamicDetails:{
online4Customer:{
customer:{
id:""
},
customerCookie:""
},
supporterDisplayPresenceStatusForExpectedCustoemr:"online",
supporterDisplayPresenceStatus:"online"
},
displayUserName:"",
jabberUsername:"23a9ea173c4a7923ef41c9d6afa208d36ea1900f",
photoUri:"193037_1273126504113.gif"
});
</script>
Situation: adding code to an HTML page that I can add to, but not change any existing code, as it is from a vendor and gets generated on the fly. I need to add a button within the existing <form></form> construct that already has a submit button and the form has an "action=" in it. What I have done is added <input type=button onClick=myscript().... Myscript() opens a .php file as a popup, positions it correctly, and all that. What it doesn't do is move the values to the .php like a method=POST would. Is there anyway to to do this, or do I have to do a set of document.write statements? Existing code: Code: <!-- vendor's untouchable code -->
<form method=post name="MainForm" action="xxx.asp?yyy" onsubmit="the_vendors_code();>
<input type="text" name="fielda" value="" >
<!-- several more fields -->
<!-- my code -->
<SCRIPT type="text/javascript" SRC="xxx.js"></SCRIPT>
<SCRIPT type="text/javascript">
function popupForm(myForm, windowName)
{
var scrny=0 ;
var scrnx=200
<-! code to set scrny and scrnx based on browser -->
fielda_h.value = fielda.value ;
<!-- etc ..>
<!-- here's the place I need help -->
newWin= window.open("myPopup.php", windowName, 'height=600,width=550,and a whole bunch of other parameters') ;
newWin.moveTo(scrnx, scrny) ;
myForm.rel="nofollow" target=windowName;
return true ;
}
</script>
<input type="hidden" name="fielda_h" >
<input type="button" name="preview" value="See Preview" onClick="popupForm(this, 'join')"/>
Note that some of the code was taken from examples found on the net, so there's not a ton of originality here. So, again, just to restate, I know how to do a submit button/form to do action=post, but I am trying to simulate it with a regular button as I cannot change the existing <form></form> construct. Thanks for any and all pointers. Hi to all, I have a dynamic form, when a button is clicked 3 more fields appear, the function is to colect for example from date [02/02/2010] to date [10/02/2010] equals price [250$] per week and if you want another period just click the button and 3 more fields appear. How do I get all this data to PHP? Code: <script type="text/javascript">
var counter = 3;
function addNew() {
// Get the main Div in which all the other divs will be added
var mainContainer = document.getElementById('mainContainer');
// Create a new div for holding text and button input elements
var newDiv = document.createElement('div');
// Create a new text input
var newText = document.createElement('input');
newText.type = "text";
newText.value = "DD/MM/AAAA";
newText.name = counter++;
var newText1 = document.createElement('input');
newText1.type = "text";
newText1.value = "DD/MM/AAAA";
newText1.name = counter++;
var newText2 = document.createElement('input');
newText2.type = "text";
newText2.value = "0";
newText2.name = counter++;
// Create a new button input
var newDelButton = document.createElement('input');
newDelButton.type = "button";
newDelButton.value = "Delete";
// Append new text input to the newDiv
newDiv.appendChild(newText);
newDiv.appendChild(newText1);
newDiv.appendChild(newText2);
// Append new button input to the newDiv
newDiv.appendChild(newDelButton);
// Append newDiv input to the mainContainer div
mainContainer.appendChild(newDiv);
counter++;
// Add a handler to button for deleting the newDiv from the mainContainer
newDelButton.onclick = function() {
mainContainer.removeChild(newDiv);
}
}
</script>
<table style="margin-left:200px" border="0">
<tr><!-- Row 1 -->
<td width="140"><b>Start Date</b></td><!-- Col 1 -->
<td width="142"><b>End Date</b></td><!-- Col 2 -->
<td width="140"><b>Price per week</b></td><!-- Col 3 -->
</tr>
</table>
<div style="margin-left:200px" id="mainContainer"><div><input value="DD/MM/AAAA" name="0" type="text" ><input value="DD/MM/AAAA" name="1" type="text" ><input value="0" name="2" type="text" ><input type="button" value="New price" onClick="addNew()"></div>
I am trying to follow this article on doing a POST request with AJAX and PHP and it works fine, but as soon as I switch from the default submit button to an image I get an error. I would really appreciate any assistance on why switching the submit button to an image would affect it. Thanks http://www.hiteshagrawal.com/ajax/form-post-in-php-using-ajax/comment-page-1 Why is the callwhy is the slice method only a method of an Array instance? The reason why I ask is because if you want to use it for the arguments property of function object, or a string, or an object, or a number instance, you are forced to use Array.prototype.slice.call(). And by doing that, you can pass in any type of object instance (Array, Number, String, Object) into it. So why not just default it as a method of all object instances built into the language? In other words, instead of doing this: Code: function Core(){
var obj = {a : 'a', b : 'b'};
var num = 1;
var string = 'aff';
console.log(typeof arguments);//Object
console.log(arguments instanceof Array);//false
var args1 = Array.prototype.slice.call(arguments);
console.log(args1);
var args2 = Array.prototype.slice.call(obj);
console.log(args2);
var args3 = Array.prototype.slice.call(num);
console.log(args3);
var args4 = Array.prototype.slice.call(string);
console.log(args4);
Core('dom','event','ajax');
Why not just be able to do this: Code: function Core(){
var obj = {a : 'a', b : 'b'};
var num = 1;
var string = 'aff';
var args = arguments.slice(0);
var args2 = obj.slice(0);
var args3 = num.slice(0);
var args4 = string.slice(0);
//right now none of the above would work but it's more convenient than using the call alternative.
}
Core('dom','event','ajax');
Why did the designers of the javascript scripting language make this decision? Thanks for response. hi everyone.. i am using ajax to change the banner background while pressing on refresh Note:it must be a background image because i will display data from database... http://www.graphicano.com/isis/nile_crown2.php please look at this link... my problem is: when i press refresh button in Firefox browser it changes the background and on pressing refresh again the background will change but in internet explorer 8.0 it changes the background only for the first time and on pressing refresh again the background will not change. how i can fix this problem ?? i want the user to press refresh at any time and the background will change.. not only for the first time? at the same time it must be a background image because i will display text from database... I have the following ajax code: Quote: ............. ............. ............. XHR.createXMLHttp(); XHR.open("POST", "/cgi-bin/addpost.cgi", true); XHR.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); XHR.onreadystatechange = function() { if (XHR.readyState == 4) { if (XHR.status == 200) { alert("Operazione effettuata con successo"); } else { alert("Operazione non riuscita"); } } } XHR.send(url); The function send data, but it don't return never alert windows. Where is the problem? Firstly I apologize if this is the wrong forum, I wasn't too sure of where to post it as my problem covers several areas. I have been writing a 'Facebook Application' which is primarily in PHP. It is about the economics of futuristic spaceship production. I have done the bulk of the game mechanics in PHP and have set about making the interface. I am stuck on a page which can be viewed here where you can employ workers to work in your mines/factories. Each worker has five skill types (worker, miner, manager etc...) and to be employed he must be offered a contract for one of those skills. The process of employing someone works like this. 1. You search for the 'type' of worker you want. 2. Search Results are shown. 3. You click on the name of the person you want to employ. 4. A new form appears (under the table) for you to fill in the contract details. 5. The person (PHP function!) rejects or accepts the contract. If you look at the link above you will see I've made a search box which uses AJAX/html/php to make the table (which I'm quite proud of as I'm a bit of a noob when it comes to javascript/ajax). Ive come unstuck as to how to select which worker to offer a contract to. What needs to happen is: 1. The name or a tick box is selected. 2. It sends some form of unique identifier back to the same page so the form (to offer a contract) knows which person in the table is being referred to *preferably without a page refresh*. Any help/advice would be greatly appreciated. I'm assuming I'm going to need to use some form of get/post and ajax but i cant figure out how to do it. I hope all this makes sense. Hello, Currently, i am working on a website. I need that when the data comes from ajax in the div or span tag, it should take space by moving down the data already present there without overwriting it. But it doesnot happens. When i get data through ajax, then it overwirtes the previous data which was already present there and doesnot move the previous data downwards. Any help plz I'm a newbie so excuse me if question could be stupid I have a webpage where i have placed a form html with recaptcha validation I have grabbed on the net following code : Code: Code: <script type="text/javascript">
function validateCaptcha()
{
challengeField = $("input#recaptcha_challenge_field").val();
responseField = $("input#recaptcha_response_field").val();
//alert(challengeField);
//alert(responseField);
//return false;
var html = $.ajax({
type: "POST",
url: "http://mysite.com/script.php",
data: "recaptcha_challenge_field=" + challengeField + "&recaptcha_response_field=" + responseField,
async: false
}).responseText;
if (html.replace(/^\s+|\s+$/, '') == "success")
{
$("#show").html("Success. Submitting form.");
return false;
// Uncomment the following line in your application
//return true;
}
else
{
$("#show").html("Your captcha is incorrect. Please try again");
Recaptcha.reload();
return false;
}
}
</script>
and form html: Code: Code: <form action="#" method="post" onSubmit="return validateCaptcha()">
<p><?php echo recaptcha_get_html($publickey);?></p>
<p style="color: red;" id="show"> </p>
<input type="submit" name="Submit" value="Submit">
</form>
On the file: script.php i have placed php code: PHP Code: PHP Code: <?php require_once('controllers/recaptchalib.php'); $privatekey = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"; # was there a reCAPTCHA response? { $response = recaptcha_check_answer ($privatekey, $_SERVER["REMOTE_ADDR"], $_POST["recaptcha_challenge_field"], $_POST["recaptcha_response_field"]); if (!$response->is_valid) { echo 'ERROR: The recaptcha code was not entered correctly or expired.'; die; } else echo "success"; } ?> the code work but i don't want display in my webpage only messages: "Your captcha is incorrect. Please try again" if code is incorrect and "Success. Submitting form." if code is correct. But if the code is correct i want display under sentence "Success. Submitting form." the content of script.php ie print a table or whatever script contain obviously without reloading webpage or redirect to another page How to? thanks Right i'm having trouble with a Ajax refresh external page script. Code: <script type="text/javascript">
function Ajax()
{
var
$http,
$self = arguments.callee;
if (window.XMLHttpRequest) {
$http = new XMLHttpRequest();
} else if (window.ActiveXObject) {
try {
$http = new ActiveXObject('Msxml2.XMLHTTP');
} catch(e) {
$http = new ActiveXObject('Microsoft.XMLHTTP');
}
}
if ($http) {
$http.onreadystatechange = function()
{
if (/4|^complete$/.test($http.readyState)) {
document.getElementById('ReloadThis').innerHTML = $http.responseText;
setTimeout(function(){$self();}, 1000);
}
};
$http.open('GET', 'stats.php' + '?' + new Date().getTime(), true);
$http.send(null);
}
}
</script>
<script type="text/javascript">
setTimeout(function() {Ajax();}, 1000);
</script>
<div id="ReloadThis">
Loading....
</div>
That's what i'm currently using, but everytime it refresh's it well, i've got a marquee in the stats.php file & i want it to refresh every second but the marquee jumps back to the right and starts again i want a Ajax script that dont affect the external data that load's like facebook does. Can anyone help? Thanks... Hi Chaps, I'm trying to get a AJAX script to work, but am having problems. I have a page with two dropdown menus, the idea is that the first dropdown [customers] will then filter the options of the second [contacts]: //DROPDOWN.PHP PHP Code: <form method="post" action=""> <select name="customer" onChange="ContactGrab('."'".'ajaxcalling.php?id='."'".'+this.value);"> <option value="">Select Customer</option> <?php do { ?> <?php echo "<option value=".'"'.$row_rsCustomer['custid'].'" >'.$row_rsCustomer['custname']."</option>";?> <?php } while ($row_rsCustomer = mysql_fetch_assoc($rsCustomer)); $rows = mysql_num_rows($rsCustomer); if($rows > 0) { mysql_data_seek($rsCustomer, 0); $row_rsCustomer = mysql_fetch_assoc($rsCustomer); } ?> </select><br /> <div id="details"> <select name="details"> <option value="">Select Contact</option> <?php do { ?> <option value="<?php echo $row_rsContact['contactname']?>"><?php echo $row_rsContact['contactname']?></option> <?php } while ($row_rsContact = mysql_fetch_assoc($rsContact)); $rows = mysql_num_rows($rsContact); if($rows > 0) { mysql_data_seek($rsContact, 0); $row_rsContact = mysql_fetch_assoc($rsContact); } ?> </select> </div> </form> The OnChange action should call the AJAXCALLING.PHP page, where the other select options are filtered, by column [FK_custid] //AJAXCALLING.PHP PHP Code: <select name="details"> <option value="">Select Contact</option> <?php do { ?> <option value="<?php echo $row_rsContact['contactid']?>"><?php echo $row_rsContact['contactname']?></option> <?php } while ($row_rsContact = mysql_fetch_assoc($rsContact)); $rows = mysql_num_rows($rsContact); if($rows > 0) { mysql_data_seek($rsContact, 0); $row_rsContact = mysql_fetch_assoc($rsContact); } ?> </select> This is powered by the AJAXSCRIPT.JS page Code: function CreateXmlHttpObject() { //fuction to return the xml http object
var xmlhttp=false;
try{
xmlhttp=new XMLHttpRequest();//creates a new ajax object
}
catch(e) {
try{
xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");//this is for IE browser
}
catch(e){
try{
req = new ActiveXObject("Msxml2.XMLHTTP");//this is for IE browser
}
catch(e1){
xmlhttp=false;//error creating object
}
}
}
return xmlhttp;
}
function CategoryGrab(strURL)
{
var req = CreateXmlHttpObject(); // fuction to get xmlhttp object
if (req)
{
req.onreadystatechange = function()
{
if (req.readyState == 4) { //data is retrieved from server
if (req.status == 200) { // which reprents ok status
document.getElementById('details').innerHTML=req.responseText;//put the results of the requests in or element
}
else
{
alert("There was a problem while using XMLHTTP:\n");
}
}
}
req.open("GET", strURL, true); //open url using get method
req.send(null);//send the results
}
}
My problem is that when I open the dropdown.php page, the browser status says 'Done, but with errors on the page' and the second dropdown isn't filtering. I can get rid of the status warning by removing: Quote: ...onChange="ContactGrab('."'".'ajaxcalling.php?id='."'".'+this.value);"> But obviously that is something that is needed to pass the [custid] in the URL parameter.... Can anyone help me on this, as I haven't got a clue what I'm missing or where I have gone wrong! i have used a an ajax xml ticker script in my webpage here's the link to the page where i got the script : http://www.dynamicdrive.com/dynamicindex2/cmarquee2.htm The problem is as soon as it reaches the end of the content, It does not cycle up to the first news item immediately there is a gap of few seconds before starts showing the items again. All, I am trying to create a page for a application that uses a technique where a page refresh is generated by an ajax call followed by an innerhtml replace on the main page div. Unfortunately this strange way of refreshing pages is leading to an issue with an image I am trying to display. Every time it refreshes the images flashes off and then is redisplayed, there are other elements on the page( smaller images, text etc... ) and they do not seem to be affected. The image is not large, only 23 k, but it is the only one affected. If I run the page on firefox I do not encounter this issue which makes me think that is a lovely IE feature that forces the image to be retrived from the server on every innerhtml replace instead of from the cache. I am using IE8 to test this, any suggestions are greatly appreciated as I have been trying to fix this for a while. Thanks, N Hey, as the subject says... I'm struggling to call other external files from within a file, requested by an Ajax.Request. It's bascically a request to call a file that updates a mysql database, and I want to include my database connection php file so I don't have to keep repeating my connection settings. here is the request: Code: new Ajax.Request('tools/server_reorder_list.php', options);
and within that file I'm trying to do something like this: Code: include ("../config/dbconnect.php");
$i=1;
foreach($_POST['item_list'] as $key=>$value) {
mysql_query("UPDATE `cs_pages` SET `position`='".$i."' WHERE id_page ='".$value."'");
$i++;
}
I've tried all kinds of ways to include the files, from the above, to typing the entire path. The only way I can get this request to work is by actually typing my connection settings in the requested file. Any help greatly appreciated. Thanks! hello, can anyone help me with a javascript-php-ajax problem? I have created a table with checkboxes and whenever an ajax function is called to refresh, the checkboxes that were highlighted and checked get reset, here is my javascript for the check function: $(document).ready(function() { $("#checkall").live('click',function(event){ $('input:checkbox:not(#checkall)').attr('checked',this.checked); //To Highlight if ($(this).attr("checked") == true) { //$(this).parents('table:eq(0)').find('tr:not(#chkrow)').css("background-color","#FF3700"); $("#policy").find('tr:not(#chkrow)').css("background-color","#FC9A01"); } else { //$(this).parents('table:eq(0)').find('tr:not(#chkrow)').css("background-color","#fff"); $("#policy").find('tr:not(#chkrow)').css("background-color","#FFF"); $("#policy").find('tr.alt:not(#chkrow)').css("background-color","#EAF2D3"); } }); $('input:checkbox:not(#checkall)').live('click',function(event) { if($("#checkall").attr('checked') == true && this.checked == false) { $("#checkall").attr('checked',false); $(this).closest('tr').css("background-color","#ffffff"); } if(this.checked == true) { $(this).closest('tr').css("background-color","#FC9A01"); CheckSelectAll(); } if(this.checked == false) { $(this).closest('tr').css("background-color","#ffffff"); $(this).closest('tr.alt').css("background-color","#EAF2D3"); } }); function CheckSelectAll() { var flag = true; $('input:checkbox:not(#checkall)').each(function() { if(this.checked == false) flag = false; }); $("#checkall").attr('checked',flag); } }); Edit: Nevermind
I am using this code... simplified for example Code: [
<script type="text/javascript">
function loadContent(elementSelector, sourceURL) {
$(""+elementSelector+"").load(""+sourceURL+"");
}
</script>
<a onclick="loadContent('#content', 'http://www.website.com/includes/content.php');"
<div id="content"></div>
Works fine if run on http://www.website.com but not on http://www.website.com/home/sitepage. I have spent a few hours and cannot figure it out. Can anyone? Thanks |
|||||||