This post originated from an RSS feed registered with Java Buzz by Russell Beattie. Original Post: Nokia's Multi-Platform Style Sheet Example Feed Title: Russell Beattie Notebook Feed URL: http://www.russellbeattie.com/notebook/rss.jsp?q=java,code,mobile Feed Description: My online notebook with thoughts, comments, links and more. Latest Java Buzz Posts Latest Java Buzz Posts by Russell Beattie Latest Posts From Russell Beattie Notebook

Here's their code in a nutshell:

style.jsp:

<%
boolean smallbrowser = true;
String userAgent = request.getHeader("user-agent");

// Internet (Big) Browser
if ( userAgent.indexOf("Mozilla") != -1 ) {
%>
.hdr	{ 
            font-style: bold;
            font-size: 30px;
            text-align: center; 
            color: yellow;
            text-decoration: blink;
        }

<% 
    // Mobile (Small) Browser
    } else { 
      
      if ( (userAgent.indexOf("5100") != -1) || (userAgent.indexOf("3300")!=-1)) {
        //Nokia 5100 - Series 40 browser
%>
.hdr	{ text-align: center; }

<%
      } else if (userAgent.indexOf("3650") != -1) {
%>

.hdr	{ 
            font-style: bold;
            font-size: larger;
            text-align: center; 
        }


<% 
      } 
    }
%>

Making a new custom dynamic page per phone, however, is *really* a lot of work, so shortcuts like this are definitely welcome. I'd probably use DELI or WURFL instead of just a basic User-Agent test as well. But like I said, the idea is there and it's interesting...

-Russ

Comment