Help JavaScript Browser Detection for CSS

Hi Guys,
I have developed this online catalogue using php/mysql. The site works 100% in firefox and chrome but does not seem to work in IE, any version. I used spry dropdown menu and the menu works but the menu css gets dropped by IE. I am looking for a small javascript script which will detect the browser and should the browser be IE it should use different colors for the CSS.
I am not skilled in Javascript at all so any help would be great.
Thanks Guys,
Owen

As Ken has stated, a link to your site will allow us to have a look at the code.
In the meantime I can only guess that you have changed the background of the menu items and left the background for IE untouched as in
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;
Gramps

Similar Messages

Design view in DreamWeaver CS3 disabled for CSS & Java

I currently use Adobe Dreamweaver CS3, and only some files have the option to view them in code AND in design view. This works for most files (HTML, PHP, etc). However, anytime I create a new CSS or Java file, the design view is disabled:
I have already tried the two other solutions I've found in this forum.
First I tried Preferences > File Types / Editors, and I deleted all of the file types in the "Open in Code View" menu (pictured below).
I restarted DW, and it didn't work.
Then I tried several steps to re-create the Configuration folder (which it did, but the problem remained) listed here: http://kb2.adobe.com/cps/401/kb401118.html.
Still nothing. HTML, PHP, ASP and all other files have the Design View and Split View available, but CSS and Java do not. I would really like to use DW to start editing CSS, but do not know it well enough to write in code and therefore could really use that handy Design View so I can learn as I tweak it.
Any help much appreciated - thanks!

HTML, PHP, ASP and all other files have the Design View and Split View available, but CSS and Java do not.
That's correct. That's as it should be.
A CSS file contains a bunch of text only CSS rules. Javascript is text-only script. There's no layout to see for CSS and JS files in Design and Split View so they're disabled.
Files with layout e.g. .htm, .php have Design View because they're web pages with a layout which can be viewed.
I would really like to use DW to start editing CSS, but do not know it well enough to write in code and therefore could really use that handy Design View so I can learn as I tweak it.
Open any .htm or .php (or other) web page and its associated CSS file.
Then tweak the CSS either via Code View in the CSS file, or using the DW CSS Editor when viewing the .htm/.php file, and see the formatting changes applied in Design View in the .htm (or .php) file.
Do not rely on DW's Design View as an absolute reference for pixel perfect accuracy. It will always be an approximation only to assist visually oriented web designers while editing.
Always test all CSS rules and edits in a range of browsers. Browser support for CSS rules and effects varies. Not all browsers support everything on offer in CSS1, CSS2 and CSS3.

Need code for mobile browser detection

So I've read there are several different ways to do this using HTML, JS, PHP, Cookies, etc... and found a discussion suggesting to search for "javascript detect mobile browser" which I did, and maybe since the forum is from 2010 the search results are lacking ...here is a link to that forum: http://forums.adobe.com/message/3172216#3172216.
I have code and editing knowlege but not on the developer side of things...I could not write a JS, or PHP if needed...but have created a jQuery mobile site no problem!
Thanks!
~Jenny

