JavaScript - Undefined Variable, Firing Too Early

I have a following snippet

var test = xmlhttp.responsetext
var msg="";
when i print the text as below
for (i = 0; i< test.length;i++)
msg = msg + "test[" + i + "]: " + test[i] + "\n";

alert (msg);

I could see the individual values in each index in firefox, but ie is displaying as undefined.

Can any one please let me know whether this is not allowed in IE?. Is there any workaround for this?.

Thanks in advance.

I am pretty new to Javascript having a bit of a problem with a website with Google Maps integrated. URL is http://beta.5vanmap.com. JS is in /js/map.js.

I have two checkboxes (ccCheck and caccCheck). The basis is when the box is ticked, it overlays a KML onto the map.

This is working fine in Chrome, but in FF and IE it doesn't work, IE returns 'ccCheck is Undefined'. The code I am using is in the JS file, the bit it gets stuck at is as follows:

Code:

document.getElementById('ccCheck').onclick = function() {
	
				  if (ccCheck == 1)
  {
	ccCheck = 0;
   ccOverlay.setMap(null);  
  }

  else

  {
   ccCheck = 1;
	ccOverlay.setMap(map);    
  }


}

If I stick a ccCheck = document.getElementById('ccCheck') within the onclick function (before the if statement), it places the overlay onto the map, but then when I untick the box it just stays there.

It's such a simple thing (I think), and must be down to IE being pedantic about declaring the variable properly, the question is how should I be doing this?

Thanks and regards
Noel

Hi all,

I'm just starting out with Javascript as a development language and this will probably be a relatively simple problem for someone to solve for me.

I am trying to access a variable (this.bodyEl.innerHTML) from within a function but get an error message indicating that it is "undefined". I know that it is a valid variable because I call it elsewhere outside of the inner function itself.

I'm sure this is just a scope issue, but I'd welcome any suggestions on how to solve it with an explanation of where I've gone wrong if you have the time.

Here's the code:

Code:

    displayFeed: function(responseData) {
        this.bodyEl.innerHTML = "xxxx"; // I can see this
        var responseDoc = Presto.Util.parseXml(responseData);
        var items = Ext.DomQuery.select("/rss/channel/item", responseDoc);
        items.each(function(item, bodyHTML) {
            var rssTitle = Ext.DomQuery.selectValue("/title", item);
            var rssDescription = Ext.DomQuery.selectValue("/description", item);
            var rssLink = Ext.DomQuery.selectValue("/link", item);
            // but this results in an undefined error
            this.bodyEl.innerHTML = '<a href="' + rssLink + '">' + rssTitle + '</a><br/>';
        }); // end of items processing
    }

This is a fragment of the code from my script. The first access of "this.bodyEl.innerHTML" works fine, but the second access in the items.each loop doesn't and I get an undefined variable error.

Is this a scoping problem, and if so how is it best solved.

Thanks in advance, Innes (NZ)

Hello all,

I have a multistep jquery form that validates user input and then should send me an email. Problem is, right now, I can only get it to validate the first page, then it sends the email before the rest of the pages are viewed.

I'm just trying to delay the submission of the form until the "submit_fourth" button is pressed. I've got $25 via paypal for the one who sticks with this one for long enough to come up with a workable solution.

Here is my code... I know it's a lot, but I wasn't sure how much would be helpful. HTML code is in the second post in this thread (it was just too much to fit in one go).

Cheers!
-Dave

The Javascript:
Code:

