JavaScript - Browser Detect

Hi I am trying to trigger an event once the user clicks the browsers back/forward buttons, I have built a system just like facebook where if the user has javascript turned on they get the full feature of the site which includes fast switching for example if someone goes to this page "example.com/index.php" and click a link to contact.php it would change the url to "example.com/index.php#!/contact.php" but what I need to know is if there is any way to change the pages content when the user goes back and forth through the fast switch pages? something like "history.back !== -1" or something like that.

If anyone can help please reply, thank you.

Hi Guys,
I need to amend the below so that if any version of IE is detected it calls window.resizeTo(300,400); otherwise no event or a window.moveTo(0,0); event (either one). Firefox is having problems with resizeto
THANKS!

<SCRIPT LANGUAGE="JavaScript">
if "any version of internet explorer"
window.resizeTo(300,400);
else
window.moveTo(0,0);
</SCRIPT>

OR

<SCRIPT LANGUAGE="JavaScript">
if "any version of internet explorer"
window.resizeTo(300,400);
else
"do nothing"
</SCRIPT>

Another thing that has been driving me crazy is that css positioning is handled differently by different browsers. JS is not my area, but I can do a lot with CSS, and I do, but cross browser compatibility is killing me.

I can use an IF IE statement and only IE runs that segment of code, but I haven't been able to figure out out how to make ONLY firefox or ONLY opera or safari enact an encapsulated segment of code. The same type of IF statement doesn't work for them.

Is there a single method using JS that works for all browsers?

Thre is probably a very simple answer and I am just missing it somehow.

I have been searching for a way to accomplish a unique task for a while. Here's the situation: We have several users who are in locations where YouTube is blocked for various reasons. On our homepage we would like to embed a YouTube video except for when YouTube is blocked and then embed an alternative video that is hosted off one of our servers. Is there a way to use JavaScript to detect whether or not YouTube is available and then put in the correct video?

Thanks in advance!

im totally new to javascript and i would like to know how i can make my internet page detect the resolution of someone's computer and on base of that use different 'html pages' so that the background fits etc.

I really want to learn a way determine whether custom fonts via @font-face got downloaded by the client machine and then set styles differently depending on whether they got the fonts or not.

To start I could run a fonts-inactive.css file to setup the styles to look nice without custom-fonts (this is the base style which should look fine without any JS, flash, custom fonts, etc.).

Then run a JS that will run the font-face-rules.css (which attempts to load the fonts via @font-face css rules) - this way if JS isn't active then no fonts will be loaded and the document will default to its fonts-inactive.css.

If the JS does run then font-face-rules.css will try to send the fonts. So the JS needs to somehow determine whether the fonts worked or not.

If the fonts worked then the JS would run the fonts-active.css which would alter some style rules to make the page look better with the custom fonts (since we know they got the fonts we can tweak the page a little to look better with them).

If the fonts didn't work then the JS needs to not run the fonts-active.css and instead just exit out leaving the document with its original, unaltered rules from fonts-inactive.css. (since we know they didn't get the fonts we leave them with the baseline stylesheet which optimizes the appearance for default fonts).

Sadly I don't know the first thing about Javascript so I am hoping that you guys might be able to help me come up with something that works.

Cheers,
line

I need a script that will redirect to a specific page is the browser is safari version 4. if the browser is NOT safari 4 I want the browser to stay on the current page.

Greetings,

I am currently using the websites tutorial about browser detection using the navigator.

http://www.javascriptkit.com/javatutors/navigator.shtml

I am however finding myself unable to detect a pattern in order to learn from.

My aim is to use Browser detection to have a CSS file for each browser type, such as Firefox, IE, Opera, Safari and then an overall CSS file if none of the above, to fix numerous flaws.

For IE and Firefox using the site's code is all well and good and while I haven't tested it yet I'm wondering how to set up the coding so that it can detect a safari browser.

There are lots of slashes and d's and brackets and I do find myself unable to understand their purpose.

So if someone can explain how I could do it for Safari I would be very appreciative.

Hi all,i'm wondering how to detect select option changes.For example i want the data in database changed when i click on update button and if there are changes on the select option side.If the values on the select option are not changed,i can't update the data..Is there a way to achieve it?Thanks a lot...

Hi all,

The code I am working on uses the idea of detecting mime type support, to see if the add-on is there. Then if the mime type is not supported, it assumes, the add-on is not installed. (No other add-ons have this mime type.)

However, there is a problem, if someone disables the add-on, the there is no mime type handler in navigator.mimeTypes['the/MimeType'].

Is there some way to detect if an add-on is installed, and also if the add-on is enabled?

Thanks,
Grae

Hi once again!

Is it possible to detect was the mouse on the move or not in the moment when button is released ?

i have a problem. i want to check that whether an element with a specific id exist on page or not. example
Code:

 
<script type="text/javascript">
function bgcolo()
{

if(document.getElementById("jj") == null) 
{
return red;
}
else
{
return green;
}
}

</script>
</head>

<body>
<table width="100%" border="1">
  <tr>
    <td id="oo" bgcolor="return bgcolo();">bvbv</td>
  </tr>
</table>
<div id="jj">fggftrytyyyyyyyyy</div>
</body><

Hi,
I am currently detecting for Shockwave within IE by doing the following:
Code:

var isInstalled = false;  
if (window.ActiveXObject) {  
    var control = null;  
    try {  
        control = new ActiveXObject('SWCtl.SWCtl');  
    } catch (e) {  
        return;  
    }  
    if (control) {  
        isInstalled = true;  
    }  
}

This works as expected and if it fails to detect Shockwave I tell the user to install Shockwave.
The problem comes when AcitveX is disabled as it still returns the same message that it's not installed. I would prefer to be able to include an extra step to detect if ActiveX is disabled, in which case I can tell the user to enable it rather than giving them false advice.

My only idea would be to detect for an ActiveX Object that every IE user should have installed.

Any ideas on what that ActiveX Object could be or any ideas on how I could tackle this problem are greatly appreciated.

Thanks

Hello,

I have a question what is the best way to identify a browser, browser version and OS in javascript.

I have try a few scripts but they all fail. This will help me out formating the code for diferent browsers.

Thanks

Hi all,

I'm trying to detect the screen resolution of the client's computer.
I've been using the following example:

PHP Code:
<HTML>
<TITLE>screen resolution</TITLE>
<HEAD>
</HEAD>
<BODY>

<?php
if(isset($_COOKIE["users_resolution"]))
$screen_res = $_COOKIE["users_resolution"];
else //means cookie is not found set it using Javascript
{
?>
<script language="javascript">
<!--
writeCookie();

function writeCookie()
{
var today = new Date();
var the_date = new Date("December 31, 2023");
var the_cookie_date = the_date.toGMTString();
var the_cookie = "users_resolution="+ screen.width +"x"+ screen.height;
var the_cookie = the_cookie + ";expires=" + the_cookie_date;
document.cookie=the_cookie

location = 'get_resolution.php';
}
//-->
</script>
<?php
}
?>


<?php
echo "Your screen resolution is set at ". $screen_res;
?>
</BODY>
</HTML>

This all works fine except it doesn't factor in if the user changes their screen resolution for any reason. In my own experience I often change resolutions depending on what I'm doing.

I posted the question in there PHP forum http://www.codingforums.com/showthread.php?t=192440 but it looks like I'm needing a pure JS solution.

Fou-Lu kindly offered their approach:
Quote:
Originally Posted by Fou-Lu
As for detecting changes, only javascript can do that. Instead of using PHP to check that, use pure javascript and alter you're function to check if its cookies are not existant OR the sizes have changed compared to the cookie, update them.
And as mentioned, they will still only take effect after the next page load.

Could someone help me with this?
I want the end result to be something like http://www.screenresolution.org/
in that if you change your resolution then refresh the page, the screen resolution is updated.

I hope I've explained this clearly? Let me know if you need any more information.

The next challenge is then getting my PHP functions to work in the following manner:
PHP Code:
if ($screen_width > 1024){
   function('1280');
else {
  function('1024');
}