Biblioteca para facilitar a criação de páginas html por meio de scripts prisma.
Baixe-a aqui: download.
Para usá-la deve incluí-la, usando o comando: local html = inclua’html’
Funções de tipo:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
html.tipo_html(); //imprime e retorna o tipo html: "Content-type: text/html \n\n"; html.tipo_texto(); //tipo texto; html.tipo_git(); //tipo gif (imagem); html.tipo_png(); //tipo png (imagem); html.tipo_jpeg(); //tipo jpeg (imagem); html.tipo_postscript(); //tipo post script html.tipo_mpeg(); //tipo mpeg (video); |
funções tags:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 |
html.inicie(tab); //inicia o html <html><head> tab é uma tabela com os possíveis campos: tab.atrib é uma string contendo um ou mais atributos inserida na abertura da tag <html>; e tab.estilo que é um comando css. html.titulo(str); // cria a tag título a partir da string passada como parâmetro. Deve ser usada entre o comando html.inicie() e html.corpo(); html.corpo(tab); //fecha o </head> e abre o <body> no html. tab é uma tabela com os possíveis campos: tab.corfundo = "cor"; tab.cortexto = "cor"; tab.corlink = "cor" tab.corlinkv = "cor";//cor dos links já visualizados tab.corlinka = "#cor"; //links ativos tab.imagemfundo = "http://imagem.jpg"; //imagem de fundo tab.atrib = "string_com_atributos"; //string com atributo customizado, em html tab.estilo = "css_estilo"; //estilo css html.h( n , str , tab); //título /** onde n é o número de 1 a 6, maior para menor. str é a string a ser exibida tab é uma tabela contendo os campos tab.atrib ou tab.estilo; **// html.linha(n); //pula n linhas no layout do html html.barrah(); //insere uma barra horizontal html.p( str, tab ); //parágrafo em html /** str é a string a ser exibida tab é uma tabela com os possíveis campos tab.atrib e tab.estilo **// html.finalize(); //finaliza o html: </body></html> Funções de formatação de texto, apenas retorna string não imprime. html.negrito(str); //retorna str em negrito em html html.grande(str); //fonte tamanho grande html.enfatico(str); //texto enfatizado html.italico(str); html.pequeno(str); //fonte tamanho pequeno html.forte(str); //texto forte, negrito html.sub(str); //texto subscrito (abaixo) html.sup(str); //texto super escrito(elevado); html.ins(str); //texto inserido html.cancelado(str); //texto riscado (cancelado); funções de tags de saída de computador html.code(str); //texto de código de computador html.kbd(str); //código teclado. html.samp(str); //amostra de código de computador html.tt(str) ; //texto de teletipo html.var(str); //define uma variável html html.pre(str); //texto pre-formatado Função para criar uma tag genéria Retorna a string, não imprime: html.tag( tag , str , tab ); /** tag é uma string nome da tag str é a string que será exibida entre a tag tab é uma tabela com os possíveis campos tab.atrib e tab.estilo **// Funções para LINKS: html.link( link , str , dica ); //cria um link simples /** link é a url a ser direcionada str é o texto a ser exibido dica é o texto que aparece quando o mouse estiver em cima do link **// html.h_id( n , id , titulo ); //cria um título com id para ser acessado via link local /** n é o numero do cabeçalho de 1 a 6 do maior para o menor. (padrão é 1 caso seja nulo) id é um identificador ( o padrão é id_ acrescido por um número de incremento.) **// html.h_link(id , titulo , dica ); //cria um link que leva ao h_id da função acima /** id é o id para o titulo link criado com a função acima, local onde este link irá levar titulo é o texto a ser exibido como título do link dica é o texto que aparece quando o mouse estiver em cima do link **// html.email(email, str ); //cria um link de e-mail. /** email é uma string do email destino str é o texto a ser exibido no link **// funções de inserção de objetos: html.img(img, tab); //insere uma imagem img = é o link da imagem tab é uma tabela contendo os possíveis campos: tab.desc = 'descrição' tab.altura = 'altura' número tab.largura = 'largura'; número tab.dica = 'dica mouse sobre a imagem' html.li( tab_itens ); //cria uma lista de itens. Retorna uma string, não imprime tab_itens é uma tabela de strings, cada elemento da tabela é um item da lista. esta função é para ser usada com as funções html.ul ou html.ol html.ul(lista , tab ); cria uma listagem com ítens iniciados por pontos, ou quadrados lista é uma string obtida pela função html.li(); tab é uma tabela com os possíveis campos: tab.tipo = 'redondo' ou 'quadrado' tab.atrib = 'string_atributos_customizados_html'; html.ol( lista , tab); //cria uma listagem ordenada por letras ou números. lista é uma string obtida pela função html.li(); tab é uma tabela com os possíveis campos: tab.tipo = 'a' ou 'A' ou 'i' ou 'I' ou 1 tab.revertido = verdadeiro (a ordem é decrescente) tab.inicial = numero_inicial ou letra_inicial tab.atrib = 'string_atributo_html' tab.estilo = 'estilo_css'; html.tabela( tab ); //cria uma tabela visual em html tab é uma tabela com os possíveis campos: tab.estilo = 'estilo_css' tab.atrib = 'atributo_html' tab.borda = numero tab deve conter outras subtabelas matrizes numéricas em que cada subtabela será uma linha e cada item será uma coluna. Exemplo completo de uso: ---------------------------------------------------------------------------------------------- #!/usr/local/bin/prisma //teste tabela com a lib html.pris local html = inclua'html'; html.tipo_html(); html.inicie(); html.corpo() html.h(1,'Exemplos de uso da funcao html.tabela():'); html.tabela{ {1 , 2 , 3 , 4 , 5, 6, 7, 8, 9, 10 } , {1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10 }, { 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10} }; html.linha(2); //pula 2 linhas html.tabela{ estilo='background-color:black', atrib = 'width="30%"', borda = 1, { atrib = 'align="center" valign="top"',estilo='color:white' , 1 , 2 , 3 , 4 , 5, 6, 7, 8, 9, 10 } , {atrib = 'align="center" valign="top"',estilo='color:white' , 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10 }, { atrib = 'align="center" valign="top"', estilo='color:white' , 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10}, { atrib = 'align="center" valign="top"',estilo='color:white' , 1 , 2 , 3 , 4 , 5, 6, 7, 8, 9, 10 } , {atrib = 'align="center" valign="top"',estilo='color:white' , 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10 }, { atrib = 'align="center" valign="top"', estilo='color:white' , 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10}, { atrib = 'align="center" valign="top"',estilo='color:white' , 1 , 2 , 3 , 4 , 5, 6, 7, 8, 9, 10 } , {atrib = 'align="center" valign="top"',estilo='color:white' , 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10 }, { atrib = 'align="center" valign="top"', estilo='color:white' , 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10}, { atrib = 'align="center" valign="top"',estilo='color:white' , 1 , 2 , 3 , 4 , 5, 6, 7, 8, 9, 10 } , {atrib = 'align="center" valign="top"',estilo='color:white' , 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10 }, { atrib = 'align="center" valign="top"', estilo='color:white' , 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10}, { atrib = 'align="center" valign="top"',estilo='color:white' , 1 , 2 , 3 , 4 , 5, 6, 7, 8, 9, 10 } , {atrib = 'align="center" valign="top"',estilo='color:white' , 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10 }, { atrib = 'align="center" valign="top"', estilo='color:white' , 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10} }; html.linha(3); //fazendo a taboada usando o laço 'para' para criar tabelas aninhas com os resultados html.p( 'Aqui um exemplo de como fazer uma tabela dinamicamente:'); html.linha(); local taboada = {}; taboada.borda=1; taboada.atrib = 'width="90%" '; para i = 1, 10 inicio taboada[i] = {}; //cada indice da tabela taboada é uma nova tabela para j = 1 , 10 inicio taboada[i][j] = j .. ' x ' .. i .. ' = ' .. ( i * j ) .. '\n'; //que conterá essa concatenação. fim fim html.tabela( taboada ); //apos criar a tabela acima com ajuda do comando 'para', basta usar a funcao html.tabela(tabela); html.linha(10); html.finalize(); ---------------------------------------------------------------------------------------------- ** funções de formulário de requisição: html.form( a , m , str ); //cria um form de requisição a = "string_action", url do script a ser chamado m = "metodo" ( "GET" ou "POST"); str (pode-se omitir) use caso deseje colocar um ou mais atributos html na tag form. html.fimform(); //fecha uma tag form aberta pela função html.form(); html.div( n , str ); //cria uma tag div, um tipo de caixa para organizar vários widgets html dando um estilo css comum a todos. html.fimdiv(); //fecha uma tag div aberta com a função html.div |
Alguns exemplos de uso:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 |
#!/usr/local/bin/prisma local html = inclua'html'; //exemplo de uso da biblioteca html para prover tags prontas: html.tipo_html(); //sempre este comando virá em primeiro na página html, é o header tipo de conteúdo. html.inicie(); //iniciamos o html: <html><head> html.titulo('Exemplo html lib'); //definimos o titulo: <title>Exemplo</title> html.corpo{corfundo='white'}; //</head><body> ... atrib. //exemplo de link de titulo: html.h_link( 'teste' ,'link para Titulo Teste', 'Va ate Titulo Teste'); html.linha(30); html.p'exemplo de barra horizontal:'; html.barrah(); html.linha(3); //duas linhas html.h(1,"Exemplo de uso da biblioteca html.pris"); html.p("exemplo de paragrafo"); html.p( html.negrito("negrito") ); html.p( html.grande('Grande') ); html.linha(30); html.h_id( 1 , 'teste' , 'Titulo teste' ); html.p( html.enfatico( 'enfatico' ) ); html.p( html.italico'italico' ); //veja que quando for um unico parametro string nao precisa de parenteses. html.p( html.negrito( html.italico'italico e negrito' ) ); html.p( "Tipo: ",html.sub'subescrito' ); html.p( html.cancelado'cancelado' ); html.p( html.code'codigo computador' ); html.p( html.pre'pre-formatado' ); local minhatag = html.tag('h2' , 'tag customizada'); imprima( minhatag ); html.link('http://localhost' , 'link xampp', 'visite local host'); //link, texto , dica html.linha(2); //pula 20 linhas html.email('adalbermirom@gmail.com' , 'enviar e-mail'); html.finalize(); //</body></html> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
#!/usr/local/bin/prisma local html = inclua'html'; //exemplo de uso da biblioteca html para prover tags prontas: html.tipo_html(); //define o conteúdo content-type:text/html\n\n html.inicie();//abre o html e o head: <html><head> html.titulo('Exemplo html lib'); //<title>Exemplo...</title> html.corpo(); //fecha o head e abre o body </head><body> html.h(1,'Cabeçalho 1' , { estilo = "background-color:lightgrey;color:blue" } ); html.linha(3); //pula 3 linhas html.p'exemplo de paragrafo'; html.p( html.kbd'outro exemplo de formato de texto' ); html.p('imagens',':' , { estilo = "background-color:lightgrey;color:blue" } ); //estilo tipo css html.img('bt.png', {desc="bt.png"} ); html.linha(5); //pula 5 linhas local lista = html.li({'tomate' , 'limao' , 'alho' , 'banana' }); html.ol( lista , { tipo='1', revertido=verdadeiro , atrib=' start="4"' } ); html.img('img.jpg', {desc='imagem teste', dica='Esta e uma imagem', altura=100 , largura=250}); html.finalize(); //fecha o body e o html. </body></html> leia(); |
Necessário que utilize suas próprias imagens no exemplo acima.
FIM
Caso tenha dúvidas deixe nos comentários ou no fórum oficial.
Att. Adalberto