Ir para conteúdo

POWERED BY:

Arquivado

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

Danezin Marques

Como organizar conteúdo de uma div e colocar as imagens no mesmo tamanho

Por , em Javascript

Recommended Posts

Danezin Marques    0

Danezin Marques
Postado

Estou usando esse codigo 

<div style="display:none;">
<div id="filmes">
#EXTINF:-1 tvg-logo="http://bit.ly/2Gxxd0O" group-title="LANÇAMENTOS", Star Wars: Os Últimos Jedi http://bit.ly/2FVB0qB
#EXTINF:-1 tvg-logo="http://bit.ly/2IuOs34" group-title="LANÇAMENTOS", Jumanji: Bem-vindo à Selva http://bit.ly/2HEAz1f
#EXTINF:-1 tvg-logo="http://bit.ly/2FDG9Vd" group-title="LANÇAMENTOS", Thor: Ragnarok http://bit.ly/2tRkjaZ
#EXTINF:-1 tvg-logo="http://bit.ly/2FMfqSi" group-title="LANÇAMENTOS", Pantera Negra https://dropapk.com/vidembed-kmvsele1xmp0.mp4
</div></div>
<div id="result">
</div>
<script>
var filmes = document.getElementById('filmes').innerHTML.replace(/\n|\r\n/g, '');
var $result = document.getElementById('result');
var lines = filmes.split(/#EXTINF/g);
console.log('lines', lines);
lines.forEach(function(str) {
  if (!str) return
  var p = str.match(/tvg-logo="([^"]+)" group-title="([^"]+)",(.*)(http.*)/)
  if (!p) return
  $result.innerHTML += '<a href="' + p[4] + '" title="' + p[3] + '"><img src="' + p[1] + ' "/></a>';
})

</script>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Um truquezinho com CSS

  

<style>
.cover {
  width: 200px;
  height: 286px;
  overflow: hidden;
  display: inline-block;
}
</style>
<div style="display:none;">
<div id="filmes">
#EXTINF:-1 tvg-logo="http://bit.ly/2Gxxd0O" group-title="LANÇAMENTOS", Star Wars: Os Últimos Jedi http://bit.ly/2FVB0qB
#EXTINF:-1 tvg-logo="http://bit.ly/2IuOs34" group-title="LANÇAMENTOS", Jumanji: Bem-vindo à Selva http://bit.ly/2HEAz1f
#EXTINF:-1 tvg-logo="http://bit.ly/2FDG9Vd" group-title="LANÇAMENTOS", Thor: Ragnarok http://bit.ly/2tRkjaZ
#EXTINF:-1 tvg-logo="http://bit.ly/2FMfqSi" group-title="LANÇAMENTOS", Pantera Negra https://dropapk.com/vidembed-kmvsele1xmp0.mp4
</div></div>
<div id="result">
</div>
<script>
var filmes = document.getElementById('filmes').innerHTML.replace(/\n|\r\n/g, '');
var $result = document.getElementById('result');
var lines = filmes.split(/#EXTINF/g);
console.log('lines', lines);
lines.forEach(function(str) {
  if (!str) return
  var p = str.match(/tvg-logo="([^"]+)" group-title="([^"]+)",(.*)(http.*)/)
  if (!p) return
  $result.innerHTML += '<a href="' + p[4] + '" title="' + p[3] + '" class="cover"><img src="' + p[1] + ' " width="200" /></a>';
})
</script>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Danezin Marques    0

Danezin Marques
Postado

William Bruno

Poderia me ajudar novamente  quando clico na imagem nao abre mais o player para rolar o video

o link do video ficou assim

https://djralphguarujaeventos.blogspot.com.br/p/httpdelivery/filmes2018/MAZERUNNERLEG-ALTO.mp4

 

estou colocando o codigos com os links novos

  

<style>
.cover {
  width: 200px;
  height: 286px;
  overflow: hidden;
  display: inline-block;
}
</style>
<div style="display:none;">
<div id="filmes">
#EXTINF:-1 tvg-logo="https://goo.gl/NJEzeY" group-title="2018", MAZE RUNNER 3: A CURA MORTAL (LEG)
http://d24nzk5e3n7cvo.cloudfront.net/content/httpdelivery/filmes2018/MAZERUNNERLEG-ALTO.mp4
#EXTINF:-1 tvg-logo="https://goo.gl/qMMdq7" group-title="2018", FALA SÉRIO MÃE! (NAC)
http://d24nzk5e3n7cvo.cloudfront.net/content/httpdelivery/filmes2018/FALASERIEMAE-ALTO.mp4
#EXTINF:-1 tvg-logo="https://goo.gl/tKr24o" group-title="2018", CONSPIRAÇÃO TERRORISTA (DUB)
http://d24nzk5e3n7cvo.cloudfront.net/content/httpdelivery/filmes2018/CONSPIRACAOTERRORISTADUB-ALTO.mp4
#EXTINF:-1 tvg-logo="https://goo.gl/tKr24o" group-title="2018", CONSPIRAÇÃO TERRORISTA (LEG)
http://d24nzk5e3n7cvo.cloudfront.net/content/httpdelivery/filmes2018/CONSPIRACAOTERRORISTALEG-ALTO.mp4
</div></div>
<div id="result">
</div>
<script>
var filmes = document.getElementById('filmes').innerHTML.replace(/\n|\r\n/g, '');
var $result = document.getElementById('result');
var lines = filmes.split(/#EXTINF/g);
console.log('lines', lines);
lines.forEach(function(str) {
  if (!str) return
  var p = str.match(/tvg-logo="([^"]+)" group-title="([^"]+)",(.*)(http.*)/)
  if (!p) return
  $result.innerHTML += '<a href="' + p[4] + '" title="' + p[3] + '" class="cover"><img src="' + p[1] + ' " width="200" /></a>';
})
</script>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Oi Danezin.

 

Não entendi, o que acontece agora? qual o erro? como o player abria antes?

o link que você postou deu não encontrado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Danezin Marques    0

Danezin Marques
Postado

quando coloco o link do video nessa forma  

http://d24nzk5e3n7cvo.cloudfront.net/content/httpdelivery/filmes2018/MAZERUNNERLEG-ALTO.mp4

ele me da erro e nao abre o player em nova janela .

 

mas quando encurtei o link funcionou blz

 

Compartilhar este post

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

  • Conteúdo Similar

    • ILR master
      Fixar div até atingir uma certa altura
      Por ILR master
      Fala pessoal, tudo bem?
       
      Eu tenho o seguinte código:
       
      <script>
         $(function(){
      var jElement = $('.fixar_banner');
      $(window).scroll(function(){
          if ( $(this).scrollTop() > 120 ){
              jElement.css({
                  'position':'fixed',
                  'top':'10px'
              });
          }else{
              jElement.css({
                  'position':'relative',
                  'top':'auto'
              });
          }
      });
      });
      </script>
       
      Porém, eu quero que a div fique fixa até que outro elemento apareça na tela, tipo o rodapé da página por exemplo. É mais ou menos como a página de notícia do uol.
      https://noticias.uol.com.br/internacional/ultimas-noticias/2025/01/19/sonho-americano-brasileiros-moram-em-carro-e-buscam-comida-no-lixo-nos-eua.htm
       
      Espero ter sido claro.
       
      Obrigado :)
       
    • Alessandro Bodão
      H1 que preencha toda a largura da container
      Por Alessandro Bodão
      Fala galerinha, 
       
      Tenho um container com um título (h1) no cabeçalho do meu site, esse container ocupa metade da tela (50vw), e eu gostaria que esse título ocupasse toda a largura desse container, independente do seu tamanho ou do tamanho do monitor, de forma com que a palavra tenha exactamente o mesmo tamanho do container (vou anexar uma foto de exemplo). Já tentei todos os valores pra essa h1, como % e vw... mas nada parece fazer sentido.
       
       

    • Giovanird
      Cor da div conforme o valor do value
      Por Giovanird
      Olá a todos!
      tenho varias divs com o mesmo ID e nome de classe. Preciso que a cor da div seja conforme uma escala de valores.
      Estou tentando pegar o valor pelo nome da classe, pois as divs possuem o mesmo id e não tive sucesso. Segue script:
      <div class="planos" id="1" value="74">74</div> <div class="planos" id="1" value="29">29</div> <div class="planos" id="1" value="55">55</div> <div class="planos" id="1" value="74">74</div> <div class="planos" id="1" value="63">63</div> <div class="planos" id="1" value="55">55</div> <script type="text/javascript"> var valueElement = document.getElementsByClassName('.planos').getAttribute('value'); console.log(valueElement); if (valueElement >= "70") { document.getElementsByClassName('.planos').style.backgroundColor == '#4caf50'; } else if (valueElement >= "50" && valueElement <= "69") { document.getElementsByClassName('.planos').style.backgroundColor == '#ffbc00'; } else { document.getElementsByClassName('.planos').style.backgroundColor == '#f44336'; } </script>  
       
    • GOD
      Div Noticias com RSS
      Por GOD
      Quero um código div ou qualquer outra forma, para atingi esse resultado do link
       https://drive.google.com/file/d/0B8Ssi9zuKdQWMExWeVpGUXN0MlRsUzdmdGRuTFl2eU1yejB3/viewocal
       
      Para ficar nesse local.
      https://drive.google.com/file/d/0B8Ssi9zuKdQWeGZSSnVBaFBxM1FUN1hEeWdrRzhTNWI0Q01Z/view
       
      Meu objetivo é que em cada quadro da div, fique uma noticia de um site especifico, que pretendo colocar através de plugin rss.
       
       
      Enfim espero uma ajuda sobre como posso fazer isso
       
       
    • Motta
      Banco de Imagens de ícones público
      Por Motta
      Prezados ,
      Onde tenho um Banco de Imagens de ícones Público disponível para dowmload.
       
      Coisa básica
×

Informação importante

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

  Aceito