Ir para conteúdo

Arquivado

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

Ismaeldm

[Resolvido] Criar um número variável de elementos HTML por Jquery

Por , em Javascript

Recommended Posts

Ismaeldm    5

Ismaeldm
Postado

Bem, é o seguinte, estou criando um leitor online de Mangas (história em quadrinhos), e agora estou com um problema...

Obviamente cada capítulo não tem exatamente o mesmo número de páginas, por exemplo, o capítulo um tem 17 páginas, o capítulo dois tem 18 páginas, o capítulo três tem 20 páginas, etc... Daí agora eu estava precisando fazer de alguma forma com que eu consiga criar algum código em que eu informo o número de páginas que tem no capítulo, aí ele cria automaticamente todas as "X" páginas abaixo...

 

Exemplo:

-Capítulo 01 tem uma id="17".

-O javascript atraves deste id irá criar 17 elementos <img ... />.

-Após isso irá mostrar ao usuário.

 

Eu até poderia criar muitos e muitos códigos fazendo número por número, mas aí ficaria uma "gambiarra", porque neste caso além de ficar um código enorme iria ter um limite de páginas por capítulo, por isso estou aqui pedindo a ajuda de vocês.

Agradeço a todos desde já :thumbsup:

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

conheçe o loop for ?

 

 

for( var i=0; i<17; i++ ){
   //escreve aqui
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ismaeldm    5

Ismaeldm
Postado

hmm, não conhecia ainda, vou ver se consigo, obrigado ^^

eu dei uma olhada nisto, mas como que poderia me ajudar? pelo o que percebi esse loop serve para por exemplo... Se variavel for menor que 17, executará uma coisa, se for maior que 17, executará outra coisa...

Nesse caso ele ainda estaria "limitado", porque se eu fizer assim, deste modo, com o 17, os capítulos com 18 ou 30 páginas iriam abrir o mesmo número de imagens...

Mas me corrija se eu estiver errado, não achei muito conteúdo deste tipo...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ismaeldm    5

Ismaeldm
Postado

conheçe o loop for ?

 

 

for( var i=0; i<17; i++ ){
   //escreve aqui
}

 

Finalmente entendi como funciona este loop for, consegui criar o que eu queria ^^

Abaixo deixarei um simples exemplo do que estou fazendo...

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
 <script src="RPJSlog.js"></script>
<script>
$(document).ready(function() {
$("#capitulos div").click(function(){
var pages = $(this).attr('id');
var pages = parseInt(pages)+1;
   var html = '';
   for (i=1; i<pages; i++) {
       html += '<div id="'+i+'">'+i+'</div>';
   }
   $("#content").html(html);
});});
</script>
</head>
<body>
<div id="capitulos">
<div id="15">Capitulo com 15 páginas</div>
<div id="10">Capítulo com 10 páginas</div>
<div id="20">Capítulo com 20 páginas</div>
<div id="content">
</div>
</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