Ir para conteúdo

POWERED BY:

Arquivado

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

JurisCode

simplificar esse codigo

Por , em Javascript

Recommended Posts

JurisCode    0

JurisCode
Postado

eu achei meio prolixo (prolíquiço e não "pro lixo". não tá tão ruim assim). Algm sabe uma forma de simplificar?

 

no head eu coloquei assim:

<script type="text/javascript">
var link = "http://www.ditados.com.br/secoes.asp?secao=";
var query = "texto"
</script>
cria uma variável link que será constante e outra chamada query que será modificada no decorrer do codigo

 

no body eu coloquei

<a href=# id="link">Amizade <script type="text/javascript">var query = "Amizade"</script></a>
<script type="text/javascript">document.write(link) + document.write(query)</script>
<br>
<a href=# id="link">Bondade <script type="text/javascript">var query = "Bondade"</script></a>
<script type="text/javascript">document.write(link) + document.write(query)</script>

O problema é que eu tive que escrever o valor que vai aparecer como querystring duas vezes, mas eu quero que o document.write(query) pegue diretamente o texto linkado no <a href=# id="link">. Tipo, pegar o texto dentro do elemento de ID "link" na página.

 

algm pode me ajudar.

 

to estudando java e estou melhorando. Tvz encontre a resposta nos meus estudos, mas tvz precise de uma forcinha de vcs.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Seria algo assim:

 

<a href=# id="link">Amizade <script type="text/javascript">var query = document.getElementById("link").innerHTML</script></a>
<script type="text/javascript">document.write(link) + document.write(query)</script>

Tome cuidado: o id deve ser único em uma página.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

JurisCode    0

JurisCode
Postado

Seria, mas não teria como eu declarar um valor qualquer para a variável query no cabeçalhe e depois, conforme fosse colocando os <a src=# id=link> fosse mudando automaticamente o valor da var query, sem a necessidade de escrever

<script type="text/javascript">var query = document.getElementById("link").innerHTML</script>

em cada link que eu colocar?

 

a parte do codigo que é:

<script type="text/javascript">document.write(link) + document.write(query)</script>

eu achei meio grande, mas não vai precisar de configurações extra, é só copiar e colar... Mas é assim mesmo.

 

Quanto ao ID LINK eu queria vários e que esse ID modificasse o valor da var query.

 

vou usar isso aí no meu sisteminha de tooltips. Esse link seria apenas um exemplo do SRC do iframe.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Dá uma olhada:

<html>
<head>
<script type="text/javascript">
//create function, it expects 2 values.
function insertAfter(newElement,targetElement) {
	//target is what you want it to go after. Look for this elements parent.
	var parent = targetElement.parentNode;
 
	//if the parents lastchild is the targetElement...
	if(parent.lastchild == targetElement) {
		//add the newElement after the target element.
		parent.appendChild(newElement);
	} else {
		// else the target has siblings, insert the new element between the target and it's next sibling.
		parent.insertBefore(newElement, targetElement.nextSibling);
	}
}
window.onload = function()
{
	var a = document.getElementsByTagName('a');

	for( var i=0; i<a.length; i++ )
	{
		var label = a[i].innerHTML;
		
		var link = 'http://www.ditados.com.br/secoes.asp?secao=';
		var p = document.createElement('span');
		p.innerHTML = ' '+link+label+'<br />';
		
		insertAfter( p, a[i] );
	}
}
</script>
</head>
<body>
	<a href="#">Amizade</a>
	<a href="#">Bondade</a>
	<a href="#">Caridade</a>
</body>
</html>
para facilitar o trabalho, peguei uma função: insertAfter

http://snipplr.com/view/2107/insertafter-function-for-the-dom/

http://forum.imasters.com.br/public/style_emoticons/default/natal_laugh.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

JurisCode    0

JurisCode
Postado

caraca!

 

Era disso aí que eu tava falando. Muito Obrigado. Quase Resolvido.

 

Isso aí vai colocar em todos os tag <a...> tem como eu colocar só no tags <a ...> com um ID determindao?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Isso aí vai colocar em todos os tag <a...> tem como eu colocar só no tags <a ...> com um ID determindao?

 

hum...

 

cara.. não pode repetir IDs numa mesma página..

oque você pode tentar fazer, são ids sequenciais...

 

id="tal"

id="tal1"

id="tal2"...

 

mas repetidos não é permitido. Qual o motivo ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado

Use jQuery...

 

Até existe o método getElementsByClassName... mas não funciona no IE...

 

Uma alternativa seria pegar todos os links da página com o getElementsByTagName e verificar a classe...

var links = document.getElementsByTagName("a");
for(var i = 0; i < links.length; i++){
 if(links[i].className == "DETERMINADA CLASSE"){
 	//agora ponha o que deseja fazer aquii...
 	} 
}

Agora com jQuery:

$(".CLASSE DOS LINKS").each(function(){
	//agora ponha o que deseja fazer aqui...
});

Compartilhar este post

Link para o post
Compartilhar em outros sites

JurisCode    0

JurisCode
Postado

e usar algo tipo html extendido.

 

se eu criar uma tag extendida tipo <ttp> para os tooltips

 

var a = document.getElementsByTagName('ttp');

será que o java vai interpretar ele ou vai ignorar? Vou fazer alguns testes porm aqui

 

CARAMBA!!! DEU CERTO.

 

Eu posso criar tags html extendidas para usar isso.

 

pode ser muito útil isso.

 

o IExplore não aceita essas marcações extendidas

Compartilhar este post

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

Informação importante

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

  Aceito