Ir para conteúdo
    • João Batista Neto

      iMasters InterCon 2017   10-10-2017

      Ainda dá tempo de se inscrever no iMasters InterCon 2017, o maior evento dev do Brasil!  
Lisbi

Select option usando Dropkick desconfigurado no IE

Recommended Posts

Boa noite Pessoal

 

Estou com um problema sério, baixei um plugim para estilizar o meu select option de opções de cidades do meu projeto,

até ai td bem! Mas quando fui testar no IExplorer ele duplicava os selects, mostrando o estilizado e o select basico do html (sem estilização).

resolvi o problema da seguinte forma usando esses códigos css.

.formulario select {
	position: inherit;
	display: none;
}

E funcionou igual nos navegadores, mas quando fui ver o site "(responsivo)" pelo celular  tive a surpresa de não aparecer o select de opções, então vi que o display influenciava diretamente nisso!

Dai vem o meu dilema, se eu mudar o display, funciona em todos os navegadores normalmente e tb no celular, embora no celular seja sem estar estilizado!

 

Como resolvo esse problema, gostaria que funcionasse corretamente em todos! Alguem ai pode esclarecer pra mim como resolvo esse problema?

 

Desde já eu agradeço pessoal.  

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Oi

 

Você podia tentar fazer o CSS para a resolução do celular primeiro e deixava responsivo para as outras resoluções como desktop, TV e Tablet   

 

 

Editado por Giovani
Imagens desnecessárias retiradas do post
  • +1 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Boa tarde pessoa! @Fabio Victor, foi de grande ajuda esse tutorial! Mas mesmo aplicando as regras e mudando ate o layout do site, o select option continuou sem aparacer! Sera que tem como eu mudar esse codigo css acima só para as telas de celulares!

Tipo :

.formulario select {
	position: inherit;
	display: block;
}

 

mas para ter essa leitura só quando for acessado pelos smart fones

Compartilhar este post


Link para o post
Compartilhar em outros sites
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .formulario select {
      position: inherit;
      display: block;
  }
}

Dessa forma isso vai aparecer apenas em telas menores que 480px, acho que resolve seu problema.

  • +1 1

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


  • Próximos Eventos

  • Conteúdo Similar

    • Por viniciussmelo
      Boa tarde, gostaria de saber como faria um select que retornasse um número de registros encontrados no meu banco de dados. 
      Por exemplo: 
      $nome = vinicius;
      SELECT nome FROM historico where nome = '$nome';
      Após isso ele retornaria quantos vinicius foram encontrados no banco. 
      Por exemplo 2: 
      5 (retornou o número de registros no banco de dados, apenas para mim, não para mostrar ao usuário) 
    • Por MatheusMS21
      Bom dia galera tudo beleza ? Estou com um enorme B.O. 
      Vamos lá:
      Quando eu coloco em um select a opção "Não Aprovada", ele chama um modal onde tem que justificar o por que não foi aprovada.
      Porém, eu preciso inserir esta justificativa na respectiva proposta, onde tem as opções de Aprovada, Não Aprovada. Aí eu preciso usar
      o id desta proposta ($row_prop['nproposta'];) para poder inserir a justificativa nela.
      Seguem os meus códigos.
       
      Acho que o select não tem necessidade de colocar pois o javascript vai chamar o <option>Não Aprovada</option> do <select>
       
      Modal:
      <div class="modal fade" id="ModalNaprov<?php echo $row_prop["nproposta"]; ?>" tabindex="-1" role="dialog" aria-labelledby="modal-organiza-label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> <div class="blue-title"><h4>Justifique o Motivo</h4></div> </div> <div class="modal-body"> <form role="form" action="acoes/naprov.php?nproposta=<?php echo $row_prop["nproposta"]; ?>" method="GET" class="registration-form" enctype="multipart/form-data"> <input type="hidden" name="nproposta" value="<?php echo $row_prop["nproposta"]; ?>"> <div class="form-group"> <label>Justificar: </label> <textarea class="form-control" name="naprov"></textarea> </div> <div> <button type="button" class="btn btn-primary" data-dismiss="modal">Cancelar</button> <button type="submit" class="btn btn-success" name="btnNAPROV">Enviar</button> </div> </form> <div> </div> <br> </div> </div> </div> </div> Javascript para chamar este Modal pelo Select "Não aprovada".
      $('select').change(function () { if ($(this).val() == "Não Aprovada") { $('#ModalNaprov<?php echo $row_prop["nproposta"]; ?>').modal('show'); } }); PHP para inserir os dados da justificativa:
      ob_start(); include_once('../conexao.php'); if ($_GET) { $naprov = mysqli_real_escape_string($conn, $_GET['naprov']); $nproposta = mysqli_real_escape_string($conn, $_GET['nproposta']); $sql = "UPDATE propostas SET naprov = '$naprov' WHERE nproposta = '17SMS45001'"; if ($conn->query($sql)) { echo " <META HTTP-EQUIV=REFRESH CONTENT = '0;URL=http://localhost/Intec/listar_propostas.php?link=2'> <script type=\"text/javascript\"> alert(\"Justificativa enviada com Sucesso.\"); </script> "; }else{ echo " <META HTTP-EQUIV=REFRESH CONTENT = '0;URL=http://localhost/Intec/listar_propostas.php?link=2'> <script type=\"text/javascript\"> alert(\"Erro ao enviar justificativa.\"); </script> "; } } Obrigado pela ajuda desde já =)
    • Por zetabyte00
      Tem alguma diferença de desempenho entre linkar e exportar uma folha de estilo CSS?
       
       
       
       
    • Por matheuslimasr
      Olá pessoal vocês podem ver minha rede social https://codysocial.com/
       
      e mandar dicas e ate criticas isso vai mim ajuda muito para melhorar mais ainda ela,
      vou fica bastante agradecido se vocês testar meu projeto e mim dizer oque achou dela. 
       
      Iniciei este projeto em dezembro de 2016 , e pretendo continuar com ele sempre.
×

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: