Pesquisar na Comunidade
Mostrando resultados para as tags ''formulários html''.
Encontrado 2 registros
-
Olá Sr.s Estou enfrentando um problema (...) o qual não estou conseguindo solucionar. Tenho um formulário em HTML aonde posso inserir mais linhas. Utilizei uma função javascript para tal. Quando o usuário solicita preencher mais de uma linha, separa-se com um vírgula, criando um array. <form role="form" id="db-form" name="db-form" method="post" action="cad_previsao_de_custos.asp"> <div class="componente"> <label class="form-label">Valor</label> <input type="number" class="form-control" id="valor" name="valor" min="0" step="0.01" value="" required> <label class="form-label">Observações</label> <textarea type= "text" class="form-control" id="info" name="info" maxlength="100" rows="1"></textarea> </div> <p> <a href="#" class="adicionarCampo3">Adicionar Outra Linha</a> </p> <input type="hidden" name="id" id="id" value="<%=id%>"> <button type="submit" class="btn btn-primary">Salvar</button> </form> $(function () { $(".adicionarCampo3").click(function () { novoCampo = $(".componente:first").clone(); novoCampo.find("input").val(""); novoCampo.insertAfter(".componente:last"); }); }); No tratamento da variável, separando com split, ele considera todas as vírgulas do campo, sendo assim criando mais variáveis. <% valor=Request.form("valor") valor_array = Split(valor,",") info=Request.form("info") info_array = Split(info,",") For i=0 to Ubound(valor_array) Response.write (valor_array(i)) Response.write (info_array(i)) Next %> Por exemplo: O usuário preenche os valores: valor=1,2 info=um e dois, um,dois valor(0)=1 valor(1)=2 info(0)=um e dois info(1)=um info(2)=dois Gostaria de corrigir, aceitar a vírgula no campo observação e igualar um número de variáveis. Obrigado. -
Como você já deve saber o TinyMCE transforma automaticamente qualquer textarea em um editor visual para páginas de Internet, conforme a figura abaixo: O Tinymce possui recurso de inserção de imagens, porém, para que possamos selecionar um arquivo qualquer em nosso computador e inserir no editor TinyMCE é preciso integrá-lo com o gerenciador de arquivos Elfinder (existem outros mas nesse post utilizaremos o Elfinder). Então vamos separar a explicação por etapas: 1º passo: Realizar o download do TinyMCE em sua versão mais atual e também do Elfinder. Seguem os links: TinyMCE http://www.tinymce.com/download/download.php Tradução para português do Brasil http://www.tinymce.com/i18n/index.php Elfinder http://elfinder.org/ Os arquivos baixados devem ficar dentro de alguma pasta na raiz de seu servidor, conforme abaixo: 2º passo: Extrair os arquivos e deletar os zipados: Após a extração iremos copiar o arquivo de tradução que está dentro da pasta "langs" e colar o mesmo no seguinte caminho: tinymce/js/tinymce/langs Feito isso, os arquivos ficarão organizados da seguinte forma: 3º passo: Criar um arquivo setando o tinymce configurado com o elfinder. <html> <head> <script type="text/javascript" src="tinymce/js/tinymce/tinymce.min.js"></script> <script type="text/javascript" src="tinymce/js/tinymce/langs/pt_BR.js"></script> <script type="text/javascript"> tinymce.init({ file_browser_callback : elFinderBrowser, selector: "textarea", theme: "modern", plugins: [ "advlist autolink lists link image charmap print preview hr anchor pagebreak", "searchreplace wordcount visualblocks visualchars code fullscreen", "insertdatetime media nonbreaking save table contextmenu directionality", "emoticons template paste textcolor colorpicker textpattern" ], toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image", toolbar2: "print preview media | forecolor backcolor emoticons", image_advtab: true, templates: [ {title: 'Test template 1', content: 'Test 1'}, {title: 'Test template 2', content: 'Test 2'} ] }); function elFinderBrowser (field_name, url, type, win) { tinymce.activeEditor.windowManager.open({ file: 'elfinder-2.0-rc1/elfinder.html',// use an absolute path! title: 'Upload de Arquivos', width: 900, height: 450, resizable: 'yes' }, { setUrl: function (url) { win.document.getElementById(field_name).value = url; } }); return false; } </script> </head> <body> <form class="form-horizontal" method="post" action="acaodoseuform" > <h1>Exemplo TinyMCE configurado com Elfinder</h1> <textarea name="descricao" rows="15"></textarea> </form> </body> </html> E é somente isso. Agora você já pode fazer o upload de imagens para o seu TinyMCE: O exemplo desse tutorial pode ser visto no link: Demonstração O código fonte dessa explicação pode ser baixado em: http://www.fswebdesigner.com.br/index.php?pagina=blog_detalhe&id=1 Por favor, se te ajudou deixe seu comentário lá.