nicht angemeldet
Hallo,
ich wollte folgendes machen:
Ich möchte, dass ein bestimmter Text nur mit einem bestimmten Browser angezeigt wird und bin auf folgendes gestoßen:
<!--[if IE 9]>{Code}<![endif]-->
Leider gibt es den folgenden Text nicht für andere Browser. Deswegen wurde mir Javascript empfohlen und ich bin auf folgendes Ergebnis gekommen (Anhand von Firefox als Beispiel):
<script language="JavaScript">
<!--
/* User Agent (Browserkennung) auf einen bestimmten Browsertyp prüfen */
function checkBrowserName(name){
var agent = navigator.userAgent.toLowerCase();
if (agent.indexOf(name.toLowerCase())>-1) {
return true;
}
return false;
}
if(checkBrowserName('firefox')){
alert('Du bist Nutzer von Firefox!');
}
//-->
</script>
Dieser Text ist Platzhalter für das das ich einfügen möchte:
alert('Du bist Nutzer von Firefox!');
Hier zeigt er eine MSG-Box an. Der eigentliche Text den ich nur mit bestimmen Browsern anzeigen möchte ist folgender:
<div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
<div style='width: 713px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
<div style='width: 75px; float: left;'><img src='{T_THEME_PATH}/images/ie6nomore/ie6nomore-warning.jpg' alt='{L_IE6NOMORE_WARNING}' /></div>
<div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
<div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>{L_IE6NOMORE_TITLE}</div>
<div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>{L_IE6NOMORE_MESSAGE}</div>
</div>
<div style='width: 75px; float: left;'><a href='{L_IE6NOMORE_FIREFOX}'><img src='{T_THEME_PATH}/images/ie6nomore/ie6nomore-firefox.jpg' style='border: none;' alt='{L_IE6NOMORE_FIREFOX_ALT}' /></a></div>
<div style='width: 75px; float: left;'><a href='{L_IE6NOMORE_IE}'><img src='{T_THEME_PATH}/images/ie6nomore/ie6nomore-ie8.jpg' style='border: none;' alt='{L_IE6NOMORE_IE_ALT}' /></a></div>
<div style='width: 73px; float: left;'><a href='{L_IE6NOMORE_SAFARI}'><img src='{T_THEME_PATH}/images/ie6nomore/ie6nomore-safari.jpg' style='border: none;' alt='{L_IE6NOMORE_SAFARI_ALT}' /></a></div>
<div style='width: 73px; float: left;'><a href='{L_IE6NOMORE_CHROME}'><img src='{T_THEME_PATH}/images/ie6nomore/ie6nomore-chrome.jpg' style='border: none;' alt='{L_IE6NOMORE_CHROME_ALT}' /></a></div>
<div style='float: left;'><a href='{L_IE6NOMORE_OPERA}'><img src='{T_THEME_PATH}/images/ie6nomore/ie6nomore-opera.jpg' style='border: none;' alt='{L_IE6NOMORE_OPERA_ALT}' /></a></div>
</div>
</div>
Wie kann ich diesen Text an die Stelle einfügen damit die gewünschte Funktion funktioniert bzw. kann man das auch anders lösen?
Danke im Voraus.
Gruß
Die Mathematik
Matthias Apsel