Escrevendo html em várias linhas sem repetir comandos
Amigos,
Estou implemento 6 sites de um grupo de 6 empresas onde cada uma tem seu próprio site, mas em todos possuem um elemento em comum que se trata de uma barra de links para as outras empresas do grupo. Achei melhor usar um único arquivo js que escreve o html para este elemento, que é o mesmo para os 6 sites (e quando tivermos que alterar algo só faremos isso em um único lugar). O procedimento é até simples, mas estou achando muito feio a forma como escrevi o html em várias linhas, já que o javascript interpreta o salto de linha como uma nova instrução, fiz uma atribuição em cada linha. Tentei usar apenas um + para concatenar todas as linhas mas não deu certo. Não existe uma forma de escrever as várias linhas sem ter que atribuir o comando em cada linha.
Esta é a forma como fiz o .js:
window.onload = function() {
var alvo = document.getElementById("empresasGrupo");
//Escrever o html dentro da tag da variavel alvo
alvo.innerHTML = '<h2 class="titSecao">Grupo Fortaleza</h2>';
alvo.innerHTML += '<a class="netuno" href="[http://fortalezamoteis.com.br/netuno](http://fortalezamoteis.com.br/netuno)"><img src="[http://fortalezamoteis.com.br/images/netuno-rodape.png](http://fortalezamoteis.com.br/images/netuno-rodape.png)" alt="Netuno Motel"></a>';
alvo.innerHTML += '<a class="village" href="[http://fortalezamoteis.com.br/village](http://fortalezamoteis.com.br/village)"><img src="[http://fortalezamoteis.com.br/images/village-rodape.png](http://fortalezamoteis.com.br/images/village-rodape.png)" alt="Village Motel"></a>';
alvo.innerHTML += '<a class="villaverde" href="[http://fortalezamoteis.com.br/villaverde/](http://fortalezamoteis.com.br/villaverde/)"><img src="[http://fortalezamoteis.com.br/images/villaverde-rodape.png](http://fortalezamoteis.com.br/images/villaverde-rodape.png)" alt="VillaVerde Motel"></a>';
alvo.innerHTML += '<a class="platinum" href="[http://fortalezamoteis.com.br/platinum](http://fortalezamoteis.com.br/platinum)"><img src="[http://fortalezamoteis.com.br/images/platinum-rodape.png](http://fortalezamoteis.com.br/images/platinum-rodape.png)" alt="Platinum Motel"></a>';
alvo.innerHTML += '<a class="arte" href="[http://fortalezamoteis.com.br/arte](http://fortalezamoteis.com.br/arte)"><img src="[http://fortalezamoteis.com.br/images/arte-rodape.png](http://fortalezamoteis.com.br/images/arte-rodape.png)" alt="Arte Motel"></a>';
alvo.innerHTML += '<a class="shanadu" href="[http://fortalezamoteis.com.br/shanadu](http://fortalezamoteis.com.br/shanadu)"><img src="[http://fortalezamoteis.com.br/images/shanadu-rodape.png](http://fortalezamoteis.com.br/images/shanadu-rodape.png)" alt="Shanadu"></a>';
}
Desde já obrigado
Discussão (2)
Carregando comentários...