$(function validateForm(){
		
    //original field values
    var field_values = {
            //id  :  value
            'name'  :  'your name',
            'email'  :  'email',
			'phone'  :  '(555) 123-4567',
			'other'  :  'other',
			'detail'  :  'project overview'
    };

    //inputfocus
    $('input#name').inputfocus({ value: field_values['name'] });
    $('input#email').inputfocus({ value: field_values['email'] });
    $('input#phone').inputfocus({ value: field_values['phone'] });
	$('input#other').inputfocus({ value: field_values['other'] });
	$('input#detail').inputfocus({ value: field_values['detail'] });

    //reset progress bar
    $('#progress').css('width','0');
    $('#progress_text').html('0% Complete');

    //first_step
    $('form').submit(function(){  });
    $('#submit_first').click(function(){
        //remove classes
        $('#first_step input').removeClass('error').removeClass('valid');

        //ckeck if inputs aren't empty
        var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;  
        var fields1 = $('#first_step input[type=text]');
        var error = 0;
        fields1.each(function(){
            var value = $(this).val();
            if( value.length<5 || value==field_values[$(this).attr('id')] || ( $(this).attr('id')=='email' && !emailPattern.test(value) ) ) {
                $(this).addClass('error');
                $(this).effect("shake", { times:3 }, 50);
                
                error++;
            } else {
                $(this).addClass('valid');
            }
        });        
        
        if(error <= 0) {   
                //update progress bar
                $('#progress_text').html('25% Complete');
                $('#progress').css('width','85px');
                
                //slide steps
                $('#first_step').slideUp();
                $('#second_step').slideDown();                 
        } else 
			return false;
    });

	$('#back_second').click(function(){

                //update progress bar
                $('#progress_text').html('0% Complete');
                $('#progress').css('width','0px');
                
                //slide steps
                $('#second_step').slideUp();
                $('#first_step').slideDown();     

    });

    $('#submit_second').click(function(){
        //remove classes
        $('#second_step input').removeClass('error').removeClass('valid');
 
        var fields2 = $('#second_step input[textarea]');
        var error = 0;
        fields2.each(function(){
			var value = $(this).val();
			
            if( value.length<5 || value==field_values[$(this).attr('id')] ) {
                $(this).addClass('error');
                $(this).effect("shake", { times:3 }, 50);
                
                error++;
            } else {
                $(this).addClass('valid');
            }	
		});	
		
        if(error <= 0) { 
                //update progress bar
                $('#progress_text').html('50% Complete');
                $('#progress').css('width','170px');
                
                //slide steps
                $('#second_step').slideUp();
                $('#third_step').slideDown();     
        } else 
			return false;

    });

	$('#back_third').click(function(){

                //update progress bar
                $('#progress_text').html('25% Complete');
                $('#progress').css('width','85px');
                
                //slide steps
                $('#third_step').slideUp();
                $('#second_step').slideDown();     

    });

    $('#submit_third').click(function(){
        //update progress bar
        $('#progress_text').html('75% Complete');
        $('#progress').css('width','255px');

        //prepare the fourth step
		var fields3 = new Array(
			$('#time').val(),  
			$('#budget').val()             
        );
		var fields2half = new Array(
			$('#detail').val()
		);
		var fields2 = new Array(
            $('#other').val(),   
			$('#pages').val()		
		);	

		var fields1 = new Array(
            $('#name').val(),
            $('#email').val(),
            $('#phone').val(),
            $('#contact').val(),
            $('#url').val()
		);
        var tr = $('#fourth_step tr');
        tr.each(function(){
            //alert( fields[$(this).index()] )
            $(this).children('.1 td:nth-child(2)').html(fields1[$(this).index()]);
			$(this).children('.2 td:nth-child(2)').html(fields2[$(this).index()]);
			$(this).children('.2half td:nth-child(2)').html(fields2half[$(this).index()]);
			$(this).children('.3 td:nth-child(2)').html(fields3[$(this).index()]);
        });
                
        //slide steps
        $('#third_step').slideUp();
        $('#fourth_step').slideDown();            
    });

	$('#back_fourth').click(function(){

                //update progress bar
                $('#progress_text').html('50% Complete');
                $('#progress').css('width','170px');
                
                //slide steps
                $('#fourth_step').slideUp();
                $('#third_step').slideDown();     

    });

    $('#submit_fourth').click(function(){
        //send information to server

		        //update progress bar
                $('#progress_text').html('100% Complete');
                $('#progress').css('width','339px');
                
                //slide steps
                $('#fifth_step').slideUp();
                $('#fourth_step').slideDown(); 
				
		if(error <= 0) {        	
        	return true
    	}
    	else{
    		return false
    	}
				  
    });

});

Hi. I've been working on a project for some time now, and just recently I installed Firefox. Now, part of the site (which works perfectly in IE6/7) doesn't work in Firefox. Here is part of the code:
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Meniu de navigare</title>
</head>
<body bgcolor="#000437">
<table width="119" style="position:relative; top:35%">
<a href="pag_start.html" rel="nofollow" target="continut"><tr><td class="nav_bar" height="24" background="p1.png" valign="center" onmouseover="background='p2.png'" onmouseout="background='p1.png'" onmousedown="background='p3.png'" onmouseup="background='p2.png'">Home</td></tr></a>

