|
JavaScript - Mouse Events Help....
Hi I have a requirement....I have a timer on a page. If the user leave the page (mouse goes off of that page) the timer starts and continues...and when the user comes into that page(mouse over that page) the timer goes off/STOP....Is this can be done?? using javascript???
pls help... Similar TutorialsHi! Just registered, because I'm trying to figure out some dragging stuff and it's not working the way I'd like and I really can't figure out why. I made a drag element (image). I just want to apply the code to this element. This is what happens: 1. I click on the image 2. I hold the mouse down and drag => the element don't follow 3. I let go of the mouse button => the element gets dragged 4. I click again => the element stops dragging This is what I would like to happen (obviously): 1. I click the image 2. Hold the mouse down and drag => element follows 3. Mouse up => element stops following Code: var dragSko;
var dragSkoUrsp;
document.onmousedown = startaKod;
document.onmouseup = musUpp;
function startaKod(e) {
if (e.target.id == 'dragsko') {
startX = e.clientX;
dragSkoUrsp = parseInt(e.target.style.left);
document.onmousemove = musFlyttDrag;
dragSko = e.target
}
function musFlyttDrag(e) {
dragsko.style.left = (dragSkoUrsp + e.clientX - startX) + 'px' ;
}
}
function musUpp(e) {
document.onmousemove = null;
}
I'd very much appriciate if some kind soul had a look and explained what I've done wrong. Is it possible to trigger mouse events with shapes drawn in an HTML5 canvas? I want to create a page with drawn elements that you can mouseover and pop up a dialogue box. I also want the shapes to react with some type of feedback. I'm hoping I can do this with javascript instead of Flash but haven't found a way to do it that's simple enough to make it worth it.
I'm trying to enable/disable a textarea. I am able to do a mouseout disable, but cannot do a mouseover enable. For instance, when I click on the image, a textarea shows up. When I move my mouse to a different location, the textarea disables fine. Then when I try to move my mouse back over the textarea, it DOES NOT enable for me to write in it. What am I doing wrong? Thanks! Another bonus question, I just happen to try out this code in IE and the textareas are not showing up where I click. I assume that I'm capturing the X/Y coordinates incorrectly for an IE browser. Any pointers? ********* CODE ************* <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Mouse position</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script type="text/javascript"> var posx, posy; // initialize cache var cache= []; var count=0; function getMouse(e){ posx= posy= 0; var ev= (!e) ? window.event : e;//IE:Moz if (ev.pageX){//Moz posx=ev.pageX+window.pageXOffset; posy=ev.pageY+window.pageYOffset; } else if(ev.clientX) {//IE posx=ev.clientX+document.body.scrollLeft; posy=ev.clientY+document.body.scrollTop; } else { // old browsers return false; } } function showP(){ // object to store this coordinate var thisCoord= {}; // x & y values stored as object attributes thisCoord.posx= posx; thisCoord.posy= posy; // check the cache for this coordinate object if ( !cache[thisCoord] ) { // if it hasn't been cached yet, push it onto the stack cache.push(thisCoord); var newDiv= document.createElement("textarea"); newDiv.setAttribute("class","div3"); newDiv.setAttribute("id",count); newDiv.style.width='180px'; newDiv.style.height='45px'; newDiv.style.visibility="visible"; newDiv.style.top= (thisCoord.posy -10) +'px'; newDiv.style.left= (thisCoord.posx -6) +'px'; newDiv.setAttribute("onmouseout","this.disabled=true"); newDiv.setAttribute("onmouseover","this.disabled=false"); // append to the document BODY document.getElementsByTagName("body")[0].appendChild(newDiv); count++; } } </script> <style type="text/css"> .div1 {position:absolute;top:100px;left:100px;visibility:visible;z-index:5} .div2 {position:absolute;top:0px;left:0px;visibility:hidden;z-index:1;color:black;} .div3 {position:absolute;visibility:hidden;z-index:10;font-size:14px;font-weight:450;color:black;} textarea[disabled='disabled'] { background:yellow; color:blue; cursor:default; } </style> </head> <body> <div id="div1" class="div1"> <img id="theImage" src="./YourImage.jpg"> </div> <script type="text/javascript"> // setup event handlers // document BODY onmousemove document.getElementsByTagName("body")[0].onmousemove= function(e){ getMouse(e); }; // the image onclick document.getElementById("theImage").onclick= showP; //onMouseOut </script> </body> </html> Hi, I am trying to fire a mouse event in IE at a particular coordinate. All the coordinates are set right before firing the event. But when the event gets fired, the client point gets changed and gets the value same as offset point. i.e., I created a mouse event with ClientPoint = (583,438) , offset= (585,481) and screen = (585,589). The event when it gets fired from the browser however has the client point as (585,481) - the rest are fine though. Can someone tell me how can I reliably fire a mouse event at a particular client point in IE? TIA srd Example of my problem: HERE The code is derived from a site offering some advice for javascript: HERE The example of mine tries to use an image as hyperlink... and use mouse events for certain actions. Aside from possibly being the worst javascript code humanly possible...once I slaughtered the code from the site mentioned above, I'm not getting how to arrange things so that a mouse over event switches an image , as does mousedn and mouseup, And (and this is the rub for me) repeating the setup in the same way for a list of quicktime video links. I've got it to work for one row in the table I'm using to attempt some kind of formatting. I'm told `css' is a better way for that but I'm completely ignorant about how to use `css'. So, for now I'm using a table to get at the javascript question. The idea is for viewer to see three red dots at the front of each item being offered. Mouseover is supposed to switch to a green arrow... mousedn is supposed to switch to 2 check marks. I wanted the check marks to persist, so for lack of knowing how to accomplish that... I let mouseup call the same image. (the check marks; Maybe just omitting any directive for mouseup would have the same effect?) About the `image persisting after being clicked' question: It is really a separate question so I will probably start a different thread for that. What I've done works for one list item... but fails for more than one. The only active member of the list (2 in my example) is the bottom one. mouse events on the top one are carried out on the bottom one. I tried to just change the name of all variables in the javascript, and the name given in the `img src=' section of the html code, for the second row... but clearly not what is needed. I changed the names shown below by incrementing the number in the names by 1. I've only posted one row's worth but the next row uses the same code with the variables incremented. And hopefully someone will look at the actual example (URL given above) and see the full code. The basic code I've put here for convience.: Code: <table>
<tr>
<td valign=top >
<A href="./t2.html" onMouseOver="return changeImage()" onMouseOut= "return changeImageBack()"
onMouseDown="return handleMDown()" onMouseUp="return handleMUp()"
><img
name="jsbutton_0" src="./3dots.png" border="0"
alt="javascript button"></A> some nice video
<SCRIPT language="JavaScript">
var myimgobj_0 = document.images["jsbutton_0"];
function changeImage()
{
document.images["jsbutton_0"].src= "./aro1r-mo.png";
return true;
}
function changeImageBack()
{
document.images["jsbutton_0"].src = "./3dots.png";
return true;
}
function handleMDown()
{
document.images["jsbutton_0"].src = "./checks.png";
return true;
}
function handleMUp()
{
document.images["jsbutton_0"].src = "./checks.png";
return true;
}
</SCRIPT>
</tr>
</td>
I am using a freebie script that changes css elements using onClick when you hit a button. I have 12 choices I want to add, and don't want 12 buttons, but rather a dropdown list. 2 button examples (and js code) is: <input onclick="changecss('li','background','url(images/list_02.jpg) no-repeat 10.2em .12em')" value="Change to BG 2" type="button" /> <input onclick="changecss('li','background','url(images/list_03.jpg) no-repeat 10.2em .12em')" value="Change to BG 3" type="button" /> How do I convert this to a SELECT list?? Thank you! I've got to have a typo somewhere, but i can't seem to find it. I need a new pair of eyes to point it out for me. background: trying to code a mouseover link for a nav bar. everything is working( hyperlink, normal image shows up) but when i mouse over the image swap doesn't happen. I have 2 parts of code. 1st preloads images and does the swap function. loads in <head> See below: Code: <SCRIPT language="javascript" type="text/javascript">
if (document.images)
{
/* preload images */
var subcontractorsOn = new Image ();
subcontractorsOn.scr = "subcontractorsOn.gif";
var subcontractorsOff = new Image ();
subcontractorsOff.scr = "subcontractorsOff.gif";
}
function mouseOn (imgName)
{
if (document.images)
document [imgName].scr = eval (imgName + "On.scr");
}
function mouseOff (imgName)
{
if (document.images)
document [imgName].scr = eval (imgName + "Off.scr");
}
</SCRIPT>
2nd just calls the functions to preform the swap. this is in the <body> see code below Code:
<a href="subcontractors.htm" onMouseOut="mouseOn('subcontractors')"
onMouseOver="mouseOff('subcontractors')">
<img src="subcontractorsOff.gif" height="40" width="133" name="subcontractors" id="subcontractors" border="0" alt="subcontractors"></a>
any insight would be great. regards, Fatmann66 i have a link that references: <a href="My_Video.asx">video</a>. when you click, video will open in the "windows media player" and the parent window goes blank. how can i prevent the parent window from going blank? thank you for help julio This is what I have: http://page-test.co.uk/js-test.html ..and it works exactly how I want it to, but I need it to work by doing these two things: (a) If you see in the change_button function, I have hard coded the 'name_can_vary' name element. I need to do it so this isn't hard coded (so it can work on any page/form). (b) I don't want to change any of the HTML, and I only want to change the code used in the change_button function (otherwise I will need to change many pages). Thanks in advance. Hi Guys I have been trying to implement a way of using `onclick` to fill out a form field, with a Value assigned by a clickable rollover image. So i have a image rollover of a PC, i give the PC a Value? ID? of `PC No34` When the image is clicked it updates its Value of PC No34 to a Form text field which is named `pcid` the Form is on the same page as the PC rollover image. I have been trying most of the day but not getting it. Pls help Thanks for any help with this Willo hello, Im trying to write a program when the user clicks on the button, the textbox should display "how are you ". This is what I tried : <html> <head> <title>"Click"</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <p> <input name="text1" type="text" id="text1" value="textbox 1" onFocus="this.style.background ='yellow'" onBlur="this.style.background='white'"> </p> <p> <input name="text2" type="text" id="text2" value="textbox 2" onFocus="this.style.background = 'yellow'" onBlur="this.style.background='white'"> </p> <p> <button onclick="textbox1.value="how are you">Click Me!</button> </p> </body> </html> i have placed a text box with onclick and onblur event. onclick shows contents(links) of a div tag below it and onblur hides the div basically it was a jquery based drop down menu but due to some problem I need to avoid jquery. Now the problem happens when a link of div tag is clicked. The link does not work due to onblur event on the textbox. Any suggestion? Quote: <input type="text" style="text-transform: capitalize;" value="" class="abd_txtfld" name="loc" id="loc" onclick="gettabcontentSearch('','')" onblur="hide()"/> <div id="cityddsearch" class="select_citydd" style="position: absolute; margin-top: 2px; left: 5px; display: none;"> <ul> <li><a href='../link1.asp'>link1</a></li> <li><a href='../link2.asp'>link2</a></li> <li><a href='../link3.asp'>link3</a></li> </ul> </div> I am having trouble understanding why this does not work? Code: <HTML>
<HEAD>
<TITLE>Event Loops</TITLE>
<SCRIPT TYPE="text/javascript">
function seturl(a,b,c,d,e)
{
this[0] = a;
this[1] = b;
this[2] = c;
this[3] = d;
this[4] = e;
}
function selectPage(list) {
var page = Math.floor(Math.random()*4);
winow.open(list[page],"Random_Page");
}
choices = seturl("http://www.google.com,
"http://www.yahoo.com,
"http://www.youtube.com,
"http://www.bing.com,
"http://www.xbox.com");
</SCRIPT>
</HEAD>
<BODY onLoad="selectPage(choices);">
<H1>Please Wait...</H1>
</BODY>
</HTML>
i have a checkbox: Code: <input type="checkbox" id="my_checkbox" name="option2" value="Check" checked>Check i want to add an event to it so that i do something to a dom element when it is checked and when it is not checked.What is the event and how can i get its status? Hi guys, I'm a newbie so bear with me please. I downloaded this calendar which is now working great: JavaScript Calendar - Digital Christian Design (http://www.javascriptkit.com). Does anyone know how to change the date format from mm/dd/yyyy to dd/mm/yyyy? Also, is it possible to have links on such a calendar? I.e. in the event descriptions? Thanks. With input box if you type something and refresh the page, the previous words that you typed in will be filtered and be display in a scroll down form in which you can click it. My question is, when I click the input type is it possible to scroll down, and display values that comes from a database? It should also filter the scroll down results. If it's possible I don't know how to do it. I tried googling but I can't find an explanation on how to do it. Thanks. <input type="text" value="" onclick=""> I sometimes see that some people use this expression: event = event || window.event Why people need to do this? What does it mean? I was testing a required entry form, and i'm stuck. Code: <html>
<head>
<script type="text/javascript">
function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{
alert(alerttxt);return false;
}
else
{
return true;
}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_required(email,"Username must be filled out!")==false)
{username.focus();return false;}
}
}
</script>
</head>
<body>
<form action="submit.htm" onsubmit="return validate_form(this)" method="post">
Username: <input type="text" name="username" size="20">
<input type="submit" value="Submit">
</form>
</body>
</html>
i have this so far. i want to add a password part. i know i would take Code: Password: <input type="text" name="password" size="20"> and put it underneath the username part in the codes., but i don't know to do the rest, with the error message poping up. 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);
}
Hi, I am having a slight difficulty and hope someone can easily set me straight. I am trying to use the following code to track a button click and the second onclick event, the urchin tracking is not being completed but the first function is.... can someone please hopefully set me straight easily on the code? Many thanks Steve123. Code: <input type="submit" name="Submit" value="Buy Product" class="buy" onClick="document.form.submit();javascript:urchinTracker('/html/productdeals_button.asp')">
|
|||||||