Botão de Download em Javascript

[Botão de Download em Javascript]

Meu problema está no botão "Baixar", preciso fazer download do link, ou abrir a pagina em nova guia.

      <div class="modal-body">
        <div>
          
           //input com o link.
            <input type="text" class="mb-5 form-control" id="linkIn" readonly>
          
          //script resposável por selecionar o link do input
                <script>
                    function copiar() {
                    $('#linkIn').select();
                    document.execCommand("copy");

                    }
                </script>
          //botão para copiar o link do input
            <button type="button" class="btn btn-primary" onclick="copiar()">Copiar</button>
            
          //script resposável por selecionar o link do input
            <script>
                function download(){
                    $('#linkIn').select();
                    document.execCommand("download");
                }
            </script>
          //botão para copiar o link do input
            <button type="button" class="btn btn-secondary" onclick="download()">Baixar</button>
        </div>
      </div>

 

Abaixo é o script com todas as funções da página.

<script>

    $("#obterLinkdaLista").on('hidden.bs.modal', function (e) {
        $(".select-users").empty();
    });

    function obterListaUsuarios(id) {
        $('#idLista').val(id);
        $.ajax({
            type: "POST",
            url: "controles/obter-lista-usuarios.php",
            data: {id: id},
            dataType:"json",
            success: function(data) {
                var $select = $('<select/>', {
                    'class':"selectpicker",
                    'title':"Usuário...",
                    'name': "idUsuario"
                });
                for (j=0; j < data.length; j++) {
                    $select.append('<option value=' + data[j].id_usuario + '>' + data[j].nome_usuario + '</option>');
                }
                $select.appendTo('.select-users').selectpicker('refresh');
            }
        });
        $('#obterLinkdaLista').modal();
    }

    function listaGlobal() {
        $('#cadastro').modal('hide');
        $('#cadastroGlobal').modal();
    }

    function removerConfirma(id,nome) {
        $('#remover-conteudo').html('<div class="alert alert-danger" role="alert"><strong> Remover </strong>' + nome + '?</div><button onclick="remover(' + id + ')" type="submit" class="btn btn-danger float-right">Remover</button>');
        $('#remover').modal();
    }

    function editarGlobalConfirma(id,nome, lista) {
        $('#idGE').val(id);
        $('#nomeGE').val(nome);
        $('#nomeGE').val(nome);
        $('#categoriaGE').val(lista);
        $('#categoriaGE').selectpicker('render');
        $('#editarGlobal').modal();
    }

    function remover(id) {
        $.ajax({
            type: "POST",
            url: "controles/remover-lista.php",
            data: {id: id},
            success: function(data) {
              location.reload();
            }
        });
    }

    $( "#cadastro-form-global" ).submit(function( event ) {
        $.ajax({
            type: "POST",
            url: "controles/adicionar-lista-global.php",
            data: $("#cadastro-form-global").serialize(),
            success: function(data) {
              location.reload();
            },
            error: function(data) {
              resultado(data.responseText);
            }
        });
        event.preventDefault();
    });

    $( "#editar-form-global" ).submit(function( event ) {
        $.ajax({
            type: "POST",
            url: "controles/editar-lista-global.php",
            data: $("#editar-form-global").serialize(),
            success: function(data) {
                location.reload();
            },
            error: function(data) {
              resultado(data.responseText);
            }
        });
        event.preventDefault();
    });

    $( "#formObterLinkdaLista" ).submit(function( event ) {
        $.ajax({
            type: "POST",
            url: "controles/obter-link-lista.php",
            data: $("#formObterLinkdaLista").serialize(),
            success: function(data) {
                $('#linkIn').val(data);
                $('#obterLinkdaLista').modal('hide');
                $('#linkLista').modal();
            }
        });
        event.preventDefault();
    });

    function copiar() {
        $('#linkIn').select();
        document.execCommand("copy");

    }

</script>

 

[Inserir mais uma variavel em "else" "php"]

paulinhosupriano No Banco de dados não tenho datas, (22/05/2020) mas apenas o dia (22), assim, ao usar esse seu script, todos estão com datas negativas.

 

ex.:

expirado em: -600 dias

[Inserir mais uma variavel em "else" "php"]

<td align="center">
	<?php echo $usuario['estado_usuario'] == '0' ? "Expirado " : ""; ?>
	<?php echo $usuario['dia'] > '31' ? "Data incorreta " : ""; ?>
	<?php
		if ($usuario['dia'] == 0) {echo "Vitalicio";} 
			else {echo "Dia ", $usuario['dia'];} ?>
</td>

Resolvi o Problema com esse script!

[Botão de Download/Redirecionador com link em tabela do banco de dados.]

Em 16/06/2019 at 23:32, marcosmarcolin disse:

Certo, um CRUD já resolveria seu problema. Existem milhares de exemplos por ai, já tentou algo? ...Qual o seu conhecimento em PHP?

Na época da postagem era "0" hoje já tenho um bom conhecimento. Resolvi o problema dessa forma, apos criar a conexão com o banco de dados.

 

<div align="center" id="subtitulo">
    Canais Abertos
  </div>
  <div class="ui cards">
    <div class="card">
      <div class="content">
        <a href="<?php =$usuario['link_canal']?>" style="display: block; color: black">
        <div align="center">
          <div>
              <img class="ui tiny image" id="imagem_card_casa" src="assets/images/Rede_Globo_2014.png">
              <div align="center" id = "nome_time_fora">
				<b>Globo RJ</b>
              </div>
          </div>

[Inserir mais uma variavel em "else" "php"]

Como posso adicionar uma terceira opção a essa td?

 

Funciona assim.

 

<td align="center"> <?php if ($usuario['dia'] - $usuario['uso'] <= -1) {echo "Expirado";} else {echo "Em ", $usuario['dia'] - $usuario['uso'], " Dias";} ?> </td>

 

Resultado atual.

 

if ($usuario['dia'] - $usuario['uso'] <= -1) {echo "Expirado";}  ~ Exibe Expirado / Está Ok

= 0 Exibindo "Em 0 Dias"

else {echo "Em ", $usuario['dia'] - $usuario['uso'], " Dias";}  ~ Exibe a subtração dos dias. / Está Ok

 

Resultado pretendido

 

if ($usuario['dia'] - $usuario['uso'] <= -1) {echo "Expirado";} Exibe Expirado / Está Ok

= 0 Exibir a palavra "Hoje"

else {echo "Em ", $usuario['dia'] - $usuario['uso'], " Dias";} Exibe a subtração dos dias. / Está Ok

[Botão de Download/Redirecionador com link em tabela do banco de dados.]

  <div align="center" id="subtitulo">
    Canais Abertos
  </div>
  <div class="ui cards">
    <div class="card">
      <div class="content">
        <a href="globo.html" style="display: block; color: black">
        <div align="center">
          <div>
              <img class="ui tiny image" id="imagem_card_casa" src="assets/images/Rede_Globo_2014.png">
              <div align="center" id = "nome_time_fora">
				<b>Globo RJ</b>
              </div>
          </div>

Onde "globo.html" seria substituído pelo link que esta em uma tabela do banco de dados.

 

Já fiz a conexão. E tenho a base de dados pronta.

 

Motivo pelo qual estou buscando ajuda:

 

Faço manualmente a mudança de cada link (são mais de 300) diariamente para evitar copias de terceiros. Sendo assim poderia usar um CRUD para facilitar a troca dos links direto no banco de dados.