link randon usando iframe

renssis · 26 de fevereiro de 2017

Galera se puderem ajudar... eu estou com esse código abaixo e preciso que o link dentro do iframe mude a cada refresh da pagina e fiz da seguinte forma abaixo sõ que não funcionou só funciona com link clicavel.

<html>
<head>
    <title>Link Aleatorio</title>
<script>
    var enderecos = new Array("http://www.terra.com.br", "http://www.google.com.br", "http://jbonline.terra.com.br", "http://www.lycos.com", "http://br.yahoo.com", "http://www.altavista.com", "http://www.hotbot.com", "http://www.buscopio.com", "http://oglobo.globo.com", "http://www.excite.com", "http://br.cade.yahoo.com", "http://www.mercadolivre.com.br", "http://br.weather.com", "http://www.buscape.com.br", "http://www.msn.com", "http://www.astrolabio.net")
    function linkAleatorio(){
       aleat = Math.random() * enderecos.length
       aleat = Math.floor(aleat)
       window.location=enderecos[aleat]
    }
</script>
</head>

<body>
<!--<a href="javascript:linkAleatorio()">LinkAleatorio</a>-->
<iframe src="<?php echo javascript:linkAleatorio(); ?>" width="100%" height="100%" frameborder="0"  scrolling="yes" allowfullscreen></iframe>
</body>
</html>

soap.js · 26 de fevereiro de 2017

tenta utilizar o parâmetro onload para chamar a função

<body onload="linkAleatorio()" >

*não testei.

renssis · 26 de fevereiro de 2017

Testei assim

PS: sou nada bom em PHP então peço desculpa se tiver algo errado.

soap.js · 27 de fevereiro de 2017

Você está estudando PHP ?
porque eu não sei nada sobre PHP e consegui só com Js.
Algumas coisas estavam erradas na sua sintaxe e também mudei um pouco a lógica.

<html>
<head>
    <title>Link Aleatorio</title>
    <meta charset="utf-8"/>
<script>
    var enderecos = [
    "http://www.terra.com.br",
    "http://www.google.com.br",
    "http://jbonline.terra.com.br",
    "http://www.lycos.com",
    "http://br.yahoo.com",
    "http://www.altavista.com",
    "http://www.hotbot.com",
    "http://www.buscopio.com",
    "http://oglobo.globo.com",
    "http://www.excite.com",
    "http://br.cade.yahoo.com",
    "http://www.mercadolivre.com.br",
    "http://br.weather.com",
    "http://www.buscape.com.br",
    "http://www.msn.com",
    "http://www.astrolabio.net"];

    function linkAleatorio(){
      aleat = Math.random() * enderecos.length;
      aleat = Math.floor(aleat);
      console.log(enderecos[aleat]); // <- apenas para testar :D
      document.getElementById("iframe").src = enderecos[aleat];
    }

</script>
</head>

  <body onload="linkAleatorio()">
<!--<a href="javascript:linkAleatorio()">LinkAleatorio</a>-->
    <iframe id="iframe" width="100%" height="100%" frameborder="0"  scrolling="yes" allowfullscreen>

    </iframe>
  </body>
</html>

Toda vez que o documento for carregado, a função link aleatorio será chamada: <body onload="linkAleatorio()">
e esta irá atribuir um novo src para o elemento com id = 'iframe' .
Assim funciona, mas só com alguns links, pois acho que outros não podem ser carregadas dentro de Iframe (não sei).

mas tinha um window.open() escrito no seu código, então o que eu acho é que você não quer que os sites sejam carregados no iframe, mas sim em uma nova aba.
nesse caso não há necessidade da existencia de um iframe e todas as paginas irão abrir corretamente, porém o navegador por padrão bloqueia PopUps, então voce terá de permitir este tipo de ação (vai aparecer uma notificação).

Mas caso voce esteja estudando PHP, essa não é minha praia, mas também deve dar pra fazer com ele.

renssis · 27 de fevereiro de 2017

Quero que os sites sejam carregados no iframe.

Eu vou iniciar as aulas no PHP e JS pois estou com um projeto muito promissor com alguns apoios notáveis como Correios e Poupatempo etc.. seria legal alguém como você nesse projeto preciso de alguém que entenda de php...

neste código que me passou os sites estão sendo carregados no iframe esta perfeito... você entende de front-end também? tenho só mais 2 questão mau resolvidas a meses aqui nesse projeto bem simples ao olho de quem entende.