javascript function to hide and show a hyperlink depending upon the mobile browser?
<p>I am creating a mobile website which targets all the mobile platforms(i-phone, i-pad,Blackberry,android e.t.c).</p>

<pre><code> &lt;div data-role="header" data-position="inline"&gt;
     &lt;a href="index.html" data-role="button" data-icon="home"&gt;&lt;/a&gt;
     &lt;div id="title"&gt;Venue Information&lt;/div&gt;&lt;/div&gt;
</code></pre>

<p>Above written code is a common small piece of code for the header for the whole website.
As mentioned above, I'm wondering if it is possible to hide the Middle line that is a Button icon(hyperlink to index.html) if it is running on I-Phone and Blackberry and show the same if any other platform( android, desktop e.t.c)</p>

<p>Any code-snippet will highly be appreciated.</p>

<p>mrana....  </p>
