Ir para conteúdo

POWERED BY:

Arquivado

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

cdfree

Carrager url no iframe com jquery

Por , em Javascript

Recommended Posts

cdfree    3

cdfree
Postado

Quero realizar o seguinte carregar o conteúdo do button no iframe ao clicar, e não consigo identificar a url correta do botão: se eu clico no uol e o mesmo de clicar no globo (não vou utilizar estes endereço é só de exemplo).

 

 

 

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
var url = $("#btt").val();
$("#div1").attr("src",url);

});
});
</script>
</head>
<body>


<button value="http://www.uol.com.br" id='btt'>uol</button>
<button value="http://www.globo.com" id='btt'>Globo</button><P>
<iframe id="div1" width=100% frameborder='0'></iframe>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

André Cristopher    4

André Cristopher
Postado

Primeiramente o atributo ID não pode repetir. Para utilizá-lo, ele tem de ser único para cada elemento.

Sugiro que troque id='btt' por class='bbt', pois classes podem repetir.

 

Outra coisa importante é utilizar o this no evento click do elemento, pois assim, o valor url retornado seria do elemento que realmente foi clicado.

 

Ficaria assim:

 

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleap...2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $(".btt").click(function(){
       var url = $(this).val();
       $("#div1").attr("src",url);
  });
});
</script>
</head>
<body>


<button value="http://www.uol.com.br" class='btt'>uol</button>
<button value="http://www.globo.com"  class='btt'>Globo</button><P>
<iframe id="div1" width=100% frameborder='0'></iframe>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito