Ir para conteúdo
  • ×   Você colou conteúdo com formatação.   Remover formatação

      Only 75 emoji are allowed.

    ×   Your link has been automatically embedded.   Display as a link instead

    ×   Your previous content has been restored.   Clear editor

    ×   You cannot paste images directly. Upload or insert images from URL.

  • Conteúdo Similar

    • Por Dr. Programador
      Boa noite, pessoal!
       
      Estou batendo cabeça com a seguinte situação:
       
      Ao digitar no imput text, o texto aparece em tempo real na tela (funciona perfeitamente).
      Ocorre que, quando eu aciono a ação do form, o texto desaparece da tela.
       
      Gostaria que, ao ser acionado a ação do form, o texto que foi digitado no imput text, permaneça na tela. Tentei usar session no javascript mas não obtive sucesso.
       
       
      Vejam o código abaixo:
      Mostra aqui em tempo real: <span id="digitar"></span> <form action="adicionar.php" method="post"> <input name="email" id="email" value="" type="text" onkeyup="myFunction()"> <input name="submit" type="submit" value="Adicionar E-mail"> </form>     <script language="javascript">     function myFunction()     {         var x = document.getElementById("email").value;         document.getElementById("digitar").innerHTML = x;     }     </script>   
    • Por fcastro143
      Boas pessoal tou aqui com um problema
      Quero fazer uma página simples com um formulário onde a pessoa preencha o formulário e quando carrega em enviar ele tem que executar uma função que basicamente é abrir um link mas quero que esse link no fim tenha os dados introduzidos no formulário.

      Imaginem que a pessoa no formulário escreve: 
      Na primeira caixa - Olá 
      Na segunda caixa - tudo bem 

      Eu queria que ela ao clicar em enviar isso abra um link que normal é por exemplo :
      https://api.telegram.org/bot353417269:AAE83uouL6joVytjTCz_4_w3QS3xV4VTOJQ/sendMessage?
      chat_id=@itgrouptest&text= 

      E no fim desse link depois do = insira o que foi introduzido nas caixas de texto uma em cada linha. 

      Acho que me fiz entender ..

      Agradeço a quem perceber e ajudar .. tenho alguma urgência pessoal 
    • Por thia6o
      Olá.
      Sou novo no forum, gostaria de saber como faço para fazer um upload de imagem com preview e manipulação do mesmo.
      Ex: escolho algumas imagens visualizo, e se selecionei alguma erra eu removo e mando fazer o upload.
      Tenho um código que remover a imagem mais quando faço upload ela ainda e mandada.
       
       
      <!doctype html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>Documento sem título</title>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
      <style>
      .container-min-foto{
          height: 200px;
          margin: 15px;
          float: left;
      }
      .miniatura{
          height: 160px;
        }
      .removerImg{
          text-align: center;
          color: #FFFFFF;
          background-color: #4900FF;
          display: inline-block;
          cursor: pointer;
          padding: 5px;
      }
      </style>
      </head>
          
      <body>
      <p><button id="rf">Recaregar</button></p>
          <form method="post" enctype="multipart/form-data">
              <input id="files" name="files[]" type="file" multiple>
              <p><button type="submit">Envuiar</button></p>
          </form>
      <div id="preview"></div>
      <script>
      $(function(){
       if (window.File && window.FileList && window.FileReader) {
           $("#files").change(function(evt) {
              var files = evt.target.files,
                  filesLength = files.length;
          for (var i = 0; i < filesLength; i++) {
                  var f = files
              if (!!f.type.match('image.*')) {
                  var fileReader = new FileReader();
                  fileReader.onload = (function(theFile) {
                      return function(e) {                    
                          $("<span class=\"container-min-foto bord-rad-minFoto\">" +
                            "<img class=\"miniatura bord-rad-minFoto\" src=\"" + e.target.result + "\" title=\"" + theFile.name + "\"/>" +
                            "<br/><span class=\"removerImg\">Remover</span>" +
                            "</span>").insertBefore("#preview");
                              // REMOVER IMAGEM PRE VIEW
                          $(".removerImg").click(function(){
                              $(this).parent(".container-min-foto").remove();             
                          });
                      };
                  })(f);
              fileReader.readAsDataURL(f);
              }else{
                  alert("Você selecionou um arquivo que nao é uma imagem")
              }
          }});
        } else {
            alert("Seu navegador não suporta a API de arquivos")
        }
      });
      </script>
      </body>
      </html>
    • Por tiominga
      Quero que ao clicar na div tchau que esta dentro da oi, o onclick da oi não seja acionado.
      <html> <body> <div onclick=alert('oi');  style="width:50%; top:1%; height:20% position:absolute;z-index:1;border:1px solid">     oi     <div onclick=alert('Tchau'); style="width:50%; top:1%; left:50%; position:absolute;z-index:2;border:1px solid">     tchau     </div> </div> </body> </html>  
    • Por jamesthomas11
      Oi, estou trabalhando em um aplicativo de nó simples. Os usuários podem postar comentários em posts, bem como excluí-los. Anexei um ouvinte de evento a cada comentário e, quando o usuário clica nele, eu quero que uma solicitação de exclusão de ajax seja enviada para localhost /: postId /: commentId / delete. O problema é que recebo um erro no console do Chrome: DELETE http: // localhost: 3000/404 (não encontrado) Minha chamada ajax: var deleteBtn = document.getElementsByClassName ('fa-trash'); para (var i = 0; i <deleteBtn.length; i ++) {     deleteBtn [i] .addEventListener ('clique', (evento) => {         var elementClicked = event.target;         var id = elementClicked.parentNode.id;         $ (document) .ready (function () {             $ .ajax ({                 url: window.location.href + '/' + id + '/ delete',                 tipo: 'DELETE',                 sucesso: função (redbox tv) {                     // faça algo com os dados via framework front-end                     location.reload ();                 }             });         })     }) } Por que a chamada ajax é enviada para localhost / e não a url indicada no código?
×

Informação importante

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