Ti Vídeo Tutoriais: javaScript: Criar lista de itens em HTML a partir de um texto indentado com Tabs

sexta-feira, 20 de novembro de 2015

javaScript: Criar lista de itens em HTML a partir de um texto indentado com Tabs

Atenção! Para o funcionamento: corrija a tag textarea abaixo:

//========================================================================================
// Autor: Luiz Augusto S. Prado - 2015
// Site: www.codigorapido.com.br
// javaScript: Criar Lista de itens a partir de um texto indentado com tabs
//========================================================================================

<textare name="teste" style="display:none;">
1aaaaaaaaa
 2bbbbbbbbbbbb
 3cccccccc
  4dddddd
 5bbbbbbbbbbbb
 6cccccccc
 7bbbbbbbbbbbb
  8cccccccc   
   9bbbbbbbbbbbb
  10cccccccc
11eeeeeeeeee
12eeeeeee
 13dddddd
14ddd
</textare>

array_lex = lex.split("\n");
 
 conjunto_numero_atual = 0;

var element_item;
 var item;
 
 element_item = document.createElement('ul');
 document.body.appendChild(element_item);

for (var lines=0; lines<array_lex.length-1; lines++)
 {
  conjunto_numero_temp = 0;
  while( array_lex[lines].charAt(conjunto_numero_temp)=="\t" )
  {
   conjunto_numero_temp++
  }  
  if(conjunto_numero_atual==conjunto_numero_temp )
  {
   item = document.createElement('li');
   item.appendChild(document.createTextNode( array_lex[lines] ));
   element_item.appendChild(item); 
  }  
  else if(conjunto_numero_atual==conjunto_numero_temp-1)
  {
   var item2 = document.createElement('li');
   element_item = document.createElement('ul');

item2.appendChild(document.createTextNode( array_lex[lines] ));

element_item.appendChild(item2); 
   item.appendChild(element_item);
   item=item2; 
  }  
  else 
  { 
   document.write(""+(conjunto_numero_atual-conjunto_numero_temp)+"<br>");
   for(var i=0; i<(conjunto_numero_atual-conjunto_numero_temp); i++)
   {
    element_item=element_item.parentElement.parentElement
   }
   item = document.createElement('li');
   item.appendChild(document.createTextNode( array_lex[lines] ));
   element_item.appendChild(item); 
  }
  conjunto_numero_atual=conjunto_numero_temp
 }
</script>

Nenhum comentário:

Postar um comentário