blah blah blah

</table>
</body>
</html>

(I didn't copy all of the code because it's basically the same all the way down)
The main problem is with the link (Firefox apparently doesn't recognize table rows as links). The second problem is with the onmouseover/onmouseout etc handlers (absolutely nothing happens).
Any ideas how to solve this? Thanks. Bye.

PS: just in case you need to know, the code is for a nav bar.

This is my class doucmnet ::
PHP Code:
XMLXHttpRequest = function(name){
    this._handle = new XMLHttpRequest();
    this._method = '';
    this._url = '';
    this.readyState = 0;
    this.responseBody  = '';
    this.responseText = '';
    this.responseXML = '';
    this.status = 0;
    this.statusText = '';
    this.className = name;
    this.onreadystatechange = function(){}
    this.ontimeout = function(){}
    this.abort = function(){
        this._handle.abort();
    }
    this.getAllResponceHeaders = function(){
        return this._handle.getAllResponceHaders;
    }
    this.getResponceHeader = function(bstrHeader){
        return this._handle.getResponceHeader(bstrHeader);
    }
    this._readyStateUpdate = function(){
        if(typeof(name) !== "undefined"){ name = this.className; }
        eval(""+name+".onreadystatechange();");
        eval(""+name+".readyState = "+name+"._handle.readyState;");
        eval(""+name+".status = "+name+"._handle.status;");
        eval(""+name+".statusText = "+name+"._handle.statusText;");
        eval(""+name+".responseText = "+name+"._handle.responseText;");
        eval(""+name+".responseBody = "+name+"._handle.responseBody;");
        eval(""+name+".responseXML = "+name+"._handle.responseXML;");
    }
    this.open = function(sMethod, sUrl){
        this._readyStateUpdate();
        this._handle.onreadystatechange = this._readyStateUpdate;
        this._handle.ontimeout = this.ontimeout();
        this._url = sUrl;
        this._method = sMethod;
    }
    this.send = function(data){
        this._handle.open("GET", "xml.php?url="+ this._url + "&method=" + this._method + "&data=" + urlencode(data));
        this._handle.send(null);
    }
    this.setRequstHeader = function(sName, sValue){
        return this._handle.setRequestHeader(sName, sValue);
    }
} 


What this is supposed to do ::
This is a class that is supposed to allow CrossDomain AJAX(XMLXHttpRequest) in the exact same way the XMLHttpRequest dose all the same handlers other then it uses a php file to get all the data now the PHP File works perfectly post and GET - Without cURL.
Now most of the class works it can send the data("POST" or "GET") cross domain the only problem seems to be firing the onreadystatechange
PHP Code:
this.open = function(sMethod, sUrl){
        this._readyStateUpdate();
        this._handle.onreadystatechange = this._readyStateUpdate;
        this._handle.ontimeout = this.ontimeout();
        this._url = sUrl;
        this._method = sMethod;
    } 


As you can see i have its set to fire the _readyStateUpdate on the onreadystatechange so why is it not fireing,
This is tested in FireFox 3.5, ComitBird(Firefox 3.2 Core), Google Chrome and IE and it dose not work in all of them as i know there is a bug with FireFox 3.5 and Firebug wich im a developer i have got it but thats why im testing in GG and IE

Any help would be greatly appreciated

I have an input text with an onchange event that calls a function in which an alert box displays. I also have a button whose onclick calls a different function. If the user makes a change in the input text and immediately clicks the button, the onchange event fires, displaying the alert box, but the code in the function for the onclick of the button doesn't execute. I've read that this has something to do with event bubbling, but I haven't seen any solutions. Is there a solution? Is it even possible?

I am trying to do a page redirect upon timer completes counting down to 0 from 5 seconds. I used a script from the internet, but so far I cant get to work.

I have also in the file some php and html. the php is just to echo out some text and the html is doing the redirect via a meta tag that someone suggested.

Code:

<html>
<head>



</head>
<body>




<?php

include_once('config.php');
echo $_SESSION['flash']['notice'].'<br/><br/>';

echo 'you will be automatically redirected in a few seconds.';

?>

<script language="javascript" type="text/javascript"> 

// 
 var milisec=0 
 var seconds=5
 document.counter.d2.value='5' 

function display(){ 
 if (milisec<=0){ 
    milisec=9 
    seconds-=1 
 }
 if (seconds==0){ 
    document.write(<meta http-equiv="refresh" content="5;url=page.php">)
 } 

display() 

</script> 

<form name="counter">
<input type="text" size="8" name="d2">
</form> 

</body>
</html>

My firefox web developer is telling it has a javascript error of:

unexpected end of xml source.

the funny thing is I dont have any xml in it.

I appreciate any help in the matter.

I'm having some problem with this DHTML app. The problem is that when i click on an image button, nothing happens.
I have verified that the DOM event handlers are loaded. However, when i click on the images (buttons), nothing happens



Code:

var PenSize = "3";
var PenColor = "Black";
var LoadFile = "";
var UIstatus = "visible";
var CurrentNote = 0;
var BGcolor = "#C7C1A3";
var DataPath = "\Data\\";
var ImageExtension = ".img";
var FileList = [];
var SystemPath;
var UIstatusLandscape = "visible";
var UIstatusPortrate = "hidden";
var Server = "localhost";
var UserName = "guest";
var Password = "guest";
var NxtNote = new Image();
var Mode = "Landscape";
var DataLibrary = "notes.txt";

document.onkeyup = ToggleUI;

// Startup Script
if (document.addEventListener) 
{
  document.addEventListener("DOMContentLoaded", LoadEventListeners, false);
  alert("loaded");
}

function LoadEventListeners()
{
 // Event Listeners for UI Buttons
 var eventUp = document.getElementById("UpNote");
 var eventPlus = document.getElementById("AddNote");
 var eventSave = document.getElementById("SaveNote");
 var eventClear = document.getElementById("ClearNote");
 var eventDelete = document.getElementById("DeleteNote");
 var eventOptions = document.getElementById("Options");
 var eventDown = document.getElementById("DownNote");
 
 eventUp.addEventListener("click", NoteUp, false);
 eventPlus.addEventListener("click", AddNote, false);
 eventSave.addEventListener("click", SaveNote, false);
 eventClear.addEventListener("click", ClearSketch, false);
 eventDelete.addEventListener("click", DeleteNote, false);
 eventOptions.addEventListener("click", ConfigOptions, false);
 eventDown.addEventListener("click", NoteDown, false);
 
 // Event Listeners for the Options Dialogue
 var eventDown = document.getElementById("OptionsClose");
 eventDown.addEventListener("click", ConfigOptions, false);
 
 
 // Finish the Startup Process
 Init();
}   

function Init()
{
 // Get the System Path
 GetSystemPath("SketchBook.html");
 
 // Load All Filenames of the DataPath directory into an array
 var TmpLoad = LoadFromDisk(SystemPath + DataPath + DataLibrary);
 
 // Check to see if the Notebook is blank
 if(TmpLoad == null)
   {
	// The botebook is Blank
	alert("Notebook is Blank");
	return;
   }
   
 // Parse the CSV file data into an Array
 FileList = TmpLoad.split(",");

 //Load the first Note onto the canvas
 
   // if there are no notes in the directory, don't try to load anything
   if(FileList.length < 0)
      {
	   var Source = LoadFromDisk(FileList[CurrentNote]);
	   NxtNote.src = Source;
	   
	   // Load the NoteBookCounter  data into the innerHTML of it's DIV
	   // document.getElementById("NoteBookCounter").innerHTML = "<center><font size='2'>" + CurrentNote + " / " + FileList.length + "</font></center>";
	   
	   // Load the image data onto the canvas
       var canvas = document.getElementById('SketchPage').getContext('2d');
       canvas.drawImage(NxtNote , 0, 0);
	   return;
	  }
}

function ConfigOptions()
{
 if (document.getElementById("Options").style.visibility == "hidden")
    {
     document.getElementById("Options").style.visibility = "visible";
	}
 else
    {
     document.getElementById("Options").style.visibility = "hidden";
    }
 
 // Modify the variables of any selections that were made
 PenSize = document.getElementById('GetPenSize').value;
 PenColor = document.getElementById('GetPenColor').value;
}

function ToggleUI(e)
{
 var KeyID = (window.event) ? event.keyCode : e.keyCode;
 
 // KeyValue 18 is the  ALT key
 var KeyValue = 18;
 
 // Use a key to hide the toolbars so that most of the screen is used for the UI
 
 // ********** If the device is in Landscape Mode, toggle the Portrate-Style UI Toolbar
 if(Mode == "Landscape")
 {
 if(KeyID == KeyValue)
   {
    if(UIstatusLandscape == "visible")
	  {
	   UIstatusLandscape = "hidden";
	   document.getElementById("UI_Landscape").style.visibility = "hidden";
	   return;
	  }
	if(UIstatusLandscape == "hidden")
	  {
	   UIstatusLandscape = "visible";
	   document.getElementById("UI_Landscape").style.visibility = "visible";
	  }
   }
  }

 // ********** If the device is in Portrate Mode, toggle the Portrate-Style UI Toolbar
 if(Mode == "Portrate")
 {
 if(KeyID == KeyValue)
   {
    if(UIstatusPortrate == "visible")
	  {
	   UIstatusPortrate = "hidden";
	   document.getElementById("UI_Portrate").style.visibility = "hidden";
	   return;
	  }
	if(UIstatusPortrate == "hidden")
	  {
	   UIstatusPortrate = "visible";
	   document.getElementById("UI_Portrate").style.visibility = "visible";
	  }
   }
  }
 
}

function Draw(element, event) 
{
  document.addEventListener("mousemove", PenHandler, true);
  document.addEventListener("mouseup", upHandler, true);

  event.stopPropagation();
  event.preventDefault();
	
  function PenHandler(event) 
  {
  
    var x = event.clientX;
	var y = event.clientY;
    
    // mouse event goes here
	var canvas = document.getElementById("SketchPage");
    var ctx = canvas.getContext("2d");

	if (PenShape ="Circle")
	   {
	    // This draws a circle
        ctx.fillStyle = PenColor;
        ctx.beginPath();
        ctx.arc(x, y, PenSize, 0, Math.PI*2, true);
        ctx.closePath();
        ctx.fill();
	   }
	 
    event.stopPropagation();
  }

  function upHandler(event) 
  {
    document.removeEventListener("mouseup", upHandler, true);     
    document.removeEventListener("mousemove", PenHandler, true);
    event.stopPropagation();
  }

}

function SaveNote()
{
 alert("triggered");
 return;
 // Get the current file name
 var FileName = SystemPath + DataPath + CurrentNote + ImageExtension;

 // Convert the Canvas Data into a Base64 encoded PNG image
 var Note = document.getElementById("SketchPage").toDataURL();
 
 // Write the PNG file to the disk
 SaveToDisk(FileName, Note);
 
 // Update the Note Library file
   // Read in the current DataLibrary File's Data
   var Tmp = LoadFromDisk(SystemPath + DataPath + DataLibrary);
 
   var NewData = Tmp + CurrentNote + ImageExtension + ",";
   
   // Finally Save the updated DataLibrary file
   SaveToDisk(Tmp, NewData);
 
 alert("saved");
}

function NoteUp()
{
// Display the previoius note
	 CurrentNote--;
	    // Make sure you don't incrimnet to a non-existant note
		if(CurrentNote == -1)
		  {
		   CurrentNote = FileList.length;
		  }
		  
	  var Source = LoadFromDisk(FileList[CurrentNote]);
	  NxtNote.src = Source;
	 
	 // Load the image data onto the canvas
	 
	 // Clear the Pre-existing Canvas Data First
	  ClearSketch();
	  
	 var canvas = document.getElementById('SketchPage').getContext('2d');
     canvas.drawImage(NxtNote, 0, 0);
}

function NoteDown()
{
	 //Display the Next note
	 CurrentNote++;
	 	// Make sure you don't incrimnet to a non-existant note
		if(CurrentNote > FileList.length)
		  {
		   CurrentNote = 0;
		  }
	 var Source = LoadFromDisk(FileList[CurrentNote]);
	 NxtNote.src = Source;
	 
	 // Load the image data onto the canvas
	 
	 // Clear the Pre-existing Canvas Data First
	 ClearSketch();
	 var canvas = document.getElementById('SketchPage').getContext('2d');

     canvas.drawImage(NxtNote, 0, 0);
	 
	 // Update the NoteBookCounter  data into the innerHTML of it's DIV
     //document.getElementById("NoteBookCounter").innerHTML = "<center><font size='2'>" + CurrentNote + " / " + FileList.length + "</font></center>";
	 return;
}

function DeleteNote()
{
 // Delete The current note
 alert("Deleting Page - " + FileList[CurrentNote]);
 
 // Remove the file from the File System
 DeleteFile(FileList[CurrentNote]);
 
 // Remove the Element containing the FileName to be deleted from the array
 for (var x = 0; x < FileList.length; x++)
     {
	  if(FileList[x] == CurrentNote + ImageExtension)
	    {
	     FileList.splice[x];
		 return;
		}
	 }

 // Rewrite the Library File
 var TmpData = "";
 for (var x = 0; x < FileList.length; x++)
     {
	  TmpData = TmpData + FileList[x] + ",";
	 }
     // Write the new Library File
	 SaveToDisk(SystemPath + DataPath + DataLibrary, TmpData);
	 
 // Load The Previous Note
 
 // Display the previoius note
 CurrentNote--;
	    
 // Make sure you don't incrimnet to a non-existant note
 if(CurrentNote == -1)
   {
    CurrentNote = FileList.length;
   }
 
 // If the DataLibrary is zero length - just clear the Canvas and Return
 
 var TmpLoad = LoadFromDisk(SystemPath + DataPath + DataLibrary);
 if(TmpLoad == null)
   {
    CurrentNote = 0;
    ClearSketch();
	return;
   }
 
   // Your about to place a new image on the Canvas
   // Clear the Current Canvas Data First
   ClearSketch();
   
   var Source = LoadFromDisk(FileList[CurrentNote]);
   NxtNote.src = Source;
    	 
   // Load the image data onto the canvas
   var canvas = document.getElementById("SketchPage");
   var context = canvas.getContext("2d");
   canvas.drawImage(NxtNote, 0, 0);
}

function AddNote()
{
 // Add a note to the notebook and at the end of the File List
 // **** Later this function should be modified to be an INSERT function rather than just an add
 // Just incase the user needs to go back an edit and add more things to their notebook
 
 var NumberOfNotes = FileList.length;
 CurrentNote = NumberOfNotes + 1;
 
 // Clear the Canvas
 ClearSketch();
 
 // Write a blank image file to the Data directory so that we have the actual file there
 
 var FileName = SystemPath + DataPath + CurrentNote + ImageExtension;
 
 // Write it to the disk
 SaveToDisk(FileName, "Null Content");
 
 // Add the new Note Data to the end of the array
 FileList.length++;
 FileList[FileList.length] = CurrentNote + ImageExtension;
 
 // Rewrite the Data Library File
 TmpData = "";
 for (var x = 0; x < FileList.length; x++)
     {
	  TmpData = TmpData + FileList[x] + ",";
	 }
 
 // Write the new Data Library to the Disk
 SaveToDisk(SystemPath + DataPath + DataLibrary, TmpData);
	 
 // Refresh the Directory List
 FileList = [];
 
 // Load All Filenames of the DataPath directory into an array
 var TmpLoad = LoadFromDisk(SystemPath + DataPath + DataLibrary);
 
 // Parse the CSV file data into an Array
 FileList = TmpLoad.split(",");
}

function ClearSketch()
{
 // Clear the contents of the Canvas
 
 //Draw a rectangle that covers the canvas
 var canvas = document.getElementById("SketchPage");
 var ctx = canvas.getContext("2d");

 ctx.fillStyle = BGcolor;
 ctx.fillRect (0, 0, canvas.width, canvas.height);
}

function Crypt(method)
{
 // This function will Encrypt or Decrypt All the NoteData
 if(method == "encrypt")
   {
    
    return;
   }
 
 if(method == "decrypt")
   {
    
    return;
   }
}

function Archive(method)
{
 // This function will Restore or Backup all NoteData to a network resource
 if(method == "restore")
   {
    
    return;
   }
 
 if(method == "backup")
   {
    for(var x = 0; x > FileList.legth; x++)
	    {
         // Read the data of each note
	     var NoteData = LoadFromDisk(FileList[x]);
	
	     // Upload the Note to the Server
	     var Url = Server + "/Backup.php?" + x + "?" + NoteData;
	     ajaxRequest(Url);
		}
    return;
   }
}

// These are the Ajax Functions for Sending and Recieving Files

function callback(serverData, serverStatus) 
{ 
 alert(serverData);                                                    // Called automatically when we get data back from server
}                                                                      // Display an alert box with the recieved data

var url='http://somedomain.com/getdata.php?doc=sometext.txt';          // This is the URL we will call.
function ajaxRequest(url) 
{
   var AJAX = null;                                                    // Initialize the AJAX variable.
   if (window.XMLHttpRequest) 
      {                                                                // Does this browser have an XMLHttpRequest object?
       AJAX = new XMLHttpRequest();                                    // Yes -- initialize it.
      } 
   
   AJAX.onreadystatechange = function() {                              // When the browser has the request info..
      if (AJAX.readyState == 4 || AJAX.readyState == "complete") 
	     {                                                             //  see if the complete flag is set.
          callback(AJAX.responseText, AJAX.status);                    // Pass the response to our processing function
         }                                                             // End Ajax readystate check.
   }
   
   AJAX.open("GET", url, true, UserName, Password);                    // Open the url this object was set-up with.
   AJAX.send(null);                                                    // Send the request.
}
// ******************** These are the XPCOM Functions ************************

function GetSystemPath(ApplicationName)
{
 // This function should Detect the system directory of the app
 // and return that string as the  SystemPath variable
 // You must supply the filename of the HTML file that it is being called from
 // I suppose later i could add the code to detect the HTML's actual file name
 // It's on the ToDo List...
 
 var GetSysPath = self.location;
 GetSysPath = GetSysPath + "";
 Get = GetSysPath.replace("file:///" , "");
 Get = Get.replace(/\//g , "\\");
 Get = Get.replace(ApplicationName, "");
 SystemPath = Get;
 return SystemPath;
}

function DeleteFile(FileName)
{
 // Delete a local file
 netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
 var aFile = Components.classes["@mozilla.org/file/local;1"].createInstance();
 if (aFile instanceof Components.interfaces.nsILocalFile)
    {
     aFile.initWithPath(FileName);
     aFile.remove(false);
    }
}

function SaveToDisk(filepath, content) {
	try {
		netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
	} catch (e) {
		alert("Permission to save file was denied.");
	}
	var file = Components.classes["@mozilla.org/file/local;1"]
		.createInstance(Components.interfaces.nsILocalFile);
	file.initWithPath( filepath );
	if ( file.exists() == false ) {
		file.create( Components.interfaces.nsIFile.NORMAL_FILE_TYPE, 420 );
	}
	var outputStream = Components.classes["@mozilla.org/network/file-output-stream;1"]
		.createInstance( Components.interfaces.nsIFileOutputStream );

	outputStream.init( file, 0x04 | 0x08 | 0x20, 420, 0 );
	var output = content;
	var result = outputStream.write( output, output.length );
	outputStream.close();
}

function LoadFromDisk(filePath)
{
 if(window.Components)
   try
   {
    netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
    var file = Components.classes["@mozilla.org/file/local;1"].createInstance(Components.interfaces.nsILocalFile);
    file.initWithPath(filePath);
    if (!file.exists())
    return(null);
    var inputStream = Components.classes["@mozilla.org/network/file-input-stream;1"].createInstance(Components.interfaces.nsIFileInputStream);
    inputStream.init(file, 0x01, 00004, null);
    var sInputStream = Components.classes["@mozilla.org/scriptableinputstream;1"].createInstance(Components.interfaces.nsIScriptableInputStream);
    sInputStream.init(inputStream);
    return(sInputStream.read(sInputStream.available()));
   }
   catch(e)
   {
    //alert("Exception while attempting to load\n\n" + e);
    return(false);
   }
return(null);
}

I am using 2 ajax functions in the program. One for login and one for logout.
The login one is showUser which is working correctly by using the form onsubmit method, however the logout button (IN BOLD) onclick method is not working. Pls help.


Code:

<form  onsubmit="showUser(document.getElementById('uid').value,document.getElementById('pass').value);return false;" >
  <div id="txt"><b>Enter your username </b>
    <input type="text" name= "username" id="uid">
    <br>
  <b>Enter your password</b> <input type="password" name="pass" id="pass">
  <br></div>
  <div id="txt1" style="display : none">help</div>
  <input type="submit" value="Login" /> 
 <input type="button" onclick="logout(document.getElementById('uid').value); return false; " name="logout" value="Logout" />
 <input type="button" value="Register" class="register"/>
</form>

hi,
i have aded window unload event handler to my code. my page calls some function that takes few secs and page then loads in 5-6 secs. while ths page is loading, if user clicks 'x' on browser window, then code inside unload event handler doesnt get executed. if user waits for page to be loaded fully and hten clicks 'x', then unload event handler gets executed. but i want if during loading user decides to click 'x' button, then also unload handler shold get exucted. i am pasting a sample code that simulates my situation:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script type="text/javascript">
function unloadPage() {
alert('unloaded page');
}
function pauseJS(timeInMilliS) {
var date = new Date();
var curDate = null;
do {
curDate = new Date();
}while(curDate-date < timeInMilliS);
}
</script>
</head>
<body onload="pauseJS(6000)" onunload="unloadPage()">
<p>Test Page</p>
</body>
</html>

On my site we have image galleries that pop up over top of the page in a higher z-index and position:fixed, and another div between the gallery and background with opacity set to about 85%. The image gallery div has a close button, and I was asked to make the gallery also close by pressing ESC, so I added this:

igevt=function(evt){checkclosegal(evt)}
window.addEventListener('keypress',igevt, false)

and checkclosegal:

function checkclosegal(evt)
{

if(evt.keyCode==27)
{
closebgeagal()
window.removeEventListener('keypress',igevt, false)
}

}


This works perfectly in Firefox and Opera, but Chrome and Safari don't fire the event (not worried about ie right now - I know it uses attachEvent). Could it have something to do with the gallery being in a higher z-index? Please help, thanks!

Hello all,

I have a question regarding onmouseover on "a" tag. I currently have a list of "img" thumbnails which have onMouseOver attached to the "a" tag which wraps the "img". When the mouse is over the image, a "preview" of the image will load in another div via a javascript function, this javascript function has a jquery fadeto effect so the preview will fade into view.

The problem now is if a user hover over multiple thumbnails quickly, the onMouseOver event is registered multiple times, so when the user finally stop hovering over multiple thumbnails quickly, the last thumbnail will receive the event multiple times and fades in not only once. Below is my code:

function previewimage(loadimg){
jloadimg='<img src="../images/'+loadimg+'.png" />';

//stimulate a fade in effect by making the image has 0.7 opacity first
$(#largeimage).fadeTo('fast', 0.7, function() {
});
$(#largeimage).fadeTo('slow', 1, function() {
});

document.getElementById('largeimage').innerHTML=jloadimg;
}

for the list of thumbnail images, I have:

<a onMouseOver="previewimage('imagefile1');"><img src="path/to/thumbnail/image1.png" /></a>
<a onMouseOver="previewimage('imagefile2');"><img src="path/to/thumbnail/image2.png" /></a>
<a onMouseOver="previewimage('imagefile3');"><img src="path/to/thumbnail/image3.png" /></a>

How do I cancel multiple event from running continuosly if the previous one is still in queue?

So I am adding a little simple clean up function when users paste into an iframe with design mode on.

I have no problems with firing this function with Firefox

Code:

getElementById('add_article').contentWindow.document.addEventListener('paste', iFrameClean, true);

but for the life of me I cant get it to fire in Ie I have tried attachEvent in IE only

Code:

getElementById('add_article').attachEvent('onpaste', iFrameClean); //iframe onpaste

add an onpaste to the body of the iframe

Code:

onpaste="setTimeout(function(){iFrameClean();},100);"

even the onPaste in the iframes body doesnt fire in IE!!!

I have had a good look around but no one seems to have an answer on this.

Also please note I have successfully attached the onblur and onfocus events to this iframe in IE and firefox

It would be really handy as people are copying html into the iframes.
I have a html cleaner firing when they submit but I want the text to be cleaned when/if they paste in.

Hi All,

I have a script that is called by the onchange event on my text field (it compares the date entered into the field and issues an alert if the date is earlier than the current date). This worked great on my data entry form but I also want to use the same script in my update form. In the update form the text field is already receiving a value via php:

Code:

<input name="DateNeeded" type="text" class="formField" id="DateNeeded" onchange="checkDate(this)" value="<?php echo $row_rstRequestDetails['DateNeeded']; ?>" />

and this is causing my onchange event to fire when the page is loaded. Is there a way to suppress the onchange event for the initial page load?

Thanks,

Ken