1

Estou com um sisteminha que busca sugestões de produtos via ajax. Ele puxa as informações, porém essas informações vem de um site externo, e ele tá com a URL local. href="/produto/123, preciso fazer com que seja inserido em todos os href="", o domínio do site. Ex: href="http:/meusite.com/produto/123. Pra uma explicação melhor, preciso que todos os href="" contidos dentro de:

<div class="recommendation-shelf"></div>

Seja agregado http://meusite.com dentro de href="<urldomeusite>/produto/123" ficando assim:

href="http://meusite.com/produto/123"

Obs: Se possível, em Javascript Puro...

2 Respostas 2

5

Existe uma maneira nova para fazer isso. Foi adicionado ao HTML 5 e é o base.

O base diz ao browser que todos os urls que não são absolutos começam nesse url. Só podes ter 1 por página, os outros serão ignorados.

Um exemplo seria assim:

<base href="http://pt.stackoverflow.com">
<a href="/questions/tagged/javascript+html">Tag JavaScript</a>

Se há sites diferentes e precisas de mudar somente em alguns elementos podes fazer assim:

var site = 'http://meusite.com';
var ancoras = document.querySelectorAll('.recommendation-shelf a');
[].forEach.call(ancoras, function(a) {
    var href = a.getAttribute('href').split('/').filter(Boolean);
    a.href = [site].concat(href).join('/');
    
    // isto é só para o exemplo
    a.innerHTML = a.href;
});
a {display: block;}
<a href="/questions/tagged/javascript+html">Tag JavaScript</a>
<div class="recommendation-shelf">
    <a href="questions/tagged/javascript">Tag JavaScript</a>
    <a href="/questions/tagged/html">Tag HTML</a>
</div>

0
1

Estou usando jquery

#Editei

$(document).ready(function(){
  $(".recommendation-shelf").change(function() {
    $('.recommendation-shelf').find('a').each(function(i, obj) {
        var href = $(obj).attr('href');
        $(obj).attr('href', 'http://meusite.com/'+href)
    });
  })
})
4
  • Quero algo simples, que utilize Javascript Puro. 12/08/2016 às 5:30
  • Posso te garantir que o jeito mais simples é usar JQuery do que javascript puro. Tinha um erro no meu script e já atualizei 12/08/2016 às 5:47
  • 1
    @BrenoPerucchi respeito sua opinião mas discordo profundamente que o jeito mais simples é usar jQuery, ou seja, é um direito seu ter sua opinião, mas é só um opinião. Só quero deixar claro para quem lê aqui não achar que isso é uma verdade absoluta.
    – Maniero
    12/08/2016 às 10:25
  • @bigown para a minha realidade é sim mais complicado javascript puro do que jquery. Entendo a diferença de opinião, mas cada um tem a sua. Não quero polemizar porque entendo, realmente, o que você quis dizer. Efetuarei uma mudança no comentário se pudesse. 12/08/2016 às 10:31

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .