Skip to main content
removeu 96 caracteres do conteúdo
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

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>

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). Mesmo que fosse uma classe, iria pegar a primeira.

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>

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 id que encontrar.

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>
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

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). Mesmo que fosse uma classe, iria pegar a primeira.

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>