Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

halfar

jquery - tornar div visivel

Por , em Javascript

Recommended Posts

halfar    5

halfar
Postado

tentei de toda forma tornar uma div visivel utilizando o jquery, mas não teve jeito de nenhuma forma. Tive que fazer via javascript mesmo, e aí sim funcionou.

 

Mas gostaria de saber porque o jquery não funcionou. Fiz de várias formas :


 

Citar

 

a forma que creio ser a correta via jquery é esta:

$("#login").css("display", "block");

 


 

Citar

 

tentei de várias outras formas, assim:

$('login:visible');
  $('#login').is(':visible');
   $('#login').show();
  

Mas nenhuma destas funciona, o que aliás realmente achava que não funcionaria mesmo. Mas como achei na internet desses modos ai, então não custa tentar.

 

 

só está funcionando com javascript mesmo, assim:

Citar

document.getElementById('login').style.visibility="visible";

 

alguém saberia dizer porque não funcionou, segue o codigo abaixo:

Citar

 

$(document).ready(function(){

 

$("#menu_cadastro").click(function(){
alert("teste");
$("#login").css("display", "visible");
});
}); // fim de ready

 

o evento clique funciona corretamente porque a caixa de alert foi exibida corretamente.

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

luiz14    16

luiz14
Postado

Na linha: $("#login").css("display", "visible"); troca o visible por block. O visible não exite no atributo display. Por exemplo:

 

$(document).ready(function(){

 

$("#menu_cadastro").click(function(){
alert("teste");
$("#login").css("display", "block");
});
}); // fim de ready

 

assim funcionou perfeitamente comigo. Você pode fazer dessa forma:

 

<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script lang="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script>
    $(document).ready(function(){
 
$("#menu_cadastro").click(function(){
alert("teste");
$("#login").css("display", "block");
});
}); // fim de ready
    </script>
</head>
<body>
    <div id="menu_cadastro">Menu cadastro</div>
    <div id="login" style="display: none;">teste</div>
</body>
</html>

 

Ou com o show assim:

<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script lang="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script>
    $(document).ready(function(){
 
$("#menu_cadastro").click(function(){
alert("teste");
$("#login").show();
});
}); // fim de ready
    </script>
</head>
<body>
    <div id="menu_cadastro">Menu cadastro</div>
    <div id="login" style="display: none;">teste</div>
</body>
</html>

 

Os dois estão funcionando perfeitamente comigo.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • Thiago Duarte
      Drag and Drop para arrastar imagem
      Por Thiago Duarte
      Oi, gostaria de arrastar imagem e ao soltar formar bloco html, meu bloco de html ficaria com nome, content-1.html, content-2.html, etc
       
      Alguem pode me ajudar?
    • ILR master
      Cronômetro regressivo php
      Por ILR master
      Salve galera.
       
      Vou publicar um evento e quero colocar um Cronômetro regressivo que mostre em tempo real os dias, horas e minutos que faltam para determinada data, tipo:.
      Faltam 5 dias, 12:30:00 para inauguração.
       
      Qdo chegar no dia, quero que apenas apareça uma mensagem.
       
      Alguém pode me ajudar?
    • Alessandro Bodão
      H1 que preencha toda a largura da container
      Por Alessandro Bodão
      Fala galerinha, 
       
      Tenho um container com um título (h1) no cabeçalho do meu site, esse container ocupa metade da tela (50vw), e eu gostaria que esse título ocupasse toda a largura desse container, independente do seu tamanho ou do tamanho do monitor, de forma com que a palavra tenha exactamente o mesmo tamanho do container (vou anexar uma foto de exemplo). Já tentei todos os valores pra essa h1, como % e vw... mas nada parece fazer sentido.
       
       

    • gersonab
      recuperar url do pdf q foi criado
      Por gersonab
      bom dia
      tenho uma aplicação onde gero um arquivo em pdf, gostaria de recuperar a url do pdf q foi criado, pois quando este é criado ele abre automaticamente e ou ja faz o download do mesmo, preciso da url para enviar para outros.
      <button type="button" class="btn btn-outline-primary" onclick="createPDF();">Imprimir</button> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.4.1/jspdf.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/canvas2image@1.0.5/canvas2image.min.js"></script> <script language="javascript"> (function($){ $.fn.createPdf = function(parametros) { var config = { 'fileName':'html-to-pdf' }; if (parametros){ $.extend(config, parametros); } var orig = $(this); var widthOrig = $(orig).width(); $(orig).width(900); var quotes = document.getElementById($(orig).attr('id')); html2canvas(quotes, { onrendered: function(canvas) { var pdf = new jsPDF('p', 'pt', 'letter'); for (var i = 0; i <= quotes.clientHeight/900; i++) { var srcImg = canvas; var sX = 0; var sY = 900*i; var sWidth = 900; var sHeight = 900; var dX = 0; var dY = 0; var dWidth = 900; var dHeight = 900; window.onePageCanvas = document.createElement("canvas"); onePageCanvas.setAttribute('width', 900); onePageCanvas.setAttribute('height', 900); var ctx = onePageCanvas.getContext('2d'); ctx.drawImage(srcImg,sX,sY,sWidth,sHeight,dX,dY,dWidth,dHeight); var canvasDataURL = onePageCanvas.toDataURL("image/png", 1.0); var width = onePageCanvas.width; var height = onePageCanvas.clientHeight; if (i > 0) { pdf.addPage(612, 791); } pdf.setPage(i+1); pdf.addImage(canvasDataURL, 'PNG', 20, 40, (width*.62), (height*.62)); // Retirar o comentário caso queira ver como está sendo gerado o canvas. //document.body.appendChild(onePageCanvas); } pdf.save(config.fileName); $(orig).width(widthOrig); } }); }; })(jQuery); function createPDF() { $('#renderPDF').createPdf({ 'fileName' : '<?php echo $usercli['idocl']; ?>' }); }  
    • gersonab
      editar , montar uma imagem online
      Por gersonab
      Boa tarde a todos.
      tenho pesquisado e ainda não encontrei uma forma de montar uma imagem online, tipo, tenho uma área de 400px por 400px , nesta gostaria de acrescentar algumas imagens que já tenho, tipo clicar e arrastar para dentro, sendo que estas imagens já se encontram online no site, seria mais ou menos assim : poderia colocar dentro desta área uma imagem do gato , do cachorro e ou outra. Não sei qual biblioteca ou forma de fazer.
      gostaria da ajuda para iniciar, desde já agradeço.
×

Informação importante

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

  Aceito