JavaScript - Xmlhttp Request Failing Every Time

Alright, so I've been writing a plain javascript file, which is called by HTML later to grab information from a certain page and then parse through that information. This is being done as a Windows Gadget, so the "browser" is IE.

I have two main problems with this: One is caching. I can't get not caching to work at all. I've tried headers and I've tried putting something random at the end of the URL. The randomness at the end of the URL works when done from an HTML file embedded with Javascript but will not work from a pure Javascript file.

My other, potentially bigger, problem is that the xmlhttp object does not seem to ever want to open again. I'm pretty sure what's happening is it doesn't get back into ready state 4. That is, unless I run an html file that accesses the same url. Then, suddenly, the gadget runs its update function and it actually decides to work. The gadget still runs the update function otherwise but it doesn't actually do anything, which is I believe caused by it never getting back to ready state 4 on its own.

I appreciate any help on this, and if I didn't explain anything clearly I'm more than happy to clarify.

Cheers.

I am trying to figure out that if the function "xmlhttp.onreadystatechange=function()" returns true the whole function "function checkUser(str)" should return true as well....so not sure how to do it. i have banged my head since long so please advise!

Here is the code below:

--------------------------------------------------------



function checkUser(str)
{
var sp = document.getElementById("msgs");

if (str=="")
{
document.getElementById("msgs").innerHTML="Username cannot be empty.";
return false;
}

if (str.length <= 6)
{
document.getElementById("msgs").innerHTML="Username cannot be less than 6 characters and must not start with a number or a special value";
return false;
}


if (window.XMLHttpRequest)
{ //code for IE7+, firefox, chrome, opera, safari
xmlhttp=new XMLHttpRequest();
}
else
{ //code for old IE
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
if (xmlhttp.responseText === 'FOUND')
{
sp.style.color = "red";
sp.innerHTML = "[ERROR]: The username \"" + str + "\" already exist. Please try a different name.";
return false;
}

else if (xmlhttp.responseText === 'NOT FOUND')
{
sp.style.color = "blue";
sp.innerHTML = "Username: VALID";
return true;
}

}
}

xmlhttp.open("GET", "checkUser.php?q="+str,true);
xmlhttp.send();

}

I have this script that works in IE:
Code:

var xmlhttpInk;
var inkdivID;
var inkholdID;

function addInkOpt(iside,ivalue)
{
inkdivID="ink"+iside+ivalue;
inkholdID="ink"+iside+"hold";
var divExist=document.getElementById(inkdivID);
if (divExist==null)
	{
	xmlhttpInk=GetXmlHttpObject();
	if (xmlhttpInk==null)
		{
		alert ("Browser does not support HTTP Request");
		return;
		}
	var url="/scripts/addink.php";
	url=url+"?q="+iside+"&k="+ivalue;
	url=url+"&sid="+Math.random();
	xmlhttpInk.onreadystatechange=InkChange;
	xmlhttpInk.open("GET",url,true);
	xmlhttpInk.send(null);
	}
}

function InkChange()
{
if (xmlhttpInk.readyState==4)
	{
	var newDiv=document.createElement("div");
	newDiv.id=inkdivID;
	var objToInserBefore=document.getElementById(inkholdID);
	newDiv.innerHTML=xmlhttpInk.responseText;
	objToInserBefore.parentNode.insertBefore(newDiv,objToInserBefore);	
	}
}

Here's the PHP file for it:
PHP Code:
mysql_select_db($database_geQuote, $geQuote);
$query_inkList = "SELECT * FROM Ink ORDER BY Ink.InkID";
$inkList = mysql_query($query_inkList, $geQuote) or die(mysql_error());
$row_inkList = mysql_fetch_assoc($inkList);
$totalRows_inkList = mysql_num_rows($inkList);

$iside=$_GET["q"];
$k=$_GET["k"];
$ivalue=$k+1;

echo "<p>Ink:";
echo "<select name='Ink".$iside."Data[".$k."][InkID]' class='dropMenu' onchange='addInkOpt(".$iside.",".$ivalue.")'>";
echo "<option value='NULL'></option>";
    do {
echo "<option value='".$row_inkList['InkID']."'>".$row_inkList['InkDesc']."</option>";
    } while ($row_inkList = mysql_fetch_assoc($inkList));
      $rows = mysql_num_rows($inkList);
      if($rows > 0) {
          mysql_data_seek($inkList, 0);
          $row_inkList = mysql_fetch_assoc($inkList);
      }
echo "</select>Desc:";
echo "<input name='Ink".$iside."Data[".$k."][InkDesc]' type='text' class='inkdesc' maxlength='25' /><input type='hidden' name='Ink".$iside."Data[".$k."][InkID".$iside."]' value='' /></p>";

mysql_free_result($inkList); 


However, THIS script does not:
Code:

var xmlhttpStock;

function getJobStock(str)
{
xmlhttpStock=GetXmlHttpObject();
if (xmlhttpStock==null)
	{
	alert ("Browser does not support HTTP Request");
	return;
	}
var url="/scripts/jobstock.php";
url=url+"?q="+str;
url=url+"&sid="+Math.random();
xmlhttpStock.onreadystatechange=JobStockChange;
xmlhttpStock.open("GET",url,true);
xmlhttpStock.send(null);

}

function JobStockChange()
{
if (xmlhttpStock.readyState==4)
	{
	document.getElementById("jobStock").innerHTML=xmlhttpStock.responseText;
	}
}

and it's PHP file:
PHP Code:
$q=$_GET["q"];

mysql_select_db($database_geQuote, $geQuote);
$query_StockList = "SELECT Stock.StockName, Stock.StockID FROM Stock WHERE Stock.StockWeightID = ".$q." ORDER BY Stock.StockName";
$StockList = mysql_query($query_StockList, $geQuote) or die(mysql_error());
$row_StockList = mysql_fetch_assoc($StockList);
$totalRows_StockList = mysql_num_rows($StockList);

do {
echo "<option value='".$row_StockList['StockID']."'>".$row_StockList['StockName']."</option>";
    }
while ($row_StockList = mysql_fetch_assoc($StockList));
                  $rows = mysql_num_rows($StockList);
                  if($rows > 0) {
                      mysql_data_seek($StockList, 0);
                      $row_StockWList = mysql_fetch_assoc($StockList);
                  }

mysql_free_result($StockList); 


it should be the same thing, they're both using HTTP Requests, but the "getJobStock" script just returns no options, but ONLY in IE. In all other browsers PC or MAC it works fine.

Could someone please help me figure out what the problem is?

Hi

Code:

var err_str="";
function validate_grid(value,id,ind)
{
 $("#result").html(" ").show();
 if(ind==1 || ind==2)
  {
  var patt=/^([0][0-9]|[1][0-9]|[2][0-3])[:]{1}[0-5][0-9]$/;
  if(!patt.test(value))
   {
	mygrid.setCellTextStyle(id,ind,"background-color:yellow;");
	if(err_str!="")
		err_str+="\n"+(ind+1)+".Enter numbers and : only..";
	else
		err_str=(ind+1)+".Enter numbers and : only";
	return false;
   }
    else
      {
	mygrid.setCellTextStyle(id,ind,"background-color:white;");
	return true;
      }
  }
}
alert(err-str);

here ind==1 is from_time and ind==2 is to_time,i need to validate time as to_time must be always greater than from-time,if condition fails an alert msg should populate.time format is[05:00]as it is in string format im unable to do the validation for it.(ex:from-time=08:00 to-time=07:59 condition fails)

thank you.

hi im using dhtml xgrid where i need to do validation for time ,(from-time and to-time i.e ind==1 and ind==2 ) to-time must be greater than from-time else i need to alert a message to-time must be greater than from-time.
can any one send me the code for it time format is[05:00].
Code:

var err_str="";
function validate_grid(value,id,ind)
	{
	$("#result").html(" ").show();
		if(ind==1 || ind==2)
		{
			var patt=/^([0][0-9]|[1][0-9]|[2][0-3])[:]{1}[0-5][0-9]$/;
			if(!patt.test(value))
			{
				mygrid.setCellTextStyle(id,ind,"background-color:yellow;");
				if(err_str!="")
					err_str+="\n"+(ind+1)+".Enter numbers and : only..";
				else
					err_str=(ind+1)+".Enter numbers and : only";
				return false;
			}
			else
			{
				mygrid.setCellTextStyle(id,ind,"background-color:white;");
				return true;
			}
		}
}

Hello im using dhtmlx grid in this cells i have from time and to time (i.e ind==1 and ind==2) i need to validate time where to-time must be greater than from-time else it should alert an message,i have writeen a normal Regular expression for the time validation.as the time is i string format i.e[05:00],please can any one send me code for that.
Code:

var err_str="";
function validate_grid(value,id,ind)
	{
	if(ind==1 || ind==2)
		{
			var patt=/^([0][0-9]|[1][0-9]|[2][0-3])[:]{1}[0-5][0-9]$/;
			if(!patt.test(value))
			{
				mygrid.setCellTextStyle(id,ind,"background-color:yellow;");
				if(err_str!="")
					err_str+="\n"+(ind+1)+".Enter numbers and : only..";
				else
					err_str=(ind+1)+".Enter numbers and : only";
				return false;
			}
			else
			{
				mygrid.setCellTextStyle(id,ind,"background-color:white;");
				return true;
			}
		}
}

I'm attempting to integrate a rich-text mail form and use PHPMailer to send HTML email to a Godaddy email account. The rich-text editor script is the WizzyWig one. (Original can be found Here)

Location of form: http://www.westmichiganconcerts.com/contact.html

Too much code to post here from all the different files involved, so I saved a version of each file as a TXT file, with it's original extention in brackets before it for easier code viewing (with the exception of the contact.html file above:

Involved files:
[.js]Rich-Text Editor: /scripts/whizzywig_61.txt
[.js]File that spawns preview window: /scripts/load.txt
[.php]File called by form action: test_mail.txt
[.php]PHPMailer: /lib/PHPMailer_v5.1/class.phpmailer.txt
[.php]Config file: /config.txt
[.inc]Include file: MailClass.inc.txt

Basic flow is:

Customer goes to the Contact Page, then enters in rich text, and clicks "Preview" - this spawns a new window "DEMO" and writes the contents of the WizzyWig Iframe to a hidden field. From there, the customer can click "Submit", and it send the email to a Godaddy email account.

Here's the problem: I've got a .replace command in the load.js file that replaces the double quotes with singles. If left as doubles, it completely breaks the code. When that email is received, all single quotes are backslashed(escaped?) ( \') so only portions of the HTML (that don't use quotes) show up. (examples: Highlight, insert image, insert link, spans, etc)

I'm not fluent with Javascript, so I've been beating my head against the wall for 5 days now trying to get this to work. It's time to ask for some help lol. I'm not sure where / and in what file is causing this to break. Sent a test HTML email to the same Godaddy email address to make sure it could recieve HTML emails, and it worked fine.

Any help would greatly be appreciated!!

~ John

P.S.: I know there's browser issues with FF etc - I'll correct that once I can get the basic functionality of the pages to work

I'm not sure whether this is best posted here, or on a google maps api forum, but here goes:

I have a site which uses a google map, and works well, like this:

http://www.railwaysarchive.co.uk/eve...p?eventID=6684

I have built a version of that page which uses an OS map by default, but allows switching to a google map. It is he

http://www.railwaysarchive.co.uk/osm...p?eventID=6684

The script uses a simple toggle as follows:

Code:

function toggleMap() {
// toggle map div visibility

	var		googlemap = document.getElementById("googlemap");
	var		OSmap = document.getElementById("OSmap");
	
	if (OSmap.style.display!="block") {
	//	currently hidden, show
		OSmap.style.display="block";
		googlemap.style.display="none";
		document.getElementById("maplink").innerHTML= "Switch to Google Map";
	} else {
		OSmap.style.display="none";
		googlemap.style.display="block";
		document.getElementById("maplink").innerHTML= "Switch to OS Map";
	}
	
}

