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 Noob Web
      Meu carrosel esta alinhado no centro mas de vez em quando ele vai para a esquerda não sei o que esta causando isso.
       
      <script type="text/javascript"> $(function () { $(".anuncio ul").cycle({ fx: 'fade', speed: 1500, timeout: 3000, }) }) </script> <script type="text/javascript"> $(function () { $(".texto ul").cycle({ fx: 'fade', speed: 1500, timeout: 3000, }) }) </script> <section id="conteudo"> <section class="banner"> <div class="anuncio"> <h1><ul> <li><img src="img/banner.jpg"/></li> <li><img src="img/banner2.jpg"/></li> <li><img src="img/banner.jpg"/></li> <li><img src="img/banner2.jpg"/></li> </ul></h1> </div> <div class="texto"> <h1><ul> <li>AAAAAAAAAAAAA</li> <li>BBBBBBBBBBBBB</li> <li>CCCCCCCCCCCCCC</li> <li>DDDDDDDDDDDDD</li> </ul></h1> </div> </section> .anuncio ul{ z-index: 2; list-style-type: none; margin:0 auto; margin-top:160px; padding:0px; } .texto{font-size:50px; color: ; font-family:Georgia; text-shadow: #000000;} .texto ul{ z-index: 2; list-style-type: none; margin:0 auto; margin-top: -100px; padding:0px;} .texto li{ width:500px; height:300px;} .banner ul{animation: anime 1s ease-in-out 0.5s backwards; -moz-animation: anime 1s ease-in-out 0.5s backwards; -webkit-animation: anime 1s ease-in-out 0.5s backwards;}  
    • Por Thiago Duarte
      Olá, gostaria de mudar a página usando um select
       
      E também seguir a lógica exemplo, se tiver na página contato em português, e o usuário trocasse o idioma mudasse para ingles iria para pagina de contato em inglês
       
      e não voltaria para página inicial.... só voltaria se ele trocasse o idioma estando na página inicial.
       
      meu codigo ta assim mas não funciona
      <!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript">     $(function () {         $("#idiomas").change(function () {            {     var i = $('#idiomas').val();     if (i == '1')         window.location = "www.exemplo.com.br";     else      if (i == '2')         window.location = "www.pt.exemplo.com.br"; } else          if (i == '3')         window.location = "www.es.exemplo.com.br"; }         });     }); </script> </head> <body> <select id="idiomas">     <option value=""></option>     <option value="1">English</option>     <option value="2">Português</option>     <option value="3">Español</option> </select> </body> </html>  
      Alguém pode ajudar?
    • Por Leomar Sartor
      Estou a realizar uns exemplos de estudos com Select2 (Feito download em http://select2.github.io/select2/) e Jquery. Estou seguindo um tutorial para o uso do mesmo... Porém não consigo fazer uma função (format) funcionar e não estou conseguindo entender o por que. Coloquei Alert e Logs mas não funciona o da função... Agradeço pela ajuda desde já. Segue exemplo a seguir:

      <html>
      <head>
      <title>Seletores JQuery</title>
      <script src="https://code.jquery.com/jquery-3.2.0.js" integrity="sha256-wPFJNIFlVY49B+CuAIrDr932XSb6Jk3J1M22M3E2ylQ=" crossorigin="anonymous"></script>
      <link href="select2/dist/css/select2.min.css" rel="stylesheet" />
      <script src="select2/dist/js/select2.min.js"></script>
      </head>
      <body style="text-align: center">
      <form>
      <select id="carros" style="width: 300px;">
      <option value="VV">Volvo</option>
      <option value="SB">Saab</option>
      <option value="MC">Mercedes</option>
      <option value="AD">Audi</option>
      </select>
      </form>
      </body>
      </html>
      <script type="text/javascript">
      $( document ).ready(function() {

      console.log( "INICIO" );
      alert("INICIO");
      $("#carros").select2({
      placeholder: "Selecione Carros:",
      allowClear: true,
      formatResult: format,
      formatSelection: format,
      escapeMarkup: function(m) { return m; }
      });
      console.log( "FIM" );
      alert("FIM");

      });
      function format(state) {
      console.log( "DENTRO DA FUNCAO" );
      alert("DENTRO DA FUNCAO");
      alert('ID:' + state.id + ' - Carro:' + state.text);
      }
      </script>
    • Por Marcones Borges
      Boa noite, preciso de um freelancer para reformular um painel administrativo.
       
      Cadastro de itens e lançamentos de resultados.
       
      Para mais informações via whatsapp: 99 991385001 chama aew. 
    • Por viniciussvl
      Pessoal eu nunca exibi nada dentro de um gráfico, estou completamente perdido, sei que tem que usar ajax para buscar as informações no banco e retornar um json, isso eu sei fazer, o problema mesmo é formatar esse retorno de acordo com as regras do gráfico:
       
       
      Esse é o gráfico:

       
       
      Esse são os dados que vem do banco, o tipo de usuário, total de acessos e o mês.

       
       
      JS do Chartist:
      new Chartist.Bar('#stacked-bar-chart', { labels: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'], series: [ [100, 200, 120, 280, 150, 300, 350, 200, 180, 350, 420, 500], // Total Access Users [80, 150, 100, 180, 80, 250, 150, 280, 360, 450, 520, 650], // Total artists [30, 80, 40, 90, 50, 100, 70, 160, 220, 240, 280, 350], // total studios ] }, { stackBars: true, plugins: [ Chartist.plugins.tooltip() ] }).on('draw', function (data) { if (data.type === 'bar') { data.element.attr({ style: 'stroke-width: 30px' }); } });  
       
       
      Tentei da seguinte forma com PHP:
      public function get_monthly_accesses() { $query = "select type, count(type) as accesses, month(date_login) as month from {$this->table_user_access} as ua inner join {$this->table_user_details} as ud ON ud.user = ua.user inner join {$this->table_user} as u ON ua.user = u.id group by type, month(date_login) order by month asc"; $result = $this->query($query, true); $response = array(); $response["labels"] = array(); $response["series"] = array(); $responseseries = array(); foreach ($result as $key) { array_push($response["labels"], $key->month); array_push($responseseries, $key->accesses); } array_push($response["series"], $responseseries); return json_encode($response, JSON_NUMERIC_CHECK); }  
      O retorno que tenho é esse:
      string(45) "{"labels":[10,10,11,11],"series":[[1,2,6,1]]}"  
      O mês está repetindo nas labels e as series estão fora de ordem, cada serie representa um tipo de usuario e dentro de cada tem os acessos mensais.Alguém pode me dar uma força? Obrigado!
       
×

Informação importante

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

Este projeto é mantido e patrocinado pelas empresas:
Hospedado por: