Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

nknk

[Resolvido] Não exibe barra de rolagem em div

Por , em Javascript

Recommended Posts

nknk    3

nknk
Postado

Pq este script que muda de classe exibindo a barra de rolagem não funciona?

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script>//muda de classe
function mudaclasse(elemento,class){
  var el = document.getElementById(elemento);
  el.className = class;
}
</script>
<style>
  .barr{
	overflow-y:visible;
	padding:10px;
  }
  </style>
</head>

<body>
<div id="resul" style="width:400px;height:200px;overflow-y:hidden;border:1px solid black;" class="x">
h<br>
h<br>
h<br>
h<br>
h<br>
h<br>
h<br>
h<br>
h<br>
h<br>
h<br>
h<br>
h<br>
h<br>
h<br>
</div><br />
<a href="java script:mudaclasse('resul','barr')">Barra de rolagem</a>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

nknk    3

nknk
Postado

O que gostaria é de qdo ele clicasse em barra aparecesse a barra de rolagem. Por isso o estilo da div resul é sem barra de rolagem

Compartilhar este post

Link para o post
Compartilhar em outros sites

brunocampos_    3

brunocampos_
Postado

Para barra é overflow: scroll. Não tem isto em lugar nenhum.

 

Mas deste jeito que você está fazendo também não vai dar certo porque você está mudando a classe de um elemento que tem o estilo definido na própria tag. A prioridade é para o que é definido na tag, no caso o overflow-y:hidden.

Se você criar uma classe inicial para este elemento, aí sim quando trocar a classe vai dar certo. Ou entao coloque no seu javascript document.getElementById(elemento).overflowY = "scroll".

Compartilhar este post

Link para o post
Compartilhar em outros sites

nknk    3

nknk
Postado

Cara, eu consegui, mas o correto é

document.getElementById(elemento).style.overflowY = "scroll".

 

não sei pq mas se eu colocasse um link java script:document.getElementById(elemento).overflowY = "scroll"

 

nao pega.

Compartilhar este post

Link para o post
Compartilhar em outros sites

brunocampos_    3

brunocampos_
Postado

Ta certo, é propriedade de style mesmo.

 

Já seu link não funciona por causa do "java script:" separado. O correto no link é "java script:acao;"

 

 

Edit:

Ah, é o fórum que separa as palavras... Vi agora

Compartilhar este post

Link para o post
Compartilhar em outros sites

nknk    3

nknk
Postado

era isso

 

<a href="java script:document.getElementById('elemento').overflowY = 'scroll'">exibir</a>

nao pega

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito