Just nu i M3-nätverket
Jump to content

Kolla browser


donRollo

Recommended Posts

Tjena.

Jag vet att man kan kolla browser med javascript.

Men vet någon om det finns något sätt att med vanlig asp kolla om det är IE eller FF eller något annat?

/donRollo

 

Link to comment
Share on other sites

Inget supersmidigt eller helt tillförlitligt sätt men du kan använda Request.ServerVariables("HTTP_USER_AGENT")

Typ:

<%
strAgent=Request.ServerVariables("HTTP_USER_AGENT")
Response.Write "<p>"&strAgent&"</p>"

'=== BROWSERS
ua_IE="MSIE "
If InStr(strAgent,ua_IE) <> 0 Then
  strBrowser = "Internet Explorer"
  strVersion = Mid(strAgent, Instr(strAgent,ua_IE)+Len(ua_IE),3)
End If

ua_FF="Firefox/"
If InStr(strAgent,ua_FF) <> 0 Then
  strBrowser = Replace(ua_FF,"/","")
  strVersion = Mid(strAgent, Instr(strAgent,ua_FF)+Len(ua_FF))
End If

ua_OP="Opera/"
If InStr(strAgent,ua_OP) <> 0 Then
  strBrowser = Replace(ua_OP,"/","")
  strVersion = Mid(strAgent, Instr(strAgent,ua_OP)+Len(ua_OP),4)
End If

'=== SPIDERS
ua_GO="Googlebot/"
If InStr(strAgent,ua_GO) <> 0 Then
  strBrowser = Replace(ua_GO,"/","")
  strVersion = Mid(strAgent, Instr(strAgent,ua_GO)+Len(ua_GO),3)
End If

ua_MS="msnbot/"
If InStr(strAgent,ua_MS) <> 0 Then
  strBrowser = "MSN Bot"
  strVersion = Mid(strAgent, Instr(strAgent,ua_MS)+Len(ua_MS),3)
End If

'=== Unknown/Other
IF strBrowser="" THEN
  strBrowser = "Unknown/Other"
  strVersion = "Unknown/Other"
END IF


Response.Write("<p>Browser: " & strBrowser & "<br>Version: " & strVersion & "</p>")
%>

 

/Cluster

------------------------------------------------------

I do not fear computers. I fear the lack of them

--------> http://eforum.kicks-ass.net <---------

 

Link to comment
Share on other sites

Tjena.

Tack för att du tog dig tid.

Jag löste faktiskt problemet själv med samma upplägg.

Egentligen så ville jag bara kolla om det var IE eller något annat och då kollar jag efter frasen "MSIE". Och det verkar ju fungera.

Anledningen var att IE har stöd för en sak som jag använder (<select> inuti en <div>), medan ex FF inte har stöd för detta.

Jag använder detta för att göra snygga selectboxar utan ramar. I IE blir det supersnyggt, medan det helt ballar ur i ex FF. Då får dom se gamla trista selectboxar med ramar istället.

Vi hörs.

/donRollo

 

 

Link to comment
Share on other sites

Ok, så bra då.

 

Av ren nyfikenhet: Hur menar du att FF inte har stöd för detta?

Har du någon sida man kan kolla på eller exempelkod som visar detta fenomen?

 

/Cluster

------------------------------------------------------

I do not fear computers. I fear the lack of them

--------> http://eforum.kicks-ass.net <---------

 

Link to comment
Share on other sites

Tjena.

Kolla in detta:

http://www.donrollo.se/test/testSelect.asp

Inte finputsat, men du fattar säkert vad jag är ute efter. Tricket är att diven är lite mindre än selectboxen och på så vis döljs den retliga vita kanten. Jag menar, har man svart bakgrund så vill man inte ha en vit kant runt om.

Med detta sätt så kan man styla kanten runt selectboxen precis som man vill, vilket man normalt sett inte kan. Normalt kan man ju bara styla optionen i selectboxen.

Lite fiffigt kan jag tycka.

Och blir som sagt helt fel i FF.

/donRollo

 

Link to comment
Share on other sites

Med detta sätt så kan man styla kanten runt selectboxen precis som man vill, vilket man normalt sett inte kan.
i IE nej :)

Men i FF går det ju bra, typ:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Custom Select</title>
<style media="screen" type="text/css">
<!--
* {margin:0;padding:0;}

body { background-color:#000; }

select {
  width:274px;
  padding:1px;
  border:2px dotted #969696;
  background-color:#1E1E1E;
  color:#ffffff;
  }
-->
</style>
</head>
<body>
  <div id="content">
     <select name="timePeriod">
        <option value="0">Option A</option>
        <option value="1">Option B</option>
        <option value="2">Option C</option>
        <option value="3">Option D</option>
        <option value="4">Option E</option>
        <option value="5">Option F</option>
     </select>
  </div>
</body>
</html>

 

I FF fungerar även den metod du tänkt dig (om man gör rätt) medan den i IE kommer att lämna vissa spår av selectens ram.

Typ:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Custom Select</title>
<style media="screen" type="text/css">
<!--
* {margin:0;padding:0;}

body { background-color:#000; }

#mySelect {
  width:274px;
  height:18px;
  border:2px dotted #969696;
  background-color:#1E1E1E;
  color:#ffffff;
  overflow:hidden;
  }

#mySelect select{
  width:276px;
  height:28px;
  margin-left:-3px;
  border:hidden;
  border:none;
  border:1px solid #000;
  background-color:#1E1E1E;
  color:#ffffff;
  }
-->
</style>
</head>

<body>
  <div id="mySelect">
  <select name="timePeriod">
     <option value="0">Option A</option>
     <option value="1">Option B</option>
     <option value="2">Option C</option>
     <option value="3">Option D</option>
     <option value="4">Option E</option>
     <option value="5">Option F</option>
  </select>
  </div>
</body>
</html>

 

 

/Cluster

------------------------------------------------------

I do not fear computers. I fear the lack of them

--------> http://eforum.kicks-ass.net <---------

 

Link to comment
Share on other sites

Ok, jättebra att du har testat.

Jag gjorde ju bara ett snabbt exempel.

Vet inte ens om marginalerna blev rätt :)

Men jag ska testa mer. Kul med din input hur som helst.

/donRollo

 

Link to comment
Share on other sites

Tjena.

Jag testade din version2 och justerade #mySelect till width:270px; istället för width:274px; och då försvann ramen helt även i IE.

Mycket bra.

Jag ska implementera detta skarpt nu och se ifall det ser lika bra ut där.

Tack för all hjälp och lätt en poäng.

/donRollo

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...