Hi All,

I have been tearing my hair out to try and get the following to work in IE -
works great in FF, Safari and Mozilla.

Basically I am trying to @import the stylesheet below to override only some
styles and not the entire stylesheet when the user clicks the link.

Please see below:

<script type="text/javascript"
src="/Portals/19/jquery-1.3.1.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 

$("#css-timesVerdana").click(function() { 
$("style[type=text/css]").text('@import
url("/Design001/timesVerdana.css");'); 
}); 

</script> 

<h3>CHANGE THE FONT!</h3> 
<ul> 
<li> #timesVerdana  /Images/Font_TimesLucinda.gif  </li> 
</ul>
-- 
View this message in context: 
http://www.nabble.com/%40import-css-with-link-now-working-in-IE-tp23440896s27240p23440896.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

Reply via email to