• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

javascript browser abfrage problem

Status
Für weitere Antworten geschlossen.
D

D4Fish

Neues Mitglied
ich hab mein menu mit css gemacht ... da der ie ja den wunderbaren boxmodell bug hat wollt ich des mit ner java browserabfrage loesen......

hier mal der code .....

Code: 
<html>
<head>
<script type="text/javascript" language="JavaScript">
var browname = navigator.appName;
if (browname == "Microsoft Internet Explorer") { var menu = "
	
	<style type=\"text/css\">
	#ienavigation2 {background:darkgreen;width:150px;}
	#ienavilist2{margin:0;padding:0;display:block;list-style:none;width:150px;background:darkgreen;color:darkorange;padding:1px 1px 1px 1px;padding-top:15px;padding-left:0px;padding-right:0px;padding-bottom:10px;margin:0px 0px 0px 0px;margin-left:0px;font-size:16px;font-family:comic sans ms;}
	#ienavilist2 a {margin:0;padding:0;display:block;list-style:none;border-width:1px 1px 2px 2px;border-color:silver silver gray gray;border-style:solid;background:green;color:darkorange;width:100%;text-decoration:none;font-weight:bold;padding:4px 1px 1px 10px;margin:8px 2px 2px 2px;font-size:16px;font-family:comic sans ms;}
	#ienavilist2 a:hover {margin:0;padding:0;display:block;list-style:none;border-width:2px 2px 1px 1px;border-color:gray gray silver silver ;border-style:solid;background:#003F00;color:yellow;width:100%;text-decoration:overline underline;font-weight:bold;padding:4px 1px 1px 10px;margin:8px 2px 2px 2px;font-size:16px;font-family:comic sans ms;}
	</style>
	
	
	

	

	<div id=\"ienavigation2\">
	<ul id=\"ienavilist2\">
	<font color=\"black\"><div align=\"center\">[*]Menü</div></font>
	<font color=\"black\" size=\"1\"><div align=\"center\">[*]optimiert für Mozilla Firefox</div></font>
	[*][url="index.html"]Startseite[/url]
	

	[*]<a href=\"aktuelles.html\">Aktuelles</a>
	[*]<a href=\"wir_ueber_uns.html\">Wir über uns</a>
	[*]<a href=\"dirigent.html\">Dirigent</a>
	[*]<a href=\"unsere_register.html\">Unsere Register</a>

	[*]<a href=\"aktivorchester.html\">Aktivorchester</a>
	[*]<a href=\"qualifikationen.html\">Qualifikationen</a>
	[*]<a href=\"berichte.html\">Berichte</a>
	[*]<a href=\"impressum.html\">Impressum</a>
	[/list]</div>
	"; }
else { var menu = "
	

	<style type=\"text/css\">
	#navigation2 {background:darkgreen;width:150px;}
	#navilist2{margin:0;padding:0;display:block;list-style:none;width:150px;background:darkgreen;color:darkorange;padding:1px 1px 1px 1px;padding-top:15px;padding-left:0px;padding-right:0px;adding-bottom:10px;margin:0px 0px 0px 0px;margin-left:0px;font-size:16px;font-family:comic sans ms;}
	#navilist2 a {margin:0;padding:0;display:block;list-style:none;border-width:1px 1px 2px 2px;border-color:silver silver gray gray;border-style:solid;background:green;color:darkorange;width:132px;text-decoration:none;font-weight:bold;padding:4px 1px 1px 10px;margin:8px 2px 2px 2px;font-size:16px;font-family:comic sans ms;}
	#navilist2 a:hover {margin:0;padding:0;display:block;list-style:none;border-width:2px 2px 1px 1px;border-color:gray gray silver silver;border-style:solid;background:#003F00;color:yellow;width:132px;text-decoration:overline underline;font-weight:bold;padding:4px 1px 1px 10px;margin:8px 2px 2px 2px;font-size:16px;font-family:comic sans ms;}
	</style>
	
	
	

	

	<img src=\"images/menu_top.gif\" alt=\"menu_top\" border=\"0\">
	<div id=\"navigation2\">
	<ul id=\"navilist2\">

	<font color=\"black\"><div align=\"center\">[*]Menü</div></font>
	<font color=\"black\" size=\"1\"><div align=\"center\">[*]optimiert für Mozilla Firefox</div></font>
	[*]<a href=\"index.html\">Startseite</a>
	

	[*]<a href=\"aktuelles.html\">Aktuelles</a>
	[*]<a href=\"wir_ueber_uns.html\">Wir über uns</a>

	[*]<a href=\"dirigent.html\">Dirigent</a>
	[*]<a href=\"unsere_register.html\">Unsere Register</a>
	[*]<a href=\"aktivorchester.html\">Aktivorchester</a>
	[*]<a href=\"qualifikationen.html\">Qualifikationen</a>
	[*]<a href=\"berichte.html\">Berichte</a>
	[*]<a href=\"impressum.html\">Impressum</a>

	[/list]</div>
	<img src=\"images/menu_ground.gif\" alt=\"menu_ground\" border=\"0\">
	"; }
</script>
</head>


<body>
<script type="text/javascript" language="JavaScript">
if (browname == "Microsoft Internet Explorer") { document.write("
	
	<style type=\"text/css\">
	#ienavigation2 {background:darkgreen;width:150px;}
	#ienavilist2{margin:0;padding:0;display:block;list-style:none;width:150px;background:darkgreen;color:darkorange;padding:1px 1px 1px 1px;padding-top:15px;padding-left:0px;padding-right:0px;padding-bottom:10px;margin:0px 0px 0px 0px;margin-left:0px;font-size:16px;font-family:comic sans ms;}
	#ienavilist2 a {margin:0;padding:0;display:block;list-style:none;border-width:1px 1px 2px 2px;border-color:silver silver gray gray;border-style:solid;background:green;color:darkorange;width:100%;text-decoration:none;font-weight:bold;padding:4px 1px 1px 10px;margin:8px 2px 2px 2px;font-size:16px;font-family:comic sans ms;}
	#ienavilist2 a:hover {margin:0;padding:0;display:block;list-style:none;border-width:2px 2px 1px 1px;border-color:gray gray silver silver ;border-style:solid;background:#003F00;color:yellow;width:100%;text-decoration:overline underline;font-weight:bold;padding:4px 1px 1px 10px;margin:8px 2px 2px 2px;font-size:16px;font-family:comic sans ms;}
	</style>
	
	
	

	

	<div id=\"ienavigation2\">
	<ul id=\"ienavilist2\">
	<font color=\"black\"><div align=\"center\">[*]Menü</div></font>
	<font color=\"black\" size=\"1\"><div align=\"center\">[*]optimiert für Mozilla Firefox</div></font>
	[*][url="index.html"]Startseite[/url]
	

	[*]<a href=\"aktuelles.html\">Aktuelles</a>
	[*]<a href=\"wir_ueber_uns.html\">Wir über uns</a>
	[*]<a href=\"dirigent.html\">Dirigent</a>
	[*]<a href=\"unsere_register.html\">Unsere Register</a>
	[*]<a href=\"aktivorchester.html\">Aktivorchester</a>
	[*]<a href=\"qualifikationen.html\">Qualifikationen</a>
	[*]<a href=\"berichte.html\">Berichte</a>
	[*]<a href=\"impressum.html\">Impressum</a>
	[/list]</div>
	"); }
else { document.write("
	
	<style type=\"text/css\">
	#navigation2 {background:darkgreen;width:150px;}
	#navilist2{margin:0;padding:0;display:block;list-style:none;width:150px;background:darkgreen;color:darkorange;padding:1px 1px 1px 1px;padding-top:15px;padding-left:0px;padding-right:0px;adding-bottom:10px;margin:0px 0px 0px 0px;margin-left:0px;font-size:16px;font-family:comic sans ms;}
	#navilist2 a {margin:0;padding:0;display:block;list-style:none;border-width:1px 1px 2px 2px;border-color:silver silver gray gray;border-style:solid;background:green;color:darkorange;width:132px;text-decoration:none;font-weight:bold;padding:4px 1px 1px 10px;margin:8px 2px 2px 2px;font-size:16px;font-family:comic sans ms;}
	#navilist2 a:hover {margin:0;padding:0;display:block;list-style:none;border-width:2px 2px 1px 1px;border-color:gray gray silver silver;border-style:solid;background:#003F00;color:yellow;width:132px;text-decoration:overline underline;font-weight:bold;padding:4px 1px 1px 10px;margin:8px 2px 2px 2px;font-size:16px;font-family:comic sans ms;}
	</style>
	
	
	

	

	<img src=\"images/menu_top.gif\" alt=\"menu_top\" border=\"0\">
	<div id=\"navigation2\">
	<ul id=\"navilist2\">
	<font color=\"black\"><div align=\"center\">[*]Menü</div></font>
	<font color=\"black\" size=\"1\"><div align=\"center\">[*]optimiert für Mozilla Firefox</div></font>
	[*]<a href=\"index.html\">Startseite</a>
	

	[*]<a href=\"aktuelles.html\">Aktuelles</a>
	[*]<a href=\"wir_ueber_uns.html\">Wir über uns</a>
	[*]<a href=\"dirigent.html\">Dirigent</a>
	[*]<a href=\"unsere_register.html\">Unsere Register</a>
	[*]<a href=\"aktivorchester.html\">Aktivorchester</a>
	[*]<a href=\"qualifikationen.html\">Qualifikationen</a>
	[*]<a href=\"berichte.html\">Berichte</a>
	[*]<a href=\"impressum.html\">Impressum</a>
	[/list]</div>
	<img src=\"images/menu_ground.gif\" alt=\"menu_ground\" border=\"0\">
	"); }
document.write("

"+browname);
</script>
</body>
</html>



da ich aber erst vor 3 wochen ueberhaupt angefangen hab, mich mit Homepages zu beschaeftigen bin ich wirklich ratlos, was ich da falsch gemacht hab :D .... waer nice wenn mir jemand helfen koennte ;) ..... vll weiß ja auch jemand eine komplett andere nd kuerzere loesung :D
 
Werbung:
... beides unabhaengig, also die beides menues und das java script, funktionieren 1a. wenn ich aber die menus als variable reinschreibe, wird das menu nicht mehr richtig angezeigt, und das java script laeuft nicht ... aber seht selbst:

keine links mehr :p
 
Zuletzt bearbeitet:
Werbung:
kanns vll an der variable liegen? dass die des menu nicht als variable anerkennt? muss da vll ein string rein?!

@artemis toller hinweis :D ... bringt mich aba auch nich weiter^^
 
Werbung:
An deiner Stelle würde ich einfach per ein Stylesheet für den IE zusätzlich nach dem eigentlichen einbinden.
Also so:
Code: 
<html>
  <head>
    <link rel="stylesheet" href="style.css">
    
  </head>
...

Das Einbinden von externen Stylesheets hat außerdem den Vorteil, dass der Quelltext deiner Seite kleiner ist und die Style-Definitionen nicht jedes mal neu geladen werden müssen.

Außerdem ist das dann auch für die, die JS ausgeschaltet haben.
 
Wow. Vielen Dank :D ..... Wollte schon lang ne externe datei verwenden, aba hab nie verstanden wie des geht :oops: .... da mach ich mich gleich mal ans basteln :D .....






Edit:
aehhhm .... wie gesagt peil ich des noch nicht so ganz :D .... --> ich hab einfach mal was probiert^^..... war des so gedacht oder hab ichs wiedermal völlig verbockt?!

Code: 
<html>
<head>
<script type="html/javascript" language="JavaScript">
if ( navigator.appName == "Microsoft Internet Explorer") { document.write("<link rel=\"stylesheet\" href=\"ie.css\">"); }
else { document.write("<link rel=\"stylesheet\" href=\"style.css\">"); }
</script>
</head>

<body>

</body>
</html>


soweit bin ich jetzt schon gekommen .... waer nice wenn vll jemand sagen koennte was jetzt noch in body muss, um die datei einzufuegen :D
 
sry for spam

aber ne antwort waer echt nice :D .... nur falls nen edit nich als "post" gewertet wird^^ ..... das is also noch aktuell ....^^
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben