Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 438

Erro em time

14-01-2016 18:16

Quando está ativado o time pick não aparece a tooltip no campo existe algum erro para que os dois códigos não funcionem juntos ? obrigado
Quando desativa um funciona o outro e vice versa. obrigado

tooltip
/**/ /* tooltips */ /**/ .sky-form .tooltip { position: absolute; z-index: 1; left: -9999px; padding: 2px 8px 3px; font-size: 11px; line-height: 16px; font-weight: 400; background: rgba(0,0,0,0.9); color: #fff; opacity: 0; -ms-transition: margin 0.3s, opacity 0.3s; -moz-transition: margin 0.3s, opacity 0.3s; -webkit-transition: margin 0.3s, opacity 0.3s; } .sky-form .tooltip:after { content: ''; position: absolute; } .sky-form .input input:focus + .tooltip, .sky-form .select select:focus + .tooltip, .sky-form .select:hover select:disabled + .tooltip, .sky-form .textarea textarea:focus + .tooltip { opacity: 1; } .sky-form .tooltip-top-right { bottom: 100%; margin-bottom: 15px; } .sky-form .tooltip-top-right:after { top: 100%; right: 16px; border-top: 4px solid rgba(0,0,0,0.9); border-right: 4px solid transparent; border-left: 4px solid transparent; } .sky-form .input input:focus + .tooltip-top-right, .sky-form .select select:focus + .tooltip-top-right, .sky-form .select:hover select:disabled + .tooltip-top-right, .sky-form .textarea textarea:focus + .tooltip-top-right { right: 0; left: auto; margin-bottom: 5px; } .sky-form .tooltip-top-left { bottom: 100%; margin-bottom: 15px; } .sky-form .tooltip-top-left:after { top: 100%; left: 16px; border-top: 4px solid rgba(0,0,0,0.9); border-right: 4px solid transparent; border-left: 4px solid transparent; } .sky-form .input input:focus + .tooltip-top-left, .sky-form .select select:focus + .tooltip-top-left, .sky-form .textarea textarea:focus + .tooltip-top-left { right: auto; left: 0; margin-bottom: 5px; } .sky-form .tooltip-right { top: 9px; white-space: nowrap; margin-left: 15px; } .sky-form .tooltip-right:after { top: 6px; right: 100%; border-top: 4px solid transparent; border-right: 4px solid rgba(0,0,0,0.9); border-bottom: 4px solid transparent; } .sky-form .input input:focus + .tooltip-right, .sky-form .select select:focus + .tooltip-right, .sky-form .textarea textarea:focus + .tooltip-right { left: 100%; margin-left: 5px; } .sky-form .tooltip-left { top: 9px; white-space: nowrap; margin-right: 15px; } .sky-form .tooltip-left:after { top: 6px; left: 100%; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid rgba(0,0,0,0.9); } .sky-form .input input:focus + .tooltip-left, .sky-form .select select:focus + .tooltip-left, .sky-form .textarea textarea:focus + .tooltip-left { right: 100%; left: auto; margin-right: 5px; } .sky-form .tooltip-bottom-right { top: 100%; margin-top: 15px; } .sky-form .tooltip-bottom-right:after { bottom: 100%; right: 16px; border-right: 4px solid transparent; border-bottom: 4px solid rgba(0,0,0,0.9); border-left: 4px solid transparent; } .sky-form .input input:focus + .tooltip-bottom-right, .sky-form .select select:focus + .tooltip-bottom-right, .sky-form .textarea textarea:focus + .tooltip-bottom-right { right: 0; left: auto; margin-top: 5px; } .sky-form .tooltip-bottom-left { top: 100%; margin-top: 15px; } .sky-form .tooltip-bottom-left:after { bottom: 100%; left: 16px; border-right: 4px solid transparent; border-bottom: 4px solid rgba(0,0,0,0.9); border-left: 4px solid transparent; } .sky-form .input input:focus + .tooltip-bottom-left, .sky-form .select select:focus + .tooltip-bottom-right, .sky-form .textarea textarea:focus + .tooltip-bottom-left { right: auto; left: 0; margin-top: 5px; }


time pick
.ti_tx, .mi_tx, .mer_tx { width: 100%; text-align: center; margin: 10px 0; } .time, .mins, .meridian { width: 60px; float: left; margin: 0 10px; font-size: 20px; color: #2d2e2e; font-family: arial; font-weight: 700; } .prev, .next { cursor: pointer; padding: 18px; width: 28%; border: 1px solid #ccc; margin: auto; background: url(../images/arrow.png) no-repeat; border-radius: 5px; } .prev:hover, .next:hover { background-color: #ccc; } .next { background-position: 50% 150%; } .prev { background-position: 50% -50%; } .time_pick { } .timepicker_wrap { padding: 10px; border-radius: 5px; z-index: 998; display: none; box-shadow: 2px 2px 5px 0 rgba(50,50,50,0.35); background: #f6f6f6; border: 1px solid #ccc; float: left; position: absolute; top: 27px; left: 0; } .arrow_top { position: absolute; top: -10px; left: 20px; background: url(../images/top_arr.png) no-repeat; width: 18px; height: 10px; z-index: 999; } input.timepicki-input { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; float: none; margin: 0; text-align: center; width: 70%; } a.reset_time { float: left; margin-top: 5px; color: #000; }

0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 438

Re: Erro em time

15-01-2016 18:41

e ai meu querido está por ai ? pode me ajudar ? obrigado
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17671
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Erro em time

15-01-2016 19:17

Nesse caso ai pode ser até que alguma div em algum dos scripts está conflitando com o outro também.

Você poderia fazer um teste de eliminação. Coloca os 2 scripts na mesma página e ambos CSS inline, ou seja, diretamente no código fonte.

Ai você vai e apaga o CSS de um dos scripts. Possivelmente um dos scripts vai funcionar, ai você já sabe que a conflito no CSS.
Esse CSS pode ser ai você terá que ir filtrando os estilos do CSS.

Se quiser faz um zip com ambos scripts com seus CSS, JS e coloca o link para download que quando puder dou uma olhada para ver se descubro.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 438

Re: Erro em time

16-01-2016 12:23

Olá meu amigo zipei aqui http://www.twbteam.com.br/ProblemaTime.rar de uma olhada ai obrigado abraços
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17671
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Erro em time

16-01-2016 13:30

Esse script que está usando não é timepicker? http://jonthornton.github.io/jquery-timepicker/
0
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17671
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Erro em time

16-01-2016 14:11

Acho que achei o plugin que você usa. Creio que seja esse https://github.com/senthilraj/TimePicki

Eu peguei um exemplo do timepicki e colei junto do seu código. Tanto o timepicki quanto o tooltip estão funcionando.

<!-- TOOLTIP //--> <link rel="stylesheet" href="form_editar.css"> <!-- TOOLTIP //--> <!-- TIMEPICKI //--> <link rel='stylesheet' type='text/css'href='timepicki.css'/> <script type='text/javascript'src='jquery.js'></script> <script type='text/javascript'src='timepicki.js'></script> <script type='text/javascript'> $(document).ready(function() { $('#timepicker').timepicki(); }); </script> <input id='timepicker' type='text'name='timepicker'/> <!-- TIMEPICKI //--> <body class="bg-cyan"> <div style="clear:both";></div><br /> <form name="academia_editar" id="academia_editar" class="sky-form" enctype="multipart/form-data" method="post" > <fieldset> <div class="row" style="margin-top:10px;"> <section class="col col-12" > <label class="input"> <i class="icon-append fa fa-home"></i> <input type="text" name="apto" id="apto" placeholder="Apartamento" value="<?php echo $apto;?>"> <b class="tooltip tooltip-top-right"><b>Digite o <span style="color:#6CF;">Apartamento </span> Exemplo: <span style="color:#6CF;"> 1-101</span></b></b> </label> </section> </div> <div class="row"> <section class="col col-12" > <label class="input"> <i class="icon-append fa fa-user"></i> <input type="text" name="nome" id="nome" placeholder="Nome" value="<?php echo $nome;?>"> <b class="tooltip tooltip-top-right"><b>Digite o <span style="color:#6CF;">Nome </span> Exemplo: <span style="color:#6CF;"> João </span></b></b> </label> </section> </div> <div class="row"> <section class="col col-12" > <label class="input"> <i class="icon-append fa fa-clock-o"></i> <input type="text" name="horaentrega" id="horaentrega" placeholder="Hora Entrega da Chave" value="<?php echo $horaentrega;?>"> <b class="tooltip tooltip-top-right"><b><span style="color:#6CF;">Hora Entrega da Chave: </span> Exemplo: <span style="color:#F7E1B3;">12:00</span></b></b> </label> </section> </div> <div class="row"> <section class="col col-12" > <label class="input"> <i class="icon-append fa fa-clock-o"></i> <input type="text" name="horarecebida" id="horarecebida" placeholder="Hora Recebida da Chave" value="<?php echo $horarecebida;?>"> <b class="tooltip tooltip-top-right"><b><span style="color:#6CF;">Hora Entrega da Chave: </span> Exemplo: <span style="color:#F7E1B3;">12:50</span></b></b> </label> </section> </div> <div class="row"> <section class="col col-12"> <label class="input"> <i class="icon-append fa fa-calendar"></i> <input type="text" name="dataentrega" id="dataentrega" placeholder="Data entrega da chave" value="<?php echo $dataentrega;?>"><b class="tooltip tooltip-top-right"><b>Digite a <span style="color:#6CF;">Data </span> Exemplo: <span style="color:#6CF;"> 01/01/2016</span></b></b> </label> </section> </div> <div class="row"> <section class="col col-12"> <label class="input"> <i class="icon-append fa fa-calendar"></i> <input type="text" name="datarecebida" id="datarecebida" placeholder="Data Recebida da chave" value="<?php echo $datarecebida;?>"><b class="tooltip tooltip-top-right"><b>Digite a <span style="color:#6CF;">Data </span> Exemplo: <span style="color:#6CF;"> 01/01/2016</span></b></b> </label> </section> </div> </fieldset> <footer> <input type="hidden" name="user_id" value="<?php echo $id;?>" /> <input type="hidden" name="editar" value="ok" /> <input type="submit" name="Editar_academia" value="Editar Academia" class="button" /> </footer> </form> <script type="text/javascript"> $(function() { // Regular datepicker $('#dataentrega').datepicker( $.datepicker.regional[ "pt-BR" ] );({ dateFormat: 'dd/mm/yy', language: "pt-BR", prevText: '<i class="fa fa-chevron-left"></i>', nextText: '<i class="fa fa-chevron-right"></i>' }); $('#datarecebida').datepicker( $.datepicker.regional[ "pt-BR" ] );({ dateFormat: 'dd/mm/yy', language: "pt-BR", prevText: '<i class="fa fa-chevron-left"></i>', nextText: '<i class="fa fa-chevron-right"></i>' }); }); </script> <script type='text/javascript'> $('#horaentrega').timepicki({show_meridian:false}); $('#horarecebida').timepicki({show_meridian:false}); </script> <script type="text/javascript"> $(function() { // Masking $("#dataentrega").mask('99/99/9999', {placeholder:'_'}); $("#datarecebida").mask('99/99/9999', {placeholder:'_'}); $("#horaentrega").mask('99:99', {placeholder:'_'}); $("#horarecebida").mask('99:99', {placeholder:'_'}); }); </script> <script type="text/javascript"> $(function() { // Validation $("#academia_editar").validate( { // Rules for form validation rules: { apto: { required: true, }, nome: { required: true, }, datarecebida: { required: true, }, dataentrega: { required: true, }, }, // Messages for form validation messages: { apto: { required: 'Preencha com Apto' }, nome: { required: 'Preencha com Nome ou CNPJ' }, dataentrega: { required: 'Preencha com a Data Entrega da chave' }, datarecebida: { required: 'Preencha com a Data Recebida da chave' }, }, // Do not change code below errorPlacement: function(error, element) { error.insertAfter(element.parent()); } }); }); </script> <div id="clear"></div> </div><!--box--> <br /> </div> </div> <?php } } ?> </div></div> <div style="clear:both"></div>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 438

Re: Erro em time

16-01-2016 20:57

Aqui não funciona os dois juntos se quiser te mando print para você conseguir entender melhor.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17671
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Erro em time

16-01-2016 20:58

Vou mandar para você zipado o exemplo, 1min
Segue o link http://www.filedropper.com/problematime
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 438

Re: Erro em time

16-01-2016 21:05

Baixei seu exemplo quando clico no campo não aparece a mensagem personalizada junto com a hora da entrega da chave faz o teste ai
pois quando clicar no campo hora da entrega da chave deveria que seria o primeiro campo de hora depois do nome deveria aparecer a mensagem igual o modelo da do nome "hora da entrega da chave"

<b class="tooltip tooltip-top-right"><b><span style="color:#6CF;">Hora Entrega da Chave: </span> Exemplo: <span style="color:#F7E1B3;">12:00</span></b></b>


obrigado
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17671
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Erro em time

16-01-2016 21:13

Eu estava pensando que o conflito era de não carregar os 2 plugins no mesmo documento ao mesmo tempo.
Provavelmente quando clica no input o evento do timepicki está anulando o outro. Vou ver aqui se encontro alguma forma de anular.
0
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17671
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Erro em time

16-01-2016 21:57

Eu achei uma possível solução.

Seria você ver se esse plugin do tooltip funciona com mouseover, assim, o tooltip não iria aparecer por click, e sim ao passar o cursor, não conflitando.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 438

Re: Erro em time

16-01-2016 21:59

como eu faria ? obrigado. nossa sabia que era conflito me adiciona skype pra gente sempre conversar sinto falta de conversarmos rsrsrs. obrigado por estar sempre me ajudando
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17671
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Erro em time

16-01-2016 22:06

Teria que ver no plugin que você está usando. Veja no site oficial do plugin se há a documentação dele, e se há essa opção.
Se quiser uma opção de plugin mouseover usa essa http://stevenbenner.github.io/jquery-powertip/

Adiciono na Segunda.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado