Visa / dölja kod för olika webbläsare?

Rajkurt skrev:

Hej alla,

Har ett problem som gör mig galen. Tror att jag har i 3 timmar efter svaret men hittar nada (eller så är det bara det att jag är så trög att jag inte fattar hur jag skall göra).

Jag letar efter ett sätt att dölja kod för IE6 men göra det tillgängligt för alla övriga webbläsare (IE7>, firefox, safari etc). Det närmsta jag kan komma är med hjälp av <!--[if gt IE 6]> taggen. Men då visas koden bara för IE7, IE8 och IE9 men INTE i de övriga webbläsarna? Varför blir det så?

Tackar ödmjukast för en lösning!

Ooops... läste fel först. Sorry. Men det här ska väl fungera?

<!--[if IE 6]>
<div style="display:none;">koden du vill gömma för IE6 här...</div><![endif]-->

;-) kreativt och tillfredsställande! Men det besvarar inte riktigt min fråga!

Det jag försöker göra är att hindra jquery kod i headern från att läsas in i IE6 i övrigt inget annat. Här är ett exempel på min kod. jqueryn beter sig inte som den skall i IE6 och därför vill jag inte använda den.

<!--[if IE 6]>
        <script type="text/javascript" src="unitpngfix.js"></script>
        
        <style type="text/css" media="screen">
			body { behavior:url("js/csshover.htc"); }
		</style>
		
	<![endif]--> 

<!--[if gt IE 6]>

	<?php $currentPage = $_SERVER['SCRIPT_NAME']; ?>
	
		<?php if ($currentPage == '/index.php'
			  or $currentPage == '/undersida1.php'
			  or $currentPage == '/undersida2.php'
			  or $currentPage == '/undersida3.php')  { ?>
			  
			<link rel="stylesheet" type="text/css" href="css/bakgrundsbild1.css" />
			
			<script type="text/javascript">
				$(document).ready(function(){
	
       			 //  Initialize Backgound Stretcher	   
				$('BODY').bgStretcher({
					images: ['img/bakgrundsbild1.jpg'],
					imageWidth: 1344, 
					imageHeight: 900,
					anchoring: 'left center',
					anchoringImg: 'left center'
				});
		
			});
		</script>
		
	<?php } ?>
	
	<?php $currentPage = $_SERVER['SCRIPT_NAME']; ?>
	
		<?php if ($currentPage == '/undersida4.php'
			  or $currentPage == '/undersida5.php'
			  or $currentPage == '/undersida6.php')   { ?>
			  
			<link rel="stylesheet" type="text/css" href="css/bakgrundsbild2.css" />
			
			<script type="text/javascript">
				$(document).ready(function(){
	
       			 //  Initialize Backgound Stretcher	   
				$('BODY').bgStretcher({
					images: ['img/bakgrundsbild2.jpg'],
					imageWidth: 1344, 
					imageHeight: 900,
					anchoring: 'left center',
					anchoringImg: 'left center'
				});
		
			});
		</script>
		
	<?php } ?>
	
	<?php $currentPage = $_SERVER['SCRIPT_NAME']; ?>
	
		<?php if ($currentPage == '/undersida7.php'
			  or $currentPage == '/undersida8.php'
			  or $currentPage == '/undersida9.php')   { ?>
			  
			<link rel="stylesheet" type="text/css" href="css/bakgrundsbild3.css" />
			
			<script type="text/javascript">
				$(document).ready(function(){
	
       			 //  Initialize Backgound Stretcher	   
				$('BODY').bgStretcher({
					images: ['img/bakgrundsbild3.jpg'],
					imageWidth: 1344, 
					imageHeight: 900,
					anchoring: 'left center',
					anchoringImg: 'left center'
				});
		
			});
		</script>

<![endif]-->
</head>

Conditional Comments stöds bara av IE

Conditional comments only work in Explorer on Windows, and are thus excellently suited to give special instructions meant only for Explorer on Windows.

http://www.quirksmode.org/css/condcom.html

En workaround kan vara att sätta en särskild css-property med conditional comments och sedan "känna av den" med jQuery

Edit: eller något sånt här bara: http://jsbin.com/ojubek/2/edit

Tillslut lyckades jag! Tror jag har varit otydlig i min fråga. Ifall någon annan kan behöva det någon gång så döljer man kod från en specifik webbläsare med följande kod:

<![if !IE 6]>
Kod som du vill dölja från en specifik Internet Explorer webbläsare fast inte från någon annan läsare.
<![endif]>

Tack för alla svar! Nate.A, tror ditt förslag hade fungerat. Hade bara inte tid att testa det! Tack igen!