[Cascading Style Sheets]
[Página prévia] [Próxima página] [Seção página de conteúdo]
Scripts para Revestimentos

Revestimentos feitos com CSS geralmente ficam com uma aparência muito ruim, se não confusa, nos navegadores que não suportam CSS. Por isso, é uma boa idéia usar um script para colocar o elemento superior se o browser suportá-lo. Aqui está o JavaScript que fará este serviço para o Netscape 4.0 e o IE 4.0:

	<script language="JavaScript">
	//este script coloca a camada superior de um revestimento,
	//se o usuário tiver um Netscape 4.0+ ou IE 4.0+
	<!--
	var browser=navigator.appName;
	var version=navigator.appVersion
	var ver1=version.substring(0,1)

	if (((browser == "Netscape") && (ver1 >= 4)) | 
	((browser == "Microsoft Internet Explorer") && (ver1 >= 4))) {
	document.write("<span class=shadow3 id=layer3>Texto do Revestimento Aqui</span>")
	}
	//-->
	</script>
	

Posto que os revestimentos no IE 3.0 ficam melhores quando feitos com dois elementos separados (no Netscape e IE 4.0, o elemento superior deve estar numa tag <span> dentro do elemento background), você vai precisar de um script separado para colocar o elemento superior do IE 3.0; aqui está um script que fará isso:

	<script language="JavaScript">
	//este script coloca a camada superior de um revestimento para o IE 3.0x
	<!--
	 var browser=navigator.appName;
	 var version=navigator.appVersion
	 var ver2=version.lastIndexOf("MSIE")
	 var ver3=version.substring(ver2+5,ver2+6)
	 
	 if ((browser == "Microsoft Internet Explorer") && (ver3 == 3)){
	  document.write('<p class=shadow3>Texto do revestimento Aqui</p>')
	 }
	// -->
	</script>
	

Aqui está, então, mostrado novamente o código completo do exemplo de revestimento de algumas páginas atrás:

0

	<p class=hugeding>0 <br>
	<script language="JavaScript">
	<!--
	var browser=navigator.appName;
	var version=navigator.appVersion
	var ver1=version.substring(0,1)

	if (((browser == "Netscape") && (ver1 >= 4)) |
	((browser == "Microsoft Internet Explorer") && (ver1 >= 4))) {
	document.write("<span class=shadow3 id=layer3>Pasta</span>")
	}
	//-->
	</script> 
	</p>
	<script language="JavaScript">
	<!--
	 var browser=navigator.appName;
	 var version=navigator.appVersion
	 var ver2=version.lastIndexOf("MSIE")
	 var ver3=version.substring(ver2+5,ver2+6)
	 
	 if ((browser == "Microsoft Internet Explorer") && (ver3 == 3)){
	  document.write('<p class=shadow3>Pasta</p>')
	 }
	// -->
	</script>

	
[Página prévia] [Próxima página] [Seção página de conteúdo]

Robert Crooks, English Department, Bentley College
[envelope] rcrooks@bentley.edu