I was having trouble getting both maps to load their respective data when one was hidden, so both maps start out with display:block and then the gmap is hidden during the <body onload>. This system works great with Firefox and with Chrome, but in IE if you switch to the google map the tiles don't load. Can anyone help?

Relevant code snippets are as follows:

Code:

<body onload="createOSAccidentSummaryMap(52.6566359591919, -3.14070984721184, 7); createAccidentSummaryMap(52.6566359591919, -3.14070984721184, 'accident', 13); toggleMap();">

function createAccidentSummaryMap(dblLatitude, dblLongitude, enumType, lngZoom) {
// creates a map with a single event marker, map type controls and full zoom controls
// and centers it on the event coordinates
	if (GBrowserIsCompatible()) {
	// checks for compatible browser
		map = new GMap2(document.getElementById("googlemap"));
		map.addControl(new GSmallZoomControl());
        map.addControl(new GMapTypeControl());
		map.addControl(new GScaleControl());
		map.setCenter(new GLatLng(dblLatitude, dblLongitude), lngZoom);
		map.enableDoubleClickZoom();
		map.setMapType(G_HYBRID_MAP);
		var icon = createEventIcon(enumType);
		var point = new GLatLng(dblLatitude, dblLongitude);
        var marker = new GMarker(point, icon);
		map.addOverlay(marker);
	}
}

Hi - I have an ASP.Net 4.0 solution that runs fine on a Windows 2008 server. However, I've just been given a new Windows 7 64-bit machine to use as my development machine and I'm having a problem with one of my aspx pages. This page has some javascript on it, which runs fine, but then it gets to the following code:

Code:

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
    theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>

This not code that I've written; it's code that's generated client-side that I see as I'm debugging my app in Visual Studio 2010 (trying to figure out what the $^#$ is going on). At any rate, once this code completes, the app does nothing. The debugger should take me to some server-side code, but it doesn't. It just sits there. The result is that the page doesn't do what it's supposed to do (no inserts to databases, no success messages, no nothing).

As I said, this problem is restricted to my W7 64-bit machine; it runs fine on W2008. Other pages with javascript in the same solution work fine on my W7 machine. I found a post (http://dopostback.net/index.php/net-...anel-problems/) that discusses a similar issue within an UpdatePanel, but I'm not using UpdatePanel. My page does have hidden controls on it, but so do other pages that work just fine. Does anyone know what could be causing this?

Thanks!

I've been running into some trouble with a script that just isn't working, and since I'm not encountering any error messages and a similar script on the same page is working just fine, I'm really puzzled.
Anyways, here's the code I'm having trouble with:
Code:

function ShowHide(Numb){
Ident1 = AdIDList[Numb]+"Tx";
Ident2 = AdIDList[Numb]+"Lnk";
if (AdLink[Numb] == "hidden"){
	document.getElementById(Ident1).style.height = "355px";
	AdLink[Numb] = "visible";
}
if (AdLink[Numb] =="visible"){
	document.getElementById(Ident1).style.height = "55px";
	AdLink[Numb] = "hidden";
}
}

And here's the page code calling it (The page is assembled via PHP from a database, but I'm grabbing the code from my browser)
Code:

 <a href="#Good ShepherdLnk" id="Good ShepherdLnk" onclick="ShowHide(2);return false;" class="AdLink">Stories</a><br>

And, here's a similar bit of code on the same page that is working just as it's supposed to.
Code:

 function hideimage(){
for (Count=0; Count<AdTotal; Count ++){
	if (VisPic[Count]=="visible"){
		Ident = AdIDList[Count]+"AdB";
		document.getElementById(Ident).style.visibility = "hidden";
		VisPic[Count]="hidden";
		}
}
}

function bigimage(Item){
hideimage();
Ident1 = AdIDList[Item]+"AdB";
document.getElementById(Ident1).style.left="35%";
document.getElementById(Ident1).style.visibility = "visible";
VisPic[Item] = "visible";
}

I have an javascript coding issue with regards to a tabbed menu.

The code is supposed to hide the unselected divs and show the selected div, but all divs are showing and no tab is selected when the page initialises.

The source code is viewable he http://www.kenaani.co.uk

I was following this tutorial: http://www.elated.com/articles/javascript-tabs/

Which works fine in this example: http://www.elated.com/res/File/artic...ript-tabs.html

I have tried commenting out the other scripts, and the divs still show on the page, so I don't think its a conflicting issue.

Am hoping that someone can spot whatever is going wrong.

I'm hoping someone can help correct a small problem with this script, which is intended to highlight particular text strings.

Background:
The script is being used at a MediaWiki site, and is adapted from a working script from Wikipedia (highlightmyname.js). The original script highlights the logged-in user's username (represented by wgUserName).

I've made a copy of the script, which you can see in full here, and adapted it to work on a pre-defined array of names, adding:

Code:

var Admin;
var ArrayAdmins = ['Adam', 'Axiomist', 'Matt', 'Steve'];

for (Admin in ArrayAdmins)

I also replaced each instance of wgUserName with ArrayAdmins[Admin]

The problem:
is that, instead of highlighting all instances of every element in ArrayAdmins, only the last element listed ('Steve') is being used. So my question is, what change(s) need to be made to apply function highlightmyname to every element in ArrayAdmins? Any help would be hugely appreciated!

I am trying to use a javascript plugin for jQuery library that transforms a regular select html element into a dropdown checkbox list (Dropdown Check List, see http://code.google.com/p/dropdown-check-list/), however I believe that the prototype library that I am loading immediately after the jquery library is still conflicting with it somehow even though I modified my code to reflect the following changes (which is supposed to allow the use of prototype with jquery):

http://docs.jquery.com/Using_jQuery_...ther_Libraries (Including jQuery before Other Libraries)

My code (in a cold fusion environment, which should be irrelevant) looks like this:

Code:

<html>
 <head>
  <SCRIPT LANGUAGE="JavaScript" SRC="js/jQuery/jquery.js" TYPE="text/javascript"></SCRIPT>
  <SCRIPT LANGUAGE="JavaScript" SRC="js/prototype.js" TYPE="text/javascript"></SCRIPT>
  <script language="javascript" type="text/javascript" src="js/jQuery/ui.core.js"></script>
  <script language="javascript" type="text/javascript" src="js/jQuery/ui.dropdownchecklist.js"></script>
  <script language="javascript" type="text/javascript">
	jQuery(document).ready(function() {
		jQuery("#cbo_status").dropdownchecklist({ width: 200, maxDropHeight: 120 });
	});
  </script>
 </head>
 <body>
  <select id="cbo_status" name="cbo_status" multiple="multiple">
   <option value="-1">All</option>
   <option value="1" SELECTED>Assigned</option>
   <option value="2" SELECTED>In Progress</option>
   <option value="3" SELECTED>Complete</option>
   <option value="4" SELECTED>Verified Resolved</option>
   <option value="5" SELECTED>Will not be addressed</option>
   <option value="6" SELECTED>Wishlist</option>
  </select>
 </body>
</html>

When I run the debugger, here's the error I'm still receiving:

Error: Object doesn't support this property or method (pointing to the line below, character 3)
jQuery("#cbo_status").dropdownchecklist({ width: 200, maxDropHeight: 120 });

Does anyone have any idea why this might still be failing?

1 down vote favorite


I do have the countdown script (see link below) to display the time between current time and the date given in real-time.

However, I want to achieve to display the time difference between a given start and end time. Right now, it calculates from the current server time to the end time.

I want to be able to set up my own start time and end time.

Here is what I have:

http://jsfiddle.net/BgEtE/

thank you for help

hi,

can some one help me how to get the time and date difference? given two time and date with the following format like in textbox A: 2011-05-03 17:35:47.0 and textbox B: 2011-05-03 16:35:47.0 then the output would be: 0 days, 1 hour, 0 minutes, 0 seconds

regards,
verve