Ir para conteúdo

Arquivado

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

ToninhoSouza

Como incluir link de acesso a Site em um código Script através de...

Recommended Posts

Como incluir URL link de acesso ao Site, embutido nesse código através das imagens no código abaixo:

 

Exemplo:

 

<SCRIPT language="JavaScript">
{
}
</SCRIPT>
Agradeço aos gênios de JavaScript que puderem me ajudar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá Camila, é o seguinte... Este código acima é de um Efeito Especial de imagens surgindo na pagina na horizontal, e eu gostaria de inserir uma URL (link de acesso ao Site) através dessas imagens que passam pela pagina. Veja um Efeito nesse endereço... http://www.tonygifsjavas.com.br/efeitos_para_blogs/a_teste_efeitos/teste_codigo_bruxas.htm

Obrigado!


Caso vc precisar de todos arquivos que compõem o Efeito, que são os JS, te enviarei para onde vc me indicar.

Agradeço pela sua boa vontade em me ajudar, não sou bom conhecedor dos códigos javas, apenas curioso, pois me dedico á uma infinidade de coisas no meu Site que disponibilizo para Blogs e Redes Sociais tudo gratuitamente. Obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Adiciona essa função ao seu código

function addA(imgUrl,link) {
  var div = document.querySelector('[src="'+imgUrl+'"]').parentNode;
  var a = '<a href="'+link+'">'+div.innerHTML+'</a>';
  div.innerHTML = a;
}

E, então, abaixo de cada JSFX.AddFloatImg, chama a função assim

addA('http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_bruxas_fantasmas_surgindo/fantasma_4.gif','http://www.endereco.com');

Substituindo o primeiro parâmetro pela URL da imagem que está sendo utilizada no JSFX.AddFloatImg

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá Rafael, não abusando de sua bondade, me esclareça esta minha dúvida:

 

Os arquivos JS que acompanham este Efeito são:

 

JSFX_Layer.js

JSFX_Browser.js

JSFX_FloatLR.js

 

Esta função abaixo eu coloquei no final do arquivo JS - JSFX_FloatLR é isso mesmo?

 

function addA(imgUrl,link) {

var div = document.querySelector('[src='+imgUrl+']').parentNode;

var a = '<a href="'+link+'">'+div.innerHTML+'</a>';

div.innerHTML = a;

}

 

---

 

Quanto a este abaixo eu não entendi como colocar, tipo vc disse abaixo de cada, poderia me esclarecer melhor, onde coloco esta linha abaixo ou substituo pela existente?

 

addA('http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_bruxas_fantasmas_surgindo/fantasma_4.gif,http://www.endereco.com');

 

embutido nesse abaixo, se é que eu entendi:

 

<SCRIPT language="JavaScript">

{

JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_4.gif", 2, 10, 100);

JSFX.AddFloatImg("http://www.tonygifsj.../fantasma_6.gif", -5, 25, 50);

JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_3.gif", 5, 70, 100);

JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_5.gif", -6, 50, 60);

 

JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_2.gif", 25, 99, 100);

JSFX.AddFloatImg("http://www.tonygifsj.../fantasma_7.gif", -9, 100, 70);

}

</SCRIPT>

 

 

Como me qualifiquei acima, sou um mero curioso, mas que adoro mexer com códigos. Abraços e obrigado!

*

Compartilhar este post


Link para o post
Compartilhar em outros sites

No seu HTML, onde voce inclui o ultimo codigo citado acima, coloque isto


<script type="text/javascript">
function addA(imgUrl,link) {
  var div = document.querySelector('[src="'+imgUrl+'"]').parentNode;
  var a = '<a href="'+link+'">'+div.innerHTML+'</a>';
  div.innerHTML = a;
}
</script>
 
<SCRIPT language="JavaScript">
{
JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_4.gif",  2, 10, 100);
addA("http://www.tonygifsj...ndo/bruxa_4.gif","http://www.endereco.com");

JSFX.AddFloatImg("http://www.tonygifsj.../fantasma_6.gif", -5, 25, 50);
addA("http://www.tonygifsj...ndo/fantasma_6.gif","http://www.endereco.com");

JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_3.gif",  5, 70, 100);
addA("http://www.tonygifsj...ndo/bruxa_3.gif","http://www.endereco.com");

JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_5.gif", -6, 50, 60);
addA("http://www.tonygifsj...ndo/bruxa_5.gif","http://www.endereco.com");
 
JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_2.gif",  25, 99, 100);
addA("http://www.tonygifsj...ndo/bruxa_2.gif","http://www.endereco.com");

JSFX.AddFloatImg("http://www.tonygifsj.../fantasma_7.gif", -9, 100, 70);
addA("http://www.tonygifsj...ndo/fantasma_7.gif","http://www.endereco.com");

}
</SCRIPT>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Rafael, quero agradecer de coração pela, o que você fez não tem preço, é uma bondade sem tamanho, vou dar o máximo de ponto positivo, como sou novo nesse forúm, não sei ainda como funciona em termos de nota, mas darei o máximo e depois como resolvido, só mais duas perguntas: Este código javascript function AddA serve para qualquer um Efeito em JavaScript que tem imagem? outra coisa, como faço para colocar a abertura em uma nova janela dentro do código javascript? no html eu sei fazer.

Obrigado! Obrigado! Que DEUS te de muita sabedoria para ajudar a quem precisar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Com relação a esta parte do código que ficará visível para o visitante e o mesmo poderá substituir o URL do meu Site pelo dele e continuar puxando a imagem do meu servidor hosting. Tentei fazer um JS deste código mas não funcionou, teria outra forma de esconder o URL do Site?

</script>
 
<SCRIPT language="JavaScript">
{
JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_4.gif",  2, 10, 100);
addA("http://www.tonygifsj...ndo/bruxa_4.gif","http://www.endereco.com");

JSFX.AddFloatImg("http://www.tonygifsj.../fantasma_6.gif", -5, 25, 50);
addA("http://www.tonygifsj...ndo/fantasma_6.gif","http://www.endereco.com");

JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_3.gif",  5, 70, 100);
addA("http://www.tonygifsj...ndo/bruxa_3.gif","http://www.endereco.com");

JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_5.gif", -6, 50, 60);
addA("http://www.tonygifsj...ndo/bruxa_5.gif","http://www.endereco.com");
 
JSFX.AddFloatImg("http://www.tonygifsj...ndo/bruxa_2.gif",  25, 99, 100);
addA("http://www.tonygifsj...ndo/bruxa_2.gif","http://www.endereco.com");

JSFX.AddFloatImg("http://www.tonygifsj.../fantasma_7.gif", -9, 100, 70);
addA("http://www.tonygifsj...ndo/fantasma_7.gif","http://www.endereco.com");

}
</SCRIPT>

Quanto a essa parte do código abaixo, coloquei a function direto no JSFX_FloatLR.js e deu certo.

<script type="text/javascript">
function addA(imgUrl,link) {
  var div = document.querySelector('[src="'+imgUrl+'"]').parentNode;
  var a = '<a href="'+link+'">'+div.innerHTML+'</a>';
  div.innerHTML = a;
}
</script>

Só ficou esta parte para dar tudo certinho. Obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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