Ir para conteúdo
Fórum Script Brasil

rafaeldorazio

Membros
 Perfil  Explorar Conteúdo

  • Total de itens

    171

  • Registro em

  • Última visita

 Tipo de Conteúdo 

Tudo que rafaeldorazio postou

  1. rafaeldorazio
    não serve pois é um autocomplete um pouco modificado
  2. rafaeldorazio
    axo que você não entendeu muito bem, o meu problema é que quando eu deço abaixo da scroll, não está acompanhando a arrow do teclado. a estrutura do html seria essa dessa option : <div id="divAutoCompleteNome" style="max-height: 102px; overflow: auto; border: 1px solid #979797; position: absolute; background-color: #F8F8F8; z-index: 15; display: none;"> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> <div> Texto Aqui </div> </div> QUando vou navegando pela div , chega numa hora que não vou mais ver a div que estás sendo selecionada. Como eu faço para a scroll acompanhar ?
  3. rafaeldorazio
    http://img203.imageshack.us/i/imagemgqt.jpg/ Veja que parece uma option mas porem foi desenvolvido por mim, um componente. O meu problema é que se o cliente selecionar via teclado a linha de baixo, a option não acompanha e o cliente não verá quem está selecionado. Como eu faço para a option acompanhar o que está selecionado ?
  4. rafaeldorazio
    imagine um campo option do html, e com scroll. QUando você navega pelo option ele vai decendo com o focu, como eu faria isso ?
  5. rafaeldorazio
    Eu estou desenvolvendo um autocomplete. Ele tem scroll. Dentro desta scroll tem varias divs, preciso dar focu nessas div, sendo que tem scroll. Como faço para a div que está abaixo na scroll fique focada ?
  6. rafaeldorazio
    sk15 perfeito, pode fechar
  7. rafaeldorazio
    supondo que a data esta assim: 10/2/2010 Eu gostaria que ficace 10/02/2010
  8. rafaeldorazio

    (Resolvido) TOP 5

    pergunta respondeu ao Gafanhoto de rafaeldorazio em .NET

    Se você estiver usando um datareader, você pode fazer um contador e inserir dentro de uma div com INNERHTML
  9. rafaeldorazio
    Como eu faço para formatar uma string com 2 digitos quando não há 2 digitos, colocar 0 na frente.
  10. rafaeldorazio
    Com mais calma em casa eu analisei e usei um comando que ajeitou tudo XD não precisei usar a borda mas vlw a ajuda.
  11. rafaeldorazio
    acho que eu consegui fazer com que o layout se adeque com a resolução. Agora o que falta é fazer a parte de baixo do menu que fica sem nada. Irei pensar em algo. Obrigado Ricardo pela ideia
  12. rafaeldorazio
    rsrs vou tentar aqui, inicialmente eu tinha feito assim mas resolvi mudar XD Vou testar a sua ideia .
  13. rafaeldorazio
    O que acontece é que a imagem ela tem borda top e bottom. E quando a resolução fica abaixo dos 1280, a borda da imagem invade o id conteudo !
  14. rafaeldorazio
    é que se eu tirar essa position: Absolute, a minha imagem não vai sobrepor a borda do id="conteudo". alguém tem alguma ideia de como sobrepor essa borda esquerda do id="conteudo" ? Detalhe essa sobreposição tem que ser apenas no li.selected .
  15. rafaeldorazio
    Consegui arrumar o meu problema, porem quando eu mudo a resolução do windows fica zuado. <!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> <title></title> <style type="text/css"> li{ list-style: none; } #geral { width: 100%; margin:0 auto; padding: 7px 4px 7px 0px; display: table; border: 1px solid #A8B3C2; background-color: #E5E7EA; } #menu { float:left; display:inline; /*Para exibição no IE*/ margin:0 auto; height: 100%; width: 14.7%; } #conteudo { float:left; display:inline; /*Para exibição no IE*/ margin: 0; height: 100%; width: 84.9%; border: 1px solid #A8B3C2; /*border-left: none;*/ background-color: #F0F0F0; } /********************* MENU *********************/ li.menu { list-style: none; /*background-color: #E5E7EA; border-left: 1px solid #A8B3C2; border-right: 1px solid #A8B3C2; border-bottom: 1px solid #DEE1E7;*/ font-family: Verdana; font-size: 12px; background-image: url('fundo_menu.png'); background-position: top left; margin-left: 0px; } li.selected { background-image: url('fundo_selected.png'); background-repeat: no-repeat; background-position: top left; z-index: 10; height: 33px; /*background-color: #F0F0F0;*/ font-family: Verdana; font-size: 12px; font-weight: bold; margin-left: -7px; position: absolute; width: 100%; } span.link { line-height: 33px; margin: 0 20px 0 20px; } </style> </head> <body> <div id="geral"> <div id="menu"> <ul style="margin: 0 auto; padding:0 auto; margin-left: -40px;"> <li class="selected"><span class="link">Menu1</span></li> <li class="menu"><span class="link">Menu2</span></li> <li class="menu"><span class="link">Menu3</span></li> <li class="menu"><span class="link">Menu4</span></li> <li class="menu"><span class="link">Menu5</span></li> <li class="menu"><span class="link">Menu6</span></li> <li class="menu"><span class="link">Menu7</span></li> <li class="menu"><span class="link">Menu8</span></li> </ul> </div> <div id="conteudo"> <div style="margin: 15px 35px 15px 35px;"> Testando o texto<br />Testando o texto<br />Testando o texto<br /> Testando o texto<br />Testando o texto<br />Testando o texto<br />Testando o texto<br />Testando o texto<br /> Testando o texto<br />Testando o texto<br />Testando o texto<br />Testando o texto<br />Testando o texto<br /> Testando o texto<br />Testando o texto<br />Testando o texto<br />Testando o texto<br />Testando o texto<br /> Testando o texto<br />Testando o texto<br />Testando o texto<br />Testando o texto<br />Testando o texto<br /> </div> </div> </div> </body> </html>
  16. rafaeldorazio
    <!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> <title></title> <style type="text/css"> li{ list-style: none; } #geral { width: 100%; margin:0 auto; padding: 7px 4px 7px 0px; display: table; border: 1px solid #A8B3C2; background-color: #E5E7EA; } #menu { float:left; display:inline; /*Para exibição no IE*/ margin:0; height: 100%; width: 15%; } #conteudo { float:left; display:inline; /*Para exibição no IE*/ margin: 0; height: 100%; width: 84.9%; border: 1px solid #A8B3C2; border-left: none; background-color: #F0F0F0; margin-left: -2px; } /********************* MENU *********************/ li.menu { list-style: none; /*background-color: #E5E7EA; border-left: 1px solid #A8B3C2; border-right: 1px solid #A8B3C2; border-bottom: 1px solid #DEE1E7;*/ font-family: Verdana; font-size: 12px; background-image: url('fundo_menu.png'); background-position: top left; } li.selected { background-image: url('fundo_selected.png'); background-repeat: no-repeat; background-position: top 100% -100%; z-index: 10; height: 33px; /*background-color: #F0F0F0;*/ font-family: Verdana; font-size: 12px; font-weight: bold; } span.link { line-height: 33px; margin: 0 20px 0 20px; } </style> </head> <body> <div id="geral"> <div id="menu"> <ul style="margin: 0 auto; margin-left: -40px;"> <li class="selected"><span class="link">Menu1</span></li> <li class="menu"><span class="link">Menu2</span></li> <li class="menu"><span class="link">Menu3</span></li> <li class="menu"><span class="link">Menu4</span></li> <li class="menu"><span class="link">Menu5</span></li> <li class="menu"><span class="link">Menu6</span></li> <li class="menu"><span class="link">Menu7</span></li> <li class="menu"><span class="link">Menu8</span></li> </ul> </div> <div id="conteudo"> <div style="margin: 15px 35px 15px 35px;"> Testando o texto<br />Testando o texto<br />Testando o texto<br /> Testando o texto<br />Testando o texto<br />Testando o texto<br />Testando o texto<br />Testando o texto<br /> Testando o texto<br />Testando o texto<br />Testando o texto<br />Testando o texto<br />Testando o texto<br /> Testando o texto<br />Testando o texto<br />Testando o texto<br />Testando o texto<br />Testando o texto<br /> Testando o texto<br />Testando o texto<br />Testando o texto<br />Testando o texto<br />Testando o texto<br /> </div> </div> </div> </body> </html>
  17. rafaeldorazio
    eu tenho a div Menu e a Conteudo, elas são divididas por uma borda. Porem o menu selecionado ele não tem a borda direita. Existe algum modo pra que eu faça um sobreposição da imagem de fundo na borda ?
  18. rafaeldorazio
    então, hoje a tarde tive essa ideia mas não consegui, ficou uma melaca. Sei que é chato, mas teria como dar uma luz ?
  19. rafaeldorazio
    Hoje está assim : http://img294.imageshack.us/f/13007521.jpg/ Como eu faço para que o menu fique assim ? http://img215.imageshack.us/img215/6691/94534903.jpg <!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> <title></title> <style type="text/css"> li{ list-style: none; } #geral { width: 100%; padding: 3px 2px 3px 0px; border: 1px solid #A8B3C2; background-color: #E5E7EA; display: table; } #menu { width: 24%; margin:0 auto; padding:0 auto; } /********************* MENU *********************/ li.menu { list-style: none; height: 35px; background-color: #E5E7EA; border-left: 1px solid #A8B3C2; border-right: 1px solid #A8B3C2; border-bottom: 1px solid #DEE1E7; font-family: Verdana; font-size: 12px; } li.selected { background-image: url('selected_left.png'); background-repeat: no-repeat; background-position: top left; height: 35px; background-color: #F0F0F0; border-top: 1px solid #A8B3C2; border-bottom: 1px solid #A8B3C2; font-family: Verdana; font-size: 12px; font-weight: bold; } span.link { line-height: 35px; margin: 0 20px 0 20px; } </style> </head> <body> <div id="geral"> <div id="menu" style="display: table-cell;"> <ul class="teste" style="margin: 0 auto; margin-left: -38px;"> <li class="selected"><span class="link">Menu1</span></li> <li class="menu"><span class="link">Menu2</span></li> <li class="menu"><span class="link">Menu3</span></li> <li class="menu"><span class="link">Menu4</span></li> <li class="menu"><span class="link">Menu5</span></li> <li class="menu"><span class="link">Menu6</span></li> <li class="menu"><span class="link">Menu7</span></li> <li class="menu"><span class="link">Menu8</span></li> </ul> </div> <div id="conteudo" style="display: table-cell; width: 76%; margin: 3px; border: 1px solid #A8B3C2; border-left: none; background-color: #F0F0F0;"> <br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /> </div> </div> </body> </html>
  20. rafaeldorazio
    Eu já vi alguns componentes onde inseri bordas com div dentro de um text. alguém tem ideia de como fazer ? Pode ser feito com Juqery ou javascript puro
  21. rafaeldorazio
    usa Jquery que vai dar certo
  22. rafaeldorazio
    para fazer isso eu aconselharia a usar o Jquery, ele é mais flexivel. Se você tiver conhecimentos de Jquery faça um plugin. Estou terminando um plugin de Jquery, e eu estou para começar um outro, talvez esse codigo que você precise seria algo do tipo uma tooltip ! A tootip está na lista de plugion porem ela não é prioridade. Caso não surja nenhum plugin como prioridade daqui uns 1 mes eu comece a fazer um XD. Se estiver interesado daqui a algum tempo, entre em contato !
  23. rafaeldorazio
    eu devo ter um exemplo em casa, mas não tenho certeza, hoje a noite eu ver la em casa, caso tenha eu posto aqui. Só que ele está em Jquery !
  24. rafaeldorazio
    Eu estou tentando desenvolver uma tb em css. Porem eu gostaria de uma ajudinha, pois a figura da tab direita está em uma img e eu gostaria que ficace como background no css, como eu faria ? Esta parte do codigo <div style="width: 500px; max-height: 200px; overflow: auto;"> <div class="tabPane"> <div class="tabActive"> <span class="titulo_tab">Contatos</span> <img src="../images/tab/tab_right_active.gif" alt="" /> </div> </div> <div class="aTab"> contem a img da tab direita, mas eu queria fazer tudo certinho colandoco o codigo no css, como eu faria ? .tabPane{ height:21px; /* Height of tabs */ border-bottom:1px solid #919b9c; } .titulo_tab { position: relative; padding-left: 4px; padding-right: 4px; } .tabPane .tabActive{ background-image:url('../images/tab/tab_left_active.gif'); margin-left:0px; margin-right:0px; z-index:10; } .tabPane .tabInactive{ background-image:url('../images/tab/tab_left_inactive.gif'); margin-left:0px; margin-right:0px; z-index:1; } .tabPane .inactiveTabOver{ background-image:url('../images/tab/tab_left_over.gif'); margin-left:0px; margin-right:0px; } input[type=checkbox] { padding: 0 0 17px 0; } .aTab{ border-left:1px solid #919b9c; border-right:1px solid #919b9c; border-bottom:1px solid #919b9c; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; } .tabPane DIV{ float:left; height:100%; /* Height of tabs */ padding-left:3px; vertical-align:middle; background-repeat:no-repeat; background-position:bottom left; cursor:pointer; position:relative; bottom:-1px; margin-left:0px; margin-right:0px; } .tabPane span{ font-family:arial; vertical-align:top; font-size:11px; padding-left:3px; padding-right:3px; line-height:21px; float:left; } .tabPane .tabActive span{ padding-bottom:1px; line-height:20px; } .tabPane img{ float:left; } <div style="width: 500px; max-height: 200px; overflow: auto;"> <div class="tabPane"> <div class="tabActive"> <span class="titulo_tab">Contatos</span> <img src="../images/tab/tab_right_active.gif" alt="" /> </div> </div> <div class="aTab"> /* BEGIN: PESQUISA */ divListaContatos += "<div id='divPesquisaContatos' style='padding: 12px 0 12px 15px; font-size: 11px; font-family: Verdana; background-color: #F4F8F6; border-bottom: 1px solid #CCC;'>"; divListaContatos += "<input type='checkbox' id='chbTodosContatos' name='TodosContatos' style='padding: 0 0 0 5px; outline: 0;' /> Select all"; divListaContatos += "<span style='margin: 11px 0 11px 50px;'><input type='text' id='txtBusca' style='border: 1px solid #444444; height: 15px; font-size: 11px; padding-top: 3px; padding-left: 3px; background-image: url(images/pesquisa.png); background-repeat: no-repeat; background-position: right;' size='45' /></span>"; divListaContatos += "</div>"; /* END: PESQUISA */ $.each(array, function (row, itemListaContatos) { var varEmail = itemListaContatos.Email; var varNome = itemListaContatos.Nome; var varEmailReplace = varEmail.replace(/@/g, "").replace(/[.]/g, ""); check = selecionaCheckboxBusca(varEmail); /* BEGIN: LISTA CONTATOS */ divListaContatos += "<div style='padding: 12px 0 12px 20px; border-bottom: 1px solid #CCC;'><div style='font-size: 11px; font-family: Verdana; width: 60%; float: left;'>"; divListaContatos += "<input type='checkbox' id='chb" + varEmailReplace + "' name='chbPara' style='outline: 0;' " + check + " value='" + varEmail + "' class='' />"; divListaContatos += "<span style='position: absolute; padding: 0 0 2px 5px;'>" + varEmail + "</span></div>"; divListaContatos += "<span style='font-size: 11px; font-family: Verdana;'>" + varNome + "</span></div>"; /* END: LISTA CONTATOS */ }); </div> </div>
  25. rafaeldorazio
    // evento da checkbox principal $("#chbPrincipal").click(function() { executa o codigo }); //checkbox que seleciona todas $("#chbTodosContatos").live("click", function () { if ($(this).is(":checked")) { $("input[name=chbPrincipal]").attr("checked", true); } else { $("input[name=chbPrincipal]").attr("checked", false); } $("input[name=chbPara]").click(); }); A chbTodosContatos seleciona todas as checkbox ! Como eu faço para executar o evento click do chbPrincipal quando for clicado na checkbox chbTodosContatos ?
×
×
  • Criar Novo...