controlar barras de rolagem

[Reginaldo 0]

pessoal eu to precisando eliminar as barras de rolagem que surgem nos campos do tipo select... com opções insuficientes para enxer o mesmo a rolagem não aparece... mas se tenho muitas opçõe dentro do select, naturalmente aparece a rolagem... mas preciso fazer com que não apareça barra de rolagem...

 

alguem sabe um meio ?

 

parametros nativos do select eu ja vi que não contam com este recurso...

via CSS até tem jeito mas não funcionou... tentei style: overflow: hidden

 

mas tambem não deu...

 

o motivo é simples... a navegação entre os options será feita pelas setinhas do teclado..

 

não pode ter rolagem..

 

alguem poderia me dar uma ajudinha ?

 

grato desde já!

[brcontainer 16]

tem um link para ver como você aplicou o "overflow"?

por acaso é o select multiple que você se refere?

 

abraço ;)

[Reginaldo 0]

usei do jeito que postei ai..... mas quanto a ser multiple isso eu ja não sei dizer.. pos ele pode ter zilhões de options dentro dele que eu trago de um banco de dados.

 

exemplo:

 

<select style="overflow:hidden" name="a" size="5">
<option value=1>1</opition>
<option value=2>2</opition>
<option value=3>3</opition>
<option value=4>4</opition>
<option value=5>5</opition>
<option value=6>6</opition>
<option value=7>7</opition>
<option value=8>8</opition>
<option value=9>9</opition>
<option value=10>10</opition>
</select>

[inforsis 1]

Bom Dia Reginaldo!

 

Não se entendi muito bem sua dúvida, mais pelo que compreendi você quer mostra apenas uma opção e permitir que o usuário navega pelas opções usando o teclado.

Então seria algo do tipo (além de ocultar a barra de rolagem com a propriedade overflow você defini uma altura para seu select.)

 

<select style="overflow:hidden; height:30px;" name="a">
<option value=1>1</opition>
<option value=2>2</opition>
<option value=3>3</opition>
<option value=4>4</opition>
<option value=5>5</opition>
<option value=6>6</opition>
<option value=7>7</opition>
<option value=8>8</opition>
<option value=9>9</opition>
<option value=10>10</opition>
</select>

 

PS: Notei que o IE e o FF interpretam o código acima de forma diferente, então caso julgue necessário pode usar um comentário condicional. ;)

[Reginaldo 0]

não amigo.. estas equivocado.. rsrs

 

eu não quero definir uma altura pra aparecer todas as opções.... eu quero que a altura seja uma só independente de quantos options eu telha la dentro... pode ser muitos.. milhares...

 

é que estou fazendo um datagrid em formato web...

 

eu não quero rolagem pois o meu asp ja faz o filtro pra limitar somente oque intereça ao usuario... e ai ele vai pelas setinahs do teclado... (pois mesmo sem rolagem.. a setinha desce a listagem) .. ja vi isso em algum lugar.. queria lembra onde.. rs

 

mas isso que você colocou ai do overflow:hidden eu ja tentei... não funcionou

 

obrigado pela força amigo :)

[brcontainer 16]

TALVEZ por javascript seja melhor por que parece que por CSS

é meio complicado manipular o SELECT...

 

<script>
window.onload = function(){
var Sel = document.getElementById("SELECTs");
Sel.size = Sel.options.length;
}
</script>
</style>
<select id="SELECTs" size="1" name="a">
<option value=1>1</opition>
<option value=2>2</opition>
<option value=3>3</opition>
<option value=4>4</opition>
<option value=5>5</opition>
<option value=6>6</opition>
<option value=7>7</opition>
<option value=8>8</opition>
<option value=9>9</opition>
<option value=10>10</opition>
</select>

a BARRA de rolagem aparece ainda no FF porem desabilitada

;)

[Reginaldo 0]

silverfox, se eu entendi direito, a sua resposta não tem nada aver com oque eu perguntei.. hehehe

 

eu não quero esticar a altura do campo de acordo com a quantidade de conteudo...

 

a altura desse campo é fixa!! e sem a rolagem, a navegação entre as opções la dentro ficaria por conta das setinhas...

 

eu simplismente quero sumir com a rolagem.. não quero aumenta tamanho de nada.. rsrs

 

mas obrigado assim mesmo amigo =)

[inforsis 1]

Reginaldo, Bom Dia!

Para facilitar seria bom você dispor de um linnk, ou uma imagem... para o pessoal visualizar melhor... E propor uma solução adequada... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[brcontainer 16]

é complicado o que você quer, tem uma maneira é ocultando com um elemento PAI ao elemento SELECT:

+ou- assim (ainda não é isso 100%)

 

<style>
.pai{
background:#fc0;
overflow:hidden;
width:20px;
height:auto;
}
.pai select{
border:0;
overflow:hidden;
}
</style>
<div class="pai">
<select id="SELECTs" name="a" size="5">
<option value=1>1</opition>
<option value=2>2</opition>
<option value=3>3</opition>
<option value=4>4</opition>
<option value=5>5</opition>
<option value=6>6</opition>
<option value=7>7</opition>
<option value=8>8</opition>
<option value=9>9</opition>
<option value=10>10</opition>
</select>
</div>

bem mas sendo um DATAGRIDE você poderia fazer uma simulção desse SELECT combinando ao JAVASCRIT

 

falow ;)

[Reginaldo 0]

silverfox gostei da sua solução... é uma boa solução...

 

mas me diz ai.. agora fiquei curioso... como você faria o SELECT combinando ao JAVASCRIT ? heheh

 

achei interesante

 

 

abraços..

 

muito obrigado

[brcontainer 16]

bem eu usaria listagem, HTML+CSS, assim:

(teria no CSS overflow:hidden; altura definida e o input seria oculto)

<input type="text" valor="" name="a">
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
</ul>

depois aplicaria o JAVASCRIPT para enviar o valor do LI seleciona para o input

claro que não vou postar inteiro, a não ser que um dia eu vá fazer uma tutorial

mas ainda não vejo necessidade, pois acredito que você consiga criar

;)