Ir para conteúdo
Alysson Abech

Como listar eventos com link no Jquery UI datepicker

Recommended Posts

Gostaria de saber como posso listar os eventos setados no datepicker, que quando ao passar o mouse em cima dos mesmos , eles mudassem o hover ou algo assim diretamente no calendário.

 

Código atual:

codepen.io/abech/pen/VrWOLR

 

Imagem de exemplo do código atual

 

Capturar.PNG

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 Cesar Melo
      Olá, gostaria de uma ajuda para retornar um resultado de uma função. Dentro dessa função, eu faço uma requisição através do $.getJSON(), e gostaria que função retornasse o resultado que obtido na requisição JSON.
      Ex:
      function pedidoGet() { var pedido; $.getJSON( "getters.php", {param1: "pedidoId"}, function (data) { pedido= data[0]; console.log(pedido) //aqui, ainda dentro da requisição, a variavel "pedido" tem o valores que foi //retornado pela requisição getJSON } ); console.log(pedido) //aqui, não retorna nada return pedido; //aqui, essa variavel pedido não tem mais os valores que a requisição getJSON retornou. } var pedidoTeste= pedidoGet(); //depois que chamar a funçõa, gostaria de ter os valores para usar como for melhor pra mim. console.log(pedidoTeste.id); console.log(pedidoTeste.valor); Conseguiram entender minha necessidade?
       
      Desde já, agradeço!
    • Por programadorweb2016
      Boa tarde, voltei a estudar jquery, ja estou conseguindo manipular o elemento dom do meu site, mas tenho uma duvida, estou colocando uns elementos e retirando outros, quando eu vou ver esses elementos com f12 funciona tudo direitinho os que tirei e os que coloquei tudo normal, mas quando eu aperto ctrl+u para ver ele não muda la no códgo fonte, gostaria de saber como o google vai ler essa minha pagina, se ele le do modo que esta no f12 ou do modo que esta no ctrl+u?
    • Por priscilacarvalho
      Alguém pode me ajudar por favor?
      O script que fiz é para transformar a matriz curricular que está em um ul em colunas separadas, mas ele está pegando a matriz curricular de outros cursos. Lembro que a como separar isso por seletor, mas não consigo entender a lógica de como fazer dentro do loop.
      https://codepen.io/priscilacarvalho/pen/bxoYaN

       
      <!-- Button trigger modal --> <a href="" class="circle-modal blue" data-toggle="modal" data-target="#administracao"> <i>Administração</i> </a> <!-- Modal --> <div class="modal fade" id="administracao" tabindex="-1" role="dialog" aria-labelledby="administracao"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button> <h3 class="modal-title text-center" id="myModalLabel">Administração</h3> </div> <div class="modal-body"> <div class="row"> <div class="col-sm-12"> <h4>Perfil Profissional</h4> <p class="text-justify">Na UNIFAMMA o estudante de Administração aprenderá que o principal papel do administrador é conceber, planejar e executar estratégias que visam o melhor desempenho da organização em qualquer mercado de atuação. Todas as organizações, com ou sem fins lucrativos, privadas ou públicas, grandes ou pequenas e operando em qualquer setor da economia necessitam de administradores. O curso de Administração da UNIFAMMA busca desenvolver empreendedores e administradores capazes de promoverem o avanço da sociedade, por meio de uma formação voltada para identificação e resolução de problemas, do trabalho em equipe e da criatividade.</p> </div> <div class="clearfix"></div> <hr> <div class="col-sm-12"> <h4>Matriz curricular</h4> </div> <ul> <li>Comunicação oral e escrita</li> <li>Contabilidade Geral</li> <li>Filosofia e Ética</li> <li>Matemática Aplicada</li> <li>Metodologia do trabalho Científico</li> <li>Teoria Geral da Administração</li> <li>Economia</li> <li>Matemática Financeira</li> <li>Sociologia</li> <li>Direito Empresarial</li> <li>Psicologia Organizacional</li> <li>Gestão de Custos</li> <li>Teoria das Organizações</li> <li>Estatística</li> <li>Macroeconomia</li> <li>Gestão de Pessoas e Subsistemas de RH</li> <li>Sistemas de Informação</li> <li>Gestão da cadeia de suprimentos</li> <li>Administração de Marketing</li> <li>Antropologia</li> <li>Prática de Gestão de Pessoas e Departamento Pessoal</li> <li>Planejamento Financeiro</li> <li>Pesquisa Operacional</li> <li>Sistemas de produção de bens e serviços</li> <li>Composto de Marketing</li> <li>Administração Pública</li> <li>Administração Financeira</li> <li>Logística</li> <li>Empreendedorismo</li> <li>Administração de Projetos</li> <li>Direito Trabalhista</li> <li>Consultoria Organizacional</li> <li>Estratégia Empresarial</li> <li>Mercados Financeiros</li> <li>Ciência Política</li> <li>Gestão do Agronegócio</li> <li>Gestão da Qualidade</li> <li>Análise de Investimento</li> <li>Varejo</li> <li>Tópicos Especiais I: Produção científica</li> <li>Gestão Ambiental</li> <li>Componente Curricular Optativo</li> <li>Jogos de Empresa</li> </ul> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-info text-white" data-dismiss="modal"> <i class="fa fa-graduation-cap"></i> <span>Inscreva-se</span> </button> </div> </div> </div> </div> <!-- Button trigger modal --> <a href="" class="circle-modal blue" data-toggle="modal" data-target="#ArquiteturaeUrbanismo"> <i>Arquitetura e Urbanismo</i> </a> <!-- Modal --> <div class="modal fade" id="ArquiteturaeUrbanismo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="display: none;"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button> <h3 class="modal-title text-center" id="myModalLabel">Arquitetura e Urbanismo</h3> </div> <div class="modal-body"> <div class="row"> <div class="col-sm-12"> <h4>Perfil Profissional</h4> <p class="text-justify">O curso de Arquitetura e Urbanismo é bastante dinâmico, e na UNIFAMMA o profissional aprenderá a ter senso crítico e estético apurado, sensibilidade criativa aguçada e habilidade técnica desenvolvida para abordar e tratar problemas sociais relacionados à produção do espaço. Na prática o Arquiteto é capaz de exercer uma gama de atividades relativas às áreas de Arquitetura e Urbanismo: desenvolver pesquisas; estabelecer diretrizes; planejar e elaborar projetos com viabilidade técnico-econômica, considerando fatores culturais, estéticos e sociais; absorver novas tecnologias, elaborar soluções alternativas e propor com criatividade novas aplicações considerando aspectos ambientais e humanos, de maneira ética e socialmente responsável.</p> </div> <div class="clearfix"></div> <hr> <div class="col-sm-12"> <h4>Matriz curricular</h4> </div> <div class="clearfix"></div><div class="clearfix"></div><div class="clearfix"></div><div class="clearfix"></div><div class="clearfix"></div><div class="clearfix"></div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-info text-white" data-dismiss="modal"> <i class="fa fa-graduation-cap"></i> <span>Inscreva-se</span> </button> </div> </div> </div> </div> <script> var count = 0; var perCol = 11; var $ul = $('.modal-body ul'); var rows = Math.ceil($ul.find('li').length/perCol); // var clearfix = "<div class='clearfix'></div>"; for(var i=0; i<=rows;i++){   if(count % 4 == 0){         $ul.before("<div class='clearfix'></div>");      }      $ul.before('<div class="col-sm-3" data-count='+count+'><ul class="list-unstyled"></ul></div>');         count +=1; } for(var i=0;i<=rows;i++){   $ul.find('li:lt('+(perCol)+')').appendTo('ul.list-unstyled:eq('+(i)+')'); } $("ul.list-unstyled:empty").parent().remove(); $ul.remove(); </scritp>  
    • Por sandroporto
      Bom dia pessoal, 
      estou voltando a desenvolver sites, e desatualizado, muito, mas principalmente com Jquery, bootstrap, enfim, quase tudo depois de 2015, estou com um site de cliente que pediu um Player de músicas MP3, implantei o JPlayer ( http://jplayer.org ) e funciona, porém se nenhuma forma estou conseguindo o mesmo executar o "autoPlay" na playlist...
      segue o link do player  (http://www.gessohouse.com.br/v2018/player.php) 

      segue abaixo o código do arquivo player.php com URL completa de todos os arquivos requeridos(CSS, JS e MP3)
      <link href="http://www.gessohouse.com.br/v2018/js/jPlayer/estilo_tema4.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://www.gessohouse.com.br/v2018/js/jquery.js"></script> <script type="text/javascript" src="http://www.gessohouse.com.br/v2018/js/jPlayer/jquery.jplayer.min.js"></script> <script type="text/javascript" src="http://www.gessohouse.com.br/v2018/js/jPlayer/jplayer.playlist.min.js"></script> <script type="text/javascript" src="http://www.gessohouse.com.br/v2018/js/jPlayer/jquery.jplayer.inspector.js"></script> <script type="text/javascript"> $(document).ready(function(){ var myPlaylist = new jPlayerPlaylist({ jPlayer: "#PlayerHtml5", cssSelectorAncestor: "#jp_container_N" }, [ { title:'Gesso House - Design & Elegância (Faixa 01)', artist:'', mp3:'http://www.gessohouse.com.br/v2018/images/musicas/MUSICAS_8_0_30082018083521.mp3', oga:'', poster:'' },{ title:'Gesso House - Design & Elegância (Faixa 02)', artist:'', mp3:'http://www.gessohouse.com.br/v2018/images/musicas/MUSICAS_10_0_30082018084115.mp3', oga:'', poster:'' },{ title:'Gesso House - Design & Elegância (Faixa 03)', artist:'', mp3:'http://www.gessohouse.com.br/v2018/images/musicas/MUSICAS_12_0_30082018085004.mp3', oga:'', poster:'' },{ title:'Gesso House - Design & Elegância (Faixa 04)', artist:'', mp3:'http://www.gessohouse.com.br/v2018/images/musicas/MUSICAS_14_0_30082018092756.mp3', oga:'', poster:'' },{ title:'Gesso House - Design & Elegância (Faixa 05)', artist:'', mp3:'http://www.gessohouse.com.br/v2018/images/musicas/MUSICAS_15_0_03092018103923.mp3', oga:'', poster:'' },{ title:'Gesso House - Design & Elegância (Faixa 06)', artist:'', mp3:'http://www.gessohouse.com.br/v2018/images/musicas/MUSICAS_16_0_03092018104018.mp3', oga:'', poster:'' }, ], { playlistOptions: { enableRemoveControls: false, loopOnPrevious: false, shuffleOnLoop: false, autoPlay: true }, swfPath: "js/jPlayer/", supplied: "mp3", wmode: "window", volume: .99, smoothPlayBar: true, keyEnabled: true, audioFullScreen: true }); // The remove commands $("#playlist-remove").click(function() { myPlaylist.remove(); }); // The shuffle commands $("#playlist-shuffle").click(function() { myPlaylist.shuffle(); }); $("#playlist-shuffle-false").click(function() { myPlaylist.shuffle(false); }); $("#playlist-shuffle-true").click(function() { myPlaylist.shuffle(true); }); // The next/previous commands $("#playlist-next").click(function() { myPlaylist.next(); }); $("#playlist-previous").click(function() { myPlaylist.previous(); }); // The play commands $("#playlist-play").click(function() { myPlaylist.play(); }); // The pause command $("#playlist-pause").click(function() { myPlaylist.pause(); }); //$("#jplayer_inspector_1").jPlayerInspector({jPlayer:$("#PlayerHtml5")}); /* added Dustin Blake code 01-11-2013 */ $("#PlayerHtml5").bind($.jPlayer.event.play, function (event) { var current = myPlaylist.current, playlist = myPlaylist.playlist; $.each(playlist, function (index, obj) { if (index == current) { $('.NomeDaMusica').text(obj.title); } }); }); }); </script> <link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr><td> <div id="jp_container_N" class="jp-video jp-video-270p"> <div class="jp-progress"> <div class="jp-seek-bar"> <div class="jp-play-bar"></div> </div> </div> <table width="460" border="0" align="center" cellpadding="0" cellspacing="0"> <tr><td> <div class="jp-type-playlist"> <div id="PlayerHtml5" class="jp-jplayer"></div> <div class="jp-gui"> <div class="jp-video-play"> <a href="javascript:;" class="jp-video-play-icon" tabindex="1">play</a> </div> <div class="jp-interface"> <div id="NomeDaMusica" class="NomeDaMusica"></div> <div class="jp-divisor">/</div> <div class="jp-current-time"></div> <div class="jp-duration"></div> <div class="jp-controls-holder"> <ul class="jp-controls"> <li><a href="javascript:;" class="jp-previous" tabindex="1" title="Voltar Música">voltar</a></li> <li><a href="javascript:;" class="jp-play" tabindex="1" title="Play" id="BotaoPlay">play</a></li> <li><a href="javascript:;" class="jp-pause" tabindex="1" title="Pausar">pause</a></li> <li><a href="javascript:;" class="jp-next" tabindex="1" title="Avançar Música">proxima</a></li> <li><a href="javascript:;" class="jp-stop" tabindex="1" title="Parar">stop</a></li> <li><a href="javascript:;" class="jp-mute" tabindex="1" title="Mudo">mudo</a></li> <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="Desativar Mudo">mudo off</a></li> <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="Volume Máximo">volume maximo</a></li> </ul> <div class="jp-volume-bar"> <div class="jp-volume-bar-value"></div> </div> <ul class="jp-toggles"> <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="Repetir">repeat</a></li> <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="Desligar Repetir">repeat off</a></li> </ul> </div> <div class="jp-title"> <ul> <li></li> </ul> </div> </div> </div> <div class="jp-playlist"> <ul> <li></li> </ul> </div> </div> </td></tr></table> </div> </td></tr></table>  
    • Por marcelocardoso
      Olá pessoal.
      Estou procurando na internet algo que possa incluir função ou ADDMETHOD nas rules ou em outra parte do JQUERY, ainda não encontrei algo satisfatório, se puderem exemplificar com exemplos, ou sugestões semelhantes, agradeço.

      1) PRECISO DENTRO DAS RULES "campo_email" executar uma função.
      CODE:
       
      $(function () { $('#frm_form_contato').validate({ rules: { campo_email: { required: true, minlength: 5, email: true }, }, }); Incluir esta função, 
       
      jQuery.validator.addMethod( $("#campo_email").verimail({ denyTempEmailDomains: true, messageElement: function (element) { this.element(element); }, }); ); Quero usar o valimail.js para validar o campo email, não somente validar, mas com ele, verificar se ele existe, pois é um script muito bom para isso.
      notei que dá para adicionar um método junto ao validate do jquery, porém, ainda pesquisando na internet não encontrei algo esclarecedor..

      Agradeço sugestões.
      Obrigado.
×

Informação importante

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