[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:

        <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]