You could use either JavaScript or PHP to do this but I prefer PHP, as Nancy said JavaScript can be a bit shakey to say the least across different devices and it may not be enabled.
I have come across a few ways to this but my preferred choice is a project called MobileESP. This project offers a JavaScript or a PHP solution for detecting a massive array of different devices. Because of how complex this project is, I thought I'd explain a very basic way of using the scripts to redirect the client to the appropriate page dependant on what type of device the client is using. PHP is the best solution for this. This script was acquired from there site.
Go to http://blog.mobileesp.com/ and download the PHP version of MobileESP which is a file called mdetect.php.
Put this file in a folder called scripts.
Then for your index.php home page at the site root, add this script below,
<?php
include("/scripts/mdetect.php");
//Instantiate the object to do our testing with.
$uagent_obj = new uagent_info();
//Detect iPhone Tier and iPads...
if (($uagent_obj->DetectTierIphone() == $uagent_obj->true) ||
($uagent_obj->DetectIpad() == $uagent_obj->true))
{ header('Location: http://www.yoursite.com/i/'); } //Edit here
//Detect Rich CSS Tier...
else if ($uagent_obj->DetectTierRichCss() == $uagent_obj->true)
{ header('Location: http://www.yoursite.com/r/'); } //Edit here
//Detect All Other Mobile Devices...
else if ($uagent_obj->DetectTierOtherPhones() == $uagent_obj->true)
{ header('Location: http://www.yoursite.com/m/'); } //Edit here
//Else it's a regular PC browser -- send to regular desktop site
else
{ header('Location: http://www.yoursite.com/d/'); } //Edit here
?>
This script redirects iPhone Tier devices and iPads to www.yoursite.com/i/, Rich CSS devices such as Nokia N95 to www.yoursite.com/r/, Generic mobile devices to www.yoursite.com/m/ and Desktop browsers and all others to www.yoursite.com/d/.
You can also redirect to any file i.e. www.yoursite.com/d/index.html or www.yoursite.com/d/index.js.
Hopefully this should answer your question.

Browser detection code for JSP ?

Hi ,
          Im new to JSP (in case the question wasn't a give-away!!).
          I would like to know how to do a browser detect - becuase I have
          1 CSS for IE and another for Netscape.
          Is there some code snippet site that I can get it from, or can
          someone post it here please> >?
          Thanks heaps
          ROb


try:
          request.getHeader("User-Agent")
          If you want to see it, do something like:
          Browser: <%= request.getHeader("User-Agent") %>
          Hope that helps.
          Regards,
          Eric
          "rob" <[email protected]> wrote in message
          news:[email protected]..
          > Hi ,
          >
          > Im new to JSP (in case the question wasn't a give-away!!).
          >
          > I would like to know how to do a browser detect - becuase I have
          > 1 CSS for IE and another for Netscape.
          >
          > Is there some code snippet site that I can get it from, or can
          > someone post it here please> >?
          >
          > Thanks heaps
          >
          > ROb

Does Weblogic Provides any in built utility for server side browser detection

          Hi
          Does Weblogic Provides any in built utility or package for server side browser
          detection i.e. to know the browser details
          of the client with the first request.
          One such available product is BrowserHawk(http://www.cyscape.com).
          any thing similar to this available?
          Thanks in advance
          Mrutyunjay


Hey Mohammed,
          yes, you could use just wl server to do file uploading. in your html client
          code, you need to specify the type of the data that you are sending as
          follows:
          <form action="UploadTestServlet" enctype="multipart/form-data" method=POST>
          File: <input type=file name=file><br>
          <input type=submit>
          </form>
          This will send your file to be processed by the UploadTestServlet. You need to
          code UploadTestServlet yourself to parse and extract useful data. check out
          www.servlets.com for a utility class that does just that
          Winston
          Mohammed Ali Usmani wrote:
          > Hi to All;
          >
          > I want to know if I can use weblogic (webserver) for file uploading from
          > client browser without using any ftp server.
          > Do I have to use some special code (may be in my servlet/html page) for
          > handling this. I mean that do I have to provide the implementation of RFC
          > 1867 by myself at server side?
          >
          > Or it is just merly a browser support? It doesn't effect the webserver at
          > all?
          >
          > Thanks

Need Help:Browse Version for ADF

Hi All,
I am on a POC for ADF. Customer want some suggestions for Browse Version for ADF development.
IE or Firefox, and more detail, such as IE 6,7,8 or firefox 3.5, 3.6 … is more suitable for ADF 11.1.1.3.

Firefox vs IE vs Chrome would be mainly based upon personal preference or corporate standard, as long as you follow the supported and certified browser list that Timo provided.
John

Javascript browser detecttion with FF4

Hi,
The following code works fine across all browsers except for FF4 ( worked in FF3).
What can I do now to fix the javsscript code below???
//Browser detections and OS
//Browser raw
function BrowserRaw()
var browser=navigator.appName;
var version=navigator.appVersion;
var r = browser +' '+ version;
return r;
//http://www.quirksmode.org/js/detect.html
var BrowserDetect = {
init: function () {
this.browser = this.searchString(this.dataBrowser) || "unknown1";
this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "-1";
this.OS = this.searchString(this.dataOS) || "unknown2";
searchString: function (data) {
for (var i=0;i<data.length;i++)
var dataString = data[i].string;
var dataProp = data[i].prop;
this.versionSearchString = data[i].versionSearch || data[i].identity;
if (dataString)
if (dataString.indexOf(data[i].subString) != -1)
{return data[i].identity;}
else
{return 'unknown3';}
else if (dataProp)
{return data[i].identity;}
else
{return 'unknown4';}
searchVersion: function (dataString) {
var index = dataString.indexOf(this.versionSearchString);
if (index !== -1)
{return parseFloat(dataString.substring(index+this.versionSearchString.length+1));}
else
{return 'unknown5';}
dataBrowser: [
string: navigator.userAgent,
subString: "Chrome",
identity: "Chrome"
{ string: navigator.userAgent,
subString: "OmniWeb",
versionSearch: "OmniWeb/",
identity: "OmniWeb"
string: navigator.vendor,
subString: "Apple",
identity: "Safari",
versionSearch: "Version"
prop: window.opera,
identity: "Opera"
string: navigator.vendor,
subString: "iCab",
identity: "iCab"
string: navigator.vendor,
subString: "KDE",
identity: "Konqueror"
string: navigator.userAgent,
subString: "Firefox",
identity: "Firefox"
string: navigator.vendor,
subString: "Camino",
identity: "Camino"
{ // for newer Netscapes (6+)
string: navigator.userAgent,
subString: "Netscape",
identity: "Netscape"
string: navigator.userAgent,
subString: "MSIE",
identity: "Explorer",
versionSearch: "MSIE"
string: navigator.userAgent,
subString: "Gecko",
identity: "Mozilla",
versionSearch: "rv"
{ // for older Netscapes (4-)
string: navigator.userAgent,
subString: "Mozilla",
identity: "Netscape",
versionSearch: "Mozilla"
dataOS : [
string: navigator.platform,
subString: "Win",
identity: "Windows"
string: navigator.platform,
subString: "Mac",
identity: "Mac"
string: navigator.userAgent,
subString: "iPhone",
identity: "iPhone/iPod"
string: navigator.platform,
subString: "Linux",
identity: "Linux"
BrowserDetect.init();

You can use [Google Web Toolkit|http://code.google.com/webtoolkit/overview.html].
It helps to write any Client-side JavaScript application on Java. And, of course, CSS and XML (for XPath) support is present.
You don't need Java Applet if you aren't accessing any hard devices on the client mashine.
So, if your XPath is on the Server GWT is your choice.
Edited by: MrSeeker on 23.06.2008 11:10
Edited by: MrSeeker on 23.06.2008 11:12

Using javascript to detect the onclick event over a datatable row

Hi all,
I'm working with JSF 1.2 R.I. and I would like to add some javascript to my datatable to be able to control the onclick event on a row.
At the moment I have just added a checkbox to be able to know which row the user wants to select but I'm not satisfied with this solution.
<h:dataTable
value="#{person_iupopulations_Observation.customer}" var="customer"
rowClasses="evenRow,oddRow"
cellspacing="0">
<h:column>
<f:facet name="header">
<h:outputText value="Select" />
</f:facet>
<h:selectBooleanCheckbox value="" onclick="getRow(this)">
</h:selectBooleanCheckbox>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Name" />
</f:facet>
<h:outputText value="#{customer.Name}"></h:outputText>
</h:column>
</h:dataTable>
What I would like to achieve is:
When the user clicks the row (wherever, not only the checkbox) the checkbox changes to the new value depending, off course, on the user's selection.
For this purpose I would need to add the onclick event to every row and associate it to a javascript function to update the checkbox.
Can anybody help me please.
I appreciate any suggestion.
Thanks in advance!

I am looking for answers on how to use javascript to detect the onclick event over a datatable row . I have a selectBooleanCheckBox in one of the columns in the every row in the table. On click of the checkbox in any row of the table, I want to get some values from the selected row and also verify that the rest of the checkboxes in all the other columns are unchecked. I want to do this using javascript. If any of you have answers, please repsond. Thanks.

Using javascript to detect JVM

Hi all.
I'm trying to use javascript to detect whether the JVM (either j2sdk or j2ee) has been installed and take the user to SUN web page if not.
The original MS JVM is not useable for my purposes (does anyone use it?).
I know how to detect browsers and plug-ins but not JVM.
Can anyone help out please ?
TIA :-)

If you use the classid and codebase attributes of the <object and <embed tags, it will download automatically. Easiest is to use HTMLConverter. You can change codebase to point to somewhere on your network if not everyone has internet access. See [url http://java.sun.com/j2se/1.4.1/docs/guide/plugin/developer_guide/using_tags.html]here

Unsupported Browser Detected

On three computers (since we updated adobe this last time) when we try to open a PDF file, we get the following message-
"Unsupported Browser Detected
PDF Compatibility Mode requires Internet Explorer 5.5 for Windows or better
If you are not sure whether a supported browser is installed on your computer, please contact your system administrator. PDF Compatibility can be toggled on/off in your System Configuration settings."
I have IE10, Windows 7 (on this system) and XP on the other two. I have re-downloaded both acrobat and flash a few times now, went into the registry key to delete the "creative update" as was suggested on another thread (it was not there), and tried earlier versions. I also downloaded firefox as a browser as was also suggested... no go. I was also told that a 32 bit browser like Chrome would work. It didn't.
After three days of troubleshooting, re-downloading, etc., I am at my wits end.
HELP PLEASE

If the site only works with older versions of Firefox try it with Firefox 3.6
You may wish to try Firefox Portable, you can then use that for the problem site, and continue to use Firefox 8, or 9 for day to day browsing. (I think Firefox 9 is due out as a new Release today).
* see [[installing a previous version of firefox]]
* and http://portableapps.com/apps/internet/firefox_portable/localization#legacy36

OT: asp vbscript browser detection

Hello, from some times when I user firefox 2.x or safari on a
page with
browser detection script
Server.CreateObject("MSWC.BrowserType")
I get 'Default' browser name, with explorer all works fine...
howdy

Hello Michael, I thankyou for your suggestion, I see on web
stats some
users with ie5, I try to write some specific style ;-)
Michael Fesser write:
> .oO(howdy)
>
>> I need to switch the css or redirect to another page
old browsers (ie5
>> for sample) because I use some transparent png.
>
> Do such browsers really show up in your logs anymore?
And even if they
> do, I wouldn't care anymore. Or do you want your site to
look perfect in
> Netscape 4 as well? Somewhere you simply have to draw
the line.
>
> I don't even care about IE 6 that much anymore. I also
use a lot of PNGs
> with alpha-transparency, which is not supported in IE 6
(at least not
> natively). But as long as it doesn't look too bad and
all the content is
> accessible, I can live with some glitches.
>
> Write reasonable, standards-compliant markup and CSS,
that's the primary
> goal. Make sure your content is properly structured and
also accessible
> and usable without CSS.
>
> Then, if you think you have to fix something in IE here
and there, have
> a look at conditional comments to include an IE-specific
stylesheet.
> That's the recommended and most reliable way to supply
workarounds. If I
> remember correctly they're supported as of IE 5. But as
said - if this
> browser doesn't show up in your logs anymore, you don't
really have to
> care about it. It would be too much work for nothing.
>
> Micha

What about support for CSS preprocessors?

I love that Adobe is making all of these advancements in areas of HTML / CSS / JS / etc. but CSS preprocessors are becoming the way to "do things" and this is where I cringe when I have to use Dreamweaver and now recently Edge Code. If Adobe is all about the future, why not start including support for CSS preprocessors (most noteably SASS and LESS)?

I think you would want to support both less and sass mainly because there are so many differnt opinions on what works best, I started out using less and then learned about sass and did a little research and decided sass had more to offer, but I Know there are sever folks who think less is easier to use,
I think your biggest problem is getting people to open up something new such as Edge Code and decide what will this offer me that I can't get elsewhere, for example before I got creative cloud, I started with dreamweaver way back in the early days, latter on when jquery started getting popular I couldn’t seam to get code hinting to work, and there where a few random folks offering a half-assed plugin that didn't always work and between that and not being able to pay for the updates for dreamweaver and other products I looked around and found Aptana which I still use today because so far It has never been unable to do what I need and its free, now that I have just recently started using CC which is freaking awsome Im thinking about giving dreamweaver another shot, in-fact I was downloading it when I noticed edge code and decided to try it, the first thinks that I thought was how am I going to use sass with this.
So that said I think to me the most annoying part of using sass is the setup which consists of the following steps, copy a folder I made and update on my local machine, which has all the basic structure such as css folder, js folder, an index that has the basic linking to folders and files then rename the folder change some of the basic things such as title and well the obvious things, then open terminal and do a sass —watch then carefully make sure I only point to the css folder I'm working in so I don't have the annoying delay you get if you point to a folder that has several projects in it, and then once its set up if I still have any ambitions to even work anymore I do my thing, so things I think would work great would be thus, and this is keeping in mind Im new to the edge products so some of this may already exist, I haven't spent allot of time in any of the apps,
What if not only could I just drag my preset work folder(s) into Edge Code and get going but maybe have it auto start a sass watch if it detects a .sass file.
I think code hinting and color are obvious needs.
Maybe a button that would create a project folder and include some pre determined files in the folder and link to them.
Maybe a option to work in sass mode.
Link files between the edge apps, really I could go on forever I am more of a visual person so I made a sample of what it might look like if I could create a picture with my words and I'm sure I'm leaving things out, I don't have allot of time to really explore this like I would like, over all I think the edge apps are looking really positive and I can't wait to see where they go, I hope this helps and let me know if I over looked things.
cid:0A2D995B-A35B-45BC-82F6-3E7D1C582E35

What's the best way to browse keystrokes for ornament fonts?

I have a number of fonts that are non-alphabet ornaments, such as Monotype Rococo and Adobe Woodtype. I can look at a selection of the ornaments in Font Book, of course, but if I see an ornament I like, I have to guess which key to hit to get it. If it's the first ornament in the top row, of course I know I use capital A, but God help me if it's someplace in the middle of the fourth row. The obvious solution -- opening Keyboard Viewer and choosing the ornament font as the displayed typeface on the keys -- is unavailable due to some technical limitation of the later OS's that I don't understand.
Character Palette sort of works, but very clunkily. Basically, I pull up the latin alphabet, then go down to choose the ornament font in the Collections window below and then click letter by letter above. I do see the ornament each key gives me. But I'm seeing them one at a time and am giving up the at-a-glance scan of the available ornaments I'd have just by looking at a keyboard.
If anyone has a better way of browsing keystrokes for this kind of font, I'm very, very interested!
Thanks.
Rob

On re-reading and following your directions, I really should have given you 10 pts. for that answer, Tom, and not 5. I'd somehow misunderstood the glyph view, thinking it was only a matrix of a certain standard, limited set of symbols, like arrow dingbats and such. I see the way it works now, and it's quite practical.
Thanks very much.
Rob

Is there a way to set up browse sequences for project with multiple TOCs and conditionalized modules

I'm using RoboHelp 9 with WebHelp output.
I've got five outputs, one of which contains Help for common functions, while the other four contain Help for licensed modules. When a user opens the Help for a licensed module, the user sees the core Help and the licensed Help. In addition, files are conditionalized so that searching for unlicensed content from a licensed Help module brings up nothing.
I've been troubleshooting problems with the Previous Topic and Next Topic which, thanks to William, I learned are related to browse sequences. After trying assorted configurations, I've got a couple of questions:
Does RH support only a single browse sequence in a project, even when the project has multiple outputs & TOCs?
If RH supports only a single browse sequence, does that mean there is no way to create a unique browse sequence for each separate output?
If RH supports multiple browse sequences, what is the workflow?
I also maintain a 'master' TOC that contains all the modules, both common and unlicensed. What I've done for now is to autocreate a browse sequence based on the 'master TOC'. When I generate output for a licensed module, which is conditionalized, I only see the TOC for that module and, therefore, can only browse between books and subbooks in that module. I've also verified that topics that do not appear in the conditionalized module, such as for another licensed module, do not appear in the Search results list either.
Carol

Me again, Carol
You also asked about the functional differences between WebHelp and WebHelp Pro, so let me elaborate.
I'm aware of only two major differences (other than the extra benefits of feedback analytics reports and management of "Areas" with authentication in RoboHelp Server).
The behavior of Browse Sequences as explained above
The fact that Content Categories are not supported in WebHelp Pro for this latest version 9.
As for the Browse Sequences you are trying to provide for different modules (licensed, etc.): Multiple Browse Sequences are included in a single .BRS file. The sequences are defined in the XML within the single file.
As a workaround (for either WebHelp or WebHelp Pro) you could create a NGP Help.brs. which you have already created for one module; then backup and archive it. Then, create a modification for the different module before you generate again. The NGP Help.brs. will need to have the same name as your project so you will have to manage the desired .brs file into the project folder when you generate that version. All of your other choices (TOC, Index, Conditional Tags, etc.) would remain the same for the respective modules.
Finally, I note that you are apparently generating WebHelp Pro right now even though you are not publishing it to the RH Server? This is really not the best practice. You should generate plain WebHelp for a web server that does not have RH Server on it (even though you may be getting away with it). As for your concern about "breaking" something; each output is placed in a different !SSL! folder automatically when you generate, so you should be able to generate WebHelp without interferring with the WebHelp Pro output. Then, you can re-publish to the RH Server using WebHelp Pro whenever the server is ready.
John Daigle
Adobe Certified RoboHelp and Captivate Instructor
Evergreen, Colorado
www.showmethedemo.com

Help, web browser is locking up my 8320!

So I have no clue whats going on. I was in the webbrowser trying to figure out how to organize my bookmarks. I never actually got a chance to do anything other than access the help on the phone for how to delete a bookmark. I exited out of the help screen, and the broswer closed. When I started the browser up again, I got just a white screen with the following error message coming up in a dialog box:
Uncaught exception: invisible node cannot be made current
There is an "ok" botton under that, but I can't click it to clear the screen. Eventually it exits to the desktop of the phone, but the error message is still displayed. Seem the only way to clear this message is to remove the battery and reinstall it. But it only works until I try the web application again. HELP!!!
Message Edited by 03rangerxlt on 08-08-2008 11:26 AM
Message Edited by 03rangerxlt on 08-08-2008 11:29 AM

Hi,
You probably have a corrupted bookmark
Try this link it has a resolution : http://supportforums.blackberry.com/rim/board/message?board.id=8300&message.id=4268&query.id=2593#M4...
Please let me know if this fixes the problem, or if you need further assistance.
Click Accept as Solution for posts that have solved your issue(s)!
Be sure to click Like! for those who have helped you.
Install BlackBerry Protect it's a free application designed to help find your lost BlackBerry smartphone, and keep the information on it secure.

Help JavaScript Browser Detection for CSS

Similar Messages

Maybe you are looking for