Um
id
deve ser único na página.
Como você está usando o mesmo id
em mais de 1 elemento, o código irá pegar o primeiro que encontrar. Porém nem é esse o problema (embora seja errado). Mesmoid
que fosse uma classe, iria pegar a primeiraencontrar.
O que tem que fazer é pegar toda a coleção e fazer um loop. Primeiro sugiro trocar os id="nome"
por class="nome"
.
Em seguida modifique a função function id( el )
para pegar os elementos pela classe:
function id( el ){
return document.getElementsByClassName( el );
}
E finalmente, no window.onload
faça um for
para alterar todos os elementos com a classe nome
:
window.onload = function(){
var els = id('nome');
for(var x=0; x<els.length; x++){
els[x].innerHTML = gup('nome').replace(/[+]/g,' ');
}
}
Então o código fica assim:
function id( el ){
return document.getElementsByClassName( el );
}
/**
* @see http://www.netlobo.com/url_query_string_javascript.html
*/
function gup( name )
{
name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
var regexS = "[\\?&]"+name+"=([^]*)";
var regex = new RegExp( regexS );
var results = regex.exec( window.location.href );
if( results == null )
return "";
else
return results[1];
}
window.onload = function(){
var els = id('nome');
for(var x=0; x<els.length; x++){
els[x].innerHTML = gup('nome').replace(/[+]/g,' ');
}
}
E o HTML:
<img id="imagem" src="Body bebe da titia.png"/>
<div id="texto"><p><strong class="nome"></strong></p> </div>
<img id="imagem1" src="Body principe da mamãe.png"/>
<div id="texto"><p><strong class="nome"></strong></p> </div>