Articles of jquery

Como detectar a tecla de escape com JS puro ou jQuery?

Duplicar Possível: Qual código para chave de escape com jQuery Como detectar a tecla de escape no IE, Firefox e Chrome? Abaixo código funciona no IE e alertas 27 , mas no firefox ele alerta 0 $(‘body’).keypress(function(e){ alert(e.which); if(e.which == 27){ // Close my modal window } });

Bootstrap 3 Collapse show state com o ícone da Chevron

Usando o exemplo principal retirado da página de exemplos Javascript do Bootstrap 3 para Recolher , consegui mostrar o estado de recolhimento usando icons da divisa. Eu tenho esse trabalho usando: $(‘#accordion .accordion-toggle’).click(function (e) { var chevState = $(e.target).siblings(“i.indicator”).toggleClass(‘glyphicon-chevron-down glyphicon-chevron-up’); $(“i.indicator”).not(chevState).removeClass(“glyphicon-chevron-down”).addClass(“glyphicon-chevron-up”); }); Isso funciona (não totalmente testado em todos os navegadores), mas eu estou querendo […]

Como posso executar uma diretiva depois que o dom terminar de renderizar?

Eu tenho um problema aparentemente simples, sem solução aparente (lendo o JS Angular) . Eu tenho uma diretiva Angular JS que faz alguns cálculos com base na altura de outros elementos DOM para definir a altura de um contêiner no DOM. Algo semelhante a isso está acontecendo dentro da diretiva: return function(scope, element, attrs) { […]

Ativar / desativar checkboxs de seleção

Eu tenho o seguinte: $(document).ready(function() { $(“#select-all-teammembers”).click(function() { $(“input[name=recipients\\[\\]]”).attr(‘checked’, true); }); }); Eu gostaria que o id=”select-all-teammembers” quando clicado alternasse entre marcado e desmarcado. Idéias? que não são dezenas de linhas de código?

jQuery converte quebra de linha para br (equivalente a nl2br)

Eu estou tendo jQuery ter algum conteúdo textarea e inseri-lo em um li. Quero que ele mantenha visualmente as quebras de linha. Deve haver uma maneira muito simples de fazer isso …

O jQuery pode ler / gravar cookies em um navegador?

Exemplo simples: desejo ter alguns itens em uma página (como divs ou linhas da tabela) e quero permitir que o usuário clique neles para selecioná-los. Isso parece bastante fácil em jQuery. Para salvar em quais itens um usuário clica, sem postbacks do lado do servidor, eu estava pensando que um cookie seria uma maneira simples […]

Como detectar o botão de volta do navegador clique em evento usando angular?

É possível detectar que um usuário entrou em uma página usando o botão “voltar do histórico” em seu navegador? De preferência, quero detectar essa ação usando angular.js. Eu não quero usar o roteamento angular. Ele também deve funcionar se um usuário enviar um formulário e após um envio bem-sucedido ao servidor e um redirecionamento, também […]

Como posso determinar se uma imagem foi carregada usando JavaScript / jQuery?

Estou escrevendo algum Javascript para resize a imagem grande para caber na janela do navegador do usuário. (Eu não controlo o tamanho das imagens de origem, infelizmente.) Então, algo assim seria no HTML: Existe uma maneira de determinar se a imagem src em uma tag img foi baixada? Eu preciso disso porque estou com um […]

Como fazer upload de um arquivo usando jQuery.ajax e FormData

Quando eu uso XMLHttpRequest, um arquivo é carregado corretamente usando FormData . No entanto, quando jQuery.ajax para o jQuery.ajax , meu código quebra. Este é o código original de trabalho: function uploadFile(blobFile, fileName) { var fd = new FormData(); fd.append(“fileToUpload”, blobFile); var xhr = new XMLHttpRequest(); xhr.open(“POST”, “upload.php”, true); xhr.send(fd); } Aqui está a minha […]

Como passar parâmetros em solicitações GET com jQuery

Como devo passar valores de string de consulta em uma solicitação do jQuery Ajax? Eu atualmente faço isso da seguinte forma, mas tenho certeza que existe uma maneira mais limpa que não requer que eu codifique manualmente. $.ajax({ url: “ajax.aspx?ajaxid=4&UserID=” + UserID + “&EmailAddress=” + encodeURIComponent(EmailAddress), success: function(response) { //Do Something }, error: function(xhr) { […]