JavaScript - Detecting Object Under The Mouse

I am trying to detect the parent URL on a page for a Facebook application so that if the user is on my site rather than accessing the application via Facebook they will be redirected to the FB App page.

In PHP I can use:
if(strstr($parenturl,"mysite.com")){header("location:fbapp.com");exit;}

Is it possible to do this in JS also? Because with FB Apps the URL is not always the same so instead of detecting a full URL I just want to search for my domain name within document.location.href to see if it exists and IF yes > Redirect back to FB.

My credit card processing service will only accept English characters. I need to detect entries in the form that are using non English characters.

Is there a way in Javascript to create a function to force a string to UTF-8? My idea is to do something like

function forceUTF8(X){
Y = ???? X;
return Y;
}

if ( stringA != forceUTF8(stringA) alert ("You must use English Characters");

I want to detect the double-press of the space key. However, I want a single press of a space key to have a different function. The double-tap of space should only count if the taps of space are no more than, say, a half second apart.

For example:
The user hits space once, and javascript begins performing one action. 1/3rd of a second later, they hit the space bar again, and since that is within our threshold of 1/2 of a second, the action that began because the user hit the spacebar once should be cancelled, or undone (which I can write later) and the action when the user hits the spacebar twice should begin.

Anyone have an idea how to do this? Thanks!

Hi, every time I try and alert:

[ { number:0, secondnumber:0 }, { number:2, secondnumber:1 }, { number:1, secondnumber:2 } ]

it just shows [object object], [object object], [object object].

Why is this and what can I do to make the record be shown as it is above in an alert?

Thanks.

I have an input box and I want it to function so that when the user presses the enter/return key, it runs a js function. I have the following code:
Code:

input.onkeydown = function () {
  if (event.keyCode === 13) {
    // do something
  }
}

This works in Safari, Opera, Chrome, and even IE, but not in firefox. Any idea how I could fix this?

Thanks,
Julian

Hello there,

This seems to be a bit of a sore topic on the forums but at least I think I have good reason for wanting to do it -

I've written a script that displays tooltips when your mouse hovers over a link - all this is fine, but when I click on the link and move to another page, then click the back button on the browser to go back, the tooltip for the link I clicked is still visible! It'd be great if there was a way of detecting the button had been pressed so that I can hide it...

p.s. I tried onclick = "tooltips.hideToolTip(4); return true;" for the links but no joy...

Many thanks
Edd

I am new to Javascripting but am teaching myself and have written this script from my portfolio site in an effort to detect the users screen resolution so that my art is viewed properly. I have ran the code through a debugger and it has comback as "free of errors" but when I run the webpage on my local machine it does nothing, the page displays as if I had written nothing and due to my limited knowledge of Javascript I am at a loss and hoping for someone to say, "look you screwed this part up fix this and it's good to go"... I'm hoping. Thank You all in advance..

Here is the code

Code:

<script language="Javascript">
			function detect(){
                if(screen.width<1280||screen.height<720){
                    alert("This web page is best viewed with a screen resolution of 1280 by 720 or higher.  Your current resolution is "+screen.width+" by "+screen.height+".  If possible please change your resolution.")
            }
            else{
                alert("Whoa, you have a high resolution.  Nice Job!")
            }
        }
</script>

Hi there.

I'm considering using the script below to detect the screen resolution of the user and then call a specific CSS for that user. The main aim is so that I can design the website at a fixed width for a larger resolution (used by most people), but if the user has a 980px resoltion then they can be catered for as well.

Code:

<SCRIPT language="JavaScript">
<!--
if ((screen.width>=1024) && (screen.height>=768))
{
 window.location="highres.html";
}
else
{
  window.location="lowres.html";
}
//-->
</SCRIPT>

I don't want to use liquid layouts as I think it looks messy, and I don't want to design to a width of 960px as I don't like the blank space at the sides on larger resolutions.

Is this an acceptable method, or do you think i'll run into problems?

Any advice would be great.

Cheers.
Pat.

function doUnload()
{
if (window.event.clientX < 0 && window.event.clientY < 0)
{
alert("Window is closing...");
}
}



i get window.event undefined
by using

var evt =window.event? event : e i get e undefuned


var evt =window.event? event : e

if (evt.clientX < 0 && evt.clientY < 0)
{

alert(evt.clientX +"Window is closing...");
}

Is it possible to call a function when user clicks on an (x,y) point (or a small area). I can't place a new object and just set the "onclick" value, so is it possible to do it without that?

Thanks for the help.

I can't get any info from Firebug except that one line, uncaught exception [object Object]. The code fully worked, then I needed to make it dynamically create Sortables from the scriptaculous library based on how many X were in a table in my database, which I've done, and I'm thinking it may be a simple slight parse error of some type, I'm not too good with Javascript, because now my script barely works. I've double checked the script's source code, the PHP variables are exactly what they should be.

Code:

print<<<HERE
               Sortable.create('sortlist$box', { tag: 'img', overlap:'horizontal',constraint:false, containment: $list, dropOnEmpty: true, 
                onChange: function(item) {
                    var list = Sortable.options(item).element;
                    
                    if(changeEffect) changeEffect.cancel();
                    changeEffect = new Effect.Highlight('changeNotification', {restoreColor:"transparent" });
                },
            
            
            
            onDrop: function(item) {
            var thing=Sortable.options(item).element.identify();
            
            var anchors = document.getElementById(thing).childNodes.length-2;
            
            if(anchors > 20){
            alert('This box had 20 creatures in it already, your last action has not been saved.');
            window.location.reload();
            }
            else{
            
            new Ajax.Request("saveImageOrder.php", {
                        method: "post",
                        parameters: { data: Sortable.serialize("sortlist$box") }
                    });
               }   
}               
            });
               
HERE;
$box++;

}
?>
          
        });
    </script>

if you solve this I'll send ya $10 via paypal

I created a method for displaying an object's properties:

Code:

renderfunction 	= false;

function showProperty (object, property)
{
	document.write  ('<td class="type">' + (typeof object[property])  + '</td>' 
					+ '<td class="name">' + property + '</td>');
	
	document.writeln('<td class="value">' + 
						(
								(typeof object[property] != 'function')
								? object[property]
								:(
										(property != 'showProperties')
										? (
											renderfunction
											? object[property]()
											: ('<span class="self">NOT RENDERED</span>')
											)
										: ('<span class="self">THIS</span>')
								 )
						) 
					+ '</td>');

	
	document.writeln('<td class="hasOwnProperty" >'  
							+ (
									object.hasOwnProperty(property)
									? "Local"
									: "Inherited"
								)
					 	+ '</td>');

	if (typeof object[property] == 'function')
	{
		document.writeln ('<td class="function">' + object[property] + '</td>');
	}
	else
	{
		document.writeln ('<td class="function"> </td>');
	}

}

As long as renderfunction = false, the object is fine coming out of this function.

However, if I change renderfunction to true, all my properties become undefined.

Why isn't this working as I expect it to?

How should I fix it?

Thanks in advance,

-Brian.

Hi

i want to find out the idle time when there is no http request is going on...
i dont want to track any mouse or key board events... i dont want that...

i read these thread but it is only about screen idle time
http://www.codingforums.com/showthre...t=33068&page=2

i am trying to track the time when
there is no transaction going between client and server and no http request is sending .

if i will get that time then that time i can use to load my additional javascript files... so further transaction of user will become speed up....

i appreciate your help
THANKS

Hi...
Is there anyway to differentiate between refreshing a window and closing the browser.
It seems both events are handled by onUnload event.

Thanks