Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Aprendiz CSS

Validando o atributo target na tag a

Por , em Desenvolvimento frontend

Recommended Posts

Aprendiz CSS    3

Aprendiz CSS
Postado

Opa!

 

galera não sei se é repost, se for peço desculpas!

 

 

Neste artigo aqui mostro como validar o atributo target usando o doctype strict

 

espero que gostem!

 

http://aprendacss.wordpress.com/2008/08/25...arget-na-tag-a/

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Opa gostei ^^ dessa tutorial, não sabia disso do transitional.

 

Agora a minha tutorial simples[usando strict]:

 

Inclua este script e sua página

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http: //www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
<title>titulo</title>

<link rel="stylesheet" href="css.css" type="text/css" />

<script type="text/javascript">
//CRIADO POR SILVERFOX,
//se alguem copiar e por e algum BLOG no minimo coloquem meu nome

//<![CDATA[
function TargetLink(){
var _Target = "";
var Links = document.getElementsByTagName("body")[0].getElementsByTagName("a");
	for(var i=0;i<Links.length;i++){
		if(Links[i].rel.indexOf("target")>=-1){
		_Target = Links[i].rel.replace(/target /g,"");
			Links[i].target= "_"+_Target;
			Links[i].setAttribute("target", "_"+_Target);
		}
	}
}
//]]>
</script>
</head>
<body>
<h1>Segue Abaixo Exemplos</h1>
<p>
<a href="pagina.html" rel="target blank">Blank</a>
<a href="pagina.html" rel="target parent">Parent</a>
<a href="pagina.html" rel="target self">Self</a>
<a href="pagina.html" rel="target NOVO">NOVO</a>
</p>
<script type="text/javascript">
//<![CDATA[
TargetLink();
//]]>
</script>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Aprendiz CSS    3

Aprendiz CSS
Postado

<script type="text/javascript">

//<![CDATA[

BackLink();

//]]>

</script>

Guilherme!

 

a função que deve ser chamada é a TargetLink() e todos os links que devem ser com o target blank devem ter a classe [ para o pessoal que não entendeu a função]

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito