World Dezign

Is there any way to make a content to be displayed only on some browsers ? (e.g. Only on firefox,opera,IE...) And if yes how ?

THANK YOU !

You could have some JavaScript that determines whether or not to display the content via a user-agent string.

A more detailed help ??? What should I search for ?? And how is it called ?

Nick from UD's tutorial wrote:
Navigator.appName and appCodeName are from the 90's when the only browsers avaiable where internet explorer and netscape.Moreover they will just show the base they are built in (eg netscape or mozilla),since chrome and safari and ff will display "netscape" that wont help!
You have to use the userAgent method for the navigator object,this will show all the info and then you have to use regular expressions to browse through the right version(can also be done with indexOf or test().

Eg :

Code:


ua = navigator.userAgent.toLowerCase();
var browser = {
browserType: (ua.indexOf("opera") != -1) ? "presto" : (ua.indexOf("msie") != -1) ? "trident" : (ua.indexOf("applewebkit/") != -1 && ua.indexOf("khtml") != -1) ? "webkit" : "gecko"
};

Here i used IndexOf to browse through the userAgent object.
Note : the above detects layout engines and not the browser itself.

for mozilla :

Code:

if(browser.browserType.gecko) {
alert("mozilla");
}

edit:oh and we also cant use navigator.product cause even though it displays the layout engine ,in safari it displays gecko as well as webkit,so we cant use it because of that.

The above is properbly the best way, but there is a simple one for IE, which you properbly also know.

Code:

<!--[if IE]>
// content for IE here
<![endif]-->

Unknown Data, for chrome,firefox,Opera would it be like that ???

Code:

<!--[if Chrome]>
// content for Chrome here
<![endif]-->

<!--[if Firefox]>                                          <!--[if Mozila]>
// content for FF here              OR          // content for FF here 
<![endif]-->                                                <![endif]-->

<!--[if Opera]>
// content for Opera here
<![endif]-->


Nope
only for IE

What about the other browsers xD Cant that be done on firefox,chrome,opera ?

read ghost1's post

I read it, but I think ghost1 is reffering to load pages, isn't he ??? I use the widgets show/hide script and Chrome is messing everything up when the user reopens widgets... Firefox does not do so... So I want the button to be displayed on Firefox, IE,Opera but NOT in Chrome... Could you explain me more ??? Sorry for that inconvenience but I am trying to learn

Many many thank's, sgeorge

Then you can use these
Wrap the widget with a div and give it a class
then hide it with CSS:

Code:

.WIDGET CLASS {
        display: none;
    }

Code:

@-moz-document url-prefix() {
    .WIDGET CLASS{
        display: block;
    }
}

Code:

<!--[if IE]>
<style>
    .WIDGET CLASS{
        display: block;
    }
</style>
<![endif]-->

should I add something "url-prefix( HERE )" ?

It is visible in chrome... :(

Nope just leave it as its and change only the div class.

ok

read my post again if its visible in chrome ..you may have not added a div and the CSS

I did but I forgot to add the second <"> xD What about opera ? what should I learn more xD

its now visible only for firefox and IE
or you want to show it in opera too ?

I want to show in opera too xD and one more question, is there any way to hide content only from one browser ??

then you will need to use ghost1's post..
Here you can display the div with CSS for all browsers and hide it for only one

As I can see he hides something for Opera doesn't he ? And isntead of "InderxOf" I will use my div ?

sgeorge wrote:As I can see he hides something for Opera doesn't he ? And isntead of "InderxOf" I will use my div ?

sgeorge wrote:As I can see he hides something for Opera doesn't he ? And isntead of "InderxOf" I will use my div ?

Then make something for hiding a div

ghost1 where should I add my code that want to be hidden in the 1 browser ?

sgeorge wrote:ghost1 where should I add my code that want to be hidden in the 1 browser ?