Ir para conteúdo
gsinhorini

Dinamically Ajax

Recommended Posts

Olá pessoal.

Estou com uma dúvida, estou desenvolvendo um sistema e no mesmo estou criando um gerador de curso com o usuário poderá inserir varias informações como imagens, textos, videos entre outros Até ai tudo bem, criei o sistema e utilizei a função dinamically. O que eu gostaria de saber é se tem como fazer uma função dinâmica dentro de outra. 

Exemplo: o usuário clica no botão de adicionar foto ele cria um campo para inserir foto só que o mesmo quer inserir mais de uma foto ai teria um botão para adicionar mais fotos do lado do campo já criado. Tem como fazer? Pois eu tentei da mesa forma que eu fiz o primeiro dinamico e não deu certo.

 

Agradeço a ajuda.

 

$('#add-Imagem').on('click', function(){
                var html = '';
                html += '<div class="portlet light" style="border: 1px solid #e7ecf1;">';
                html += '   <div class="portlet-title">';
                html += '       <div class="caption">';
                html += '           <i class="fa fa-film font-grey-gallery"></i>';
                html += '           <span class="caption-subject bold font-grey-gallery uppercase"> Videos </span>';
                html += '           <span class="caption-helper">adicione um aquivo de videos</span>';
                html += '       </div>';
                html += '       <div class="tools">';
                html += '           <a href="" class="collapse"> </a>';
                html += '           <a href="" class="remove"> </a>';
                html += '       </div>';
                html += '   </div>';
                html += '   <div class="portlet-body">';
                html += '       <div class="row" id="cotent-imagem">';
                html += '<button type="button" class="btn btn-block default" name="Imagem" id="Imagem"> <i class="fa fa-picture-o"></i> IMAGEM</button>';
                html += '   <div class="col-md-4">';    
                html +=     '<div class="form-group text-center">';
                html +=        '<label class="control-label"></label>';
                html +=        '<div class="">';
                html +=             '<div class="fileinput fileinput-new" data-provides="fileinput">';
                html +=                 '<div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">';
                html +=                     '<img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="" /> </div>';
                html +=                 '<div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;"> </div>';
                html +=                '<div>';
                html +=                     '<span class="btn default btn-file">';
                html +=                        '<span class="fileinput-new"> Select image </span>';
                html +=                         '<span class="fileinput-exists"> Change </span>';
                html +=                         '<input type="file" name="..."> </span>';
                html +=                     '<a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput"> Remove </a>';
                html +=                 '</div>';
                html +=             '</div>';
                html +=         '</div>';
                html +=     '</div>';
                html += '</div>';
                html += '       </div>';
                html += '   </div>';
                html += '</div>';
                $('#conteudo-curso').append(html);
            });
            $('#Imagem').on('click', function(){
                var html = '';
                html += '   <div class="col-md-4">';    
                html +=     '<div class="form-group text-center">';
                html +=        '<label class="control-label"></label>';
                html +=        '<div class="">';
                html +=             '<div class="fileinput fileinput-new" data-provides="fileinput">';
                html +=                 '<div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">';
                html +=                     '<img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="" /> </div>';
                html +=                 '<div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;"> </div>';
                html +=                '<div>';
                html +=                     '<span class="btn default btn-file">';
                html +=                        '<span class="fileinput-new"> Select image </span>';
                html +=                         '<span class="fileinput-exists"> Change </span>';
                html +=                         '<input type="file" name="..."> </span>';
                html +=                     '<a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput"> Remove </a>';
                html +=                 '</div>';
                html +=             '</div>';
                html +=         '</div>';
                html +=     '</div>';
                html += '</div>';
                $('#cotent-imagem').append(html);
            });

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom dia! Amigo poste na área correspondente à sua dúvida.

 

Movendo para JavaScript

https://forum.imasters.com.br/topic/556002-atenção-seu-problema-é-realmente-com-o-php/

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Luiz Fernando 111
      Caros amigos, estou tentando adicionar soma entre inputs do html e do javascript, mas com esse exemplo, apenas consegui colocar no input do html. Como faço para implementar no input do javascript e somar o valor junto com o Valor Total mostrar lucro quando foi debito e prejuizo quando for crédito ? Alguém poderia me dá help !!!
       
       

    • Por Bobrinha
      Olá a todos.
       
      Tenho uma dúvida e não sei se é possível caso tenha alguma sugestão por favor avise.
       
      Adicionar resultado de um innerhtml dentro de um link atributo href é possível? ou seja eu tenho um input onde seleciono um ano 
       
      <select id="ano"> <option selected>2019</option> <option value="2018">2018</option> <option value="2017">2017</option> </select> <div id="anoAtual"></div> No query pego o valor ou seja o ano selecionado e jogo no html
       
      $("select").change(function () { document.getElementById("ano").innerHTML = document.getElementById("anoAtual").value; });  
      Agora vem a dúvida como eu jogo na URL? existe uma outra forma? é possível?
       
      <a href='resultado.php&ano=COMO JOGAR O ANO AQUI?'>  
       
    • Por LuanMartinsTI
      Eu tenho o seguinte codigo para capturar minha camera e meu audio, toda vez que eu entro na pagina x ela executa o js e pede acesso a camera de quem acessa a pagina, porem eu vou bloquear essa pagina para que apenas eu ou pessoa autorizadas possam acessar, queria saber o seguinte, eu sei capturar o video e audio, mas como eu vou mostrar pro usuario o meu video e o meu audio??
      <script> video = document.createElement('video'); video.width = 320; video.height = 240; video.autoplay = true; var hasUserMedia = navigator.webkitGetUserMedia ? true : false; navigator.webkitGetUserMedia('video', function(stream){ video.src = webkitURL.createObjectURL(stream); }, function(error){ console.log("Navegador nao suporta", error); }); </script>  
    • Por martinazzo
      não consigo apagar, então deixei assim... se alguém conseguir por favor
    • Por rd111072
      Olá! Preciso pegar o valor de uma variável javascript, postar para uma página php pra criar uma variável session php.
      aqui tento passaar a variável js:
       
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> var valor = ""; $(document).ready(function() { $('input:radio[name=aviso]').click(function() { //Executa Loop entre todas as Radio buttons com o name de valor $('input:radio[name=aviso]').each(function() { //Verifica qual está selecionado if ($(this).is(':checked')) valor = parseInt($(this).val()); }) alert(valor); $.post( "cria_session.php", { aviso: valor} ); }) }) </script> Aqui tento, ao menos, imprimir na tela:
      <? echo "Olá <script>document.write(valor)</script>"?> Só o que funciona é o alert ^^^.

      Alguém sabe?
       
×

Informação importante

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