Pesquisar na Comunidade
Mostrando resultados para as tags ''style''.
Encontrado 3 registros
-
Pessoal, tudo bem??? tenho um código Javascript com dois selects. O Select 1 já está populado e ao selecionar um elemento, todos os outros elementos vão para o Select 2 , menos o selecionado no Select 1. Quando clico em um elemento do Select 2, ele envia todos menos o selecionado para o Select 1. Eles funciona perfeitamente. O que não estou conseguindo é passar o conteúdo do Style para o Select oposto, para que seu fundo fique colorido tmbm. Segue o código para que vocês entendam: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> function insertSelected(campoOrig, campoDest){ Alerta_Valor = campoOrig.value; if (Alerta_Valor == "") { alert("Selecione um Item"); return; } Origem = campoOrig; Destino = campoDest; Destino.options.length = 1; var Contador = 0; //Destino.length; for (var Conta_Laco = 0; Conta_Laco < Origem.length; Conta_Laco++) { if (Origem.options[Conta_Laco].selected) { } else { if ( Origem.options[Conta_Laco].value =="" ) { } else { Destino.options[Contador] = new Option( Origem.options[Conta_Laco].text, Origem.options[Conta_Laco].value); } Contador++; } } } </script> </head> <body> <form id="form1" name="form1" method="post" action=""> <table border="0"> <tr> <td> <select style="width: 300px;" name="sel1" id="sel1" size="10" onchange="insertSelected(getElementById('sel1'), getElementById('sel2'));"> <option style="color:#FFFFFF; background-color:#C02828;" value="">Competidor Um...</option> <option value="01" >Alex</option> <option value="02" >Beto</option> <option value="03" >Cristiano</option> <option style="color:#FFFFFF; background-color:#088F08;" value="04" >Décio Rocha</option> <option value="05" >Eder</option> <option value="06" >Fábio</option> <option value="07" >Geovani</option> <option value="08" >Helton</option> <option style="color:#FFFFFF; background-color:#088F08;" value="09" >Italo</option> <option value="10" >Jaime</option> <option style="color:#FFFFFF; background-color:#146295;" value="11" >Kaio</option> <option value="12" >Lauri</option> </select> </td> <td>--- Vs. ---</td> <td> <select style="width: 300px;" name="sel2" id="sel2" size="10" onchange="insertSelected(getElementById('sel2'), getElementById('sel1'));"> <option value="">Competidor Dois...</option> </select> </td> </tr> </table> </form> </body> </html>
-
- dois selects
- selects
- (e %d mais)
-
Pessoa, to mexendo no edge animate e ele suporta somente javascript quero personalizar a barra de rolagem de uma div (ou do site inteiro) e ta dificil hahah o codigo que quero criar em java é esse ::-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.1); border-radius: 10px; } ::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 40 50 0px rgba(0,0,0,0.4); } ::-webkit-scrollbar-thumb:vertical { height: 91px; width:21px; background: url(https://www.ocf.berkeley.edu/~recycle/RecycleMania/images/loading.gif) no-repeat center; <!-- Cor da barra de rolagem --> border-radius: 10px; <!-- Arredondamento da barra de rolagem --> }porem não sei como tentei fazer minha sym.$("iframe") estilizada mas nada funcionou com o codigo abaixo sym.$("iframe").css('overflow-x','hidden','scrollbar-face-color','#000000'); ajudem ? obg
-
Oi, eu implementei um site com as funções dele mas preciso estilizar ele ao modo que me pediram isso é o que tenho até agora: http://codepen.io/dev8-seucondominio/pen/eNLKGP mas preciso deixa-lo desse jeito: http://i.imgur.com/mnNDIcf.png O mínimo que poderem me ajudar, desde os buttons, as tabelas, qualquer coisa, eu aceito, por favor! Muito obrigado e com certeza ajudarei quem me ajudar :D