Ir para conteúdo

POWERED BY:

Arquivado

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

-=Felipe=-

[Resolvido] Caixa de Overflow

Por , em Javascript

Recommended Posts

-=Felipe=-    0

-=Felipe=-
Postado

Eu queria saber ocmo fazer uma caixa com overflow com uma pergunta, em baixo tem um botao (Resposta) assim que eu clico nesse botao a caixa overflow fica visivel com uma resposta mais a baixo.

OBS: Sei que a overflow e CSS porem acho ke o Botao e em javascripot poriso postei aki !!

Espero que tenham entendido !

 

Obrigado !

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado

Não entendi muito bem sua dúvida, mas é só você alterar a propriedade overflow com javascript:

 

elemento.style.overflow = "hidden";

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado

Eu também não entendi...

Overflow é um estilo. Caixas podem ser: divs, spans, caixas de texto, textareas...

 

Não entendi realmente...

Compartilhar este post

Link para o post
Compartilhar em outros sites

-=Felipe=-    0

-=Felipe=-
Postado

Vou tentar ser Mais Claro !!

 

Tenho o Seguinte Script:

<html>
<head>
<title> Overflow </title>
<style type="text/css">
div{width:200px; height:100px; border-top:5px black groove; border-left:5px black groove; 

border-bottom: 5px black groove; border-right:5px black groove; overflow:hidden}
div:hover{overflow:scroll}
</style>
</head>
<body>
<div> Uma Pergunta Aqui !! <br><br><br><br><br><br> Uma Resposta aqui !!</div>
<input type="button" value=" Ver Resposta" name="botao">
</body>
</html>

Este script tem um botão (ver resposta) eu quero que ao clicar nesse botao a caixa que esta com um overflow:hidden seja mudado para overflow:scroll

 

No script citado esta com div:hover isso e apenas para ver oque eu quero.O script original não esta com a div:hover

 

Obrigado

Espero que tenha cido mais claro dessa vez =]

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

<html>

<head>

<title> Overflow </title>

<style type="text/css">

div#pergunta{width:200px; height:100px; border-top:5px black groove; border-left:5px black groove;

 

border-bottom: 5px black groove; border-right:5px black groove;}

</style>

<script type="text/javascript">

function id( el )

{

return document.getElementById( el );

}

function ver()

{

if( id('pergunta').style.overflow == 'hidden' ){

id('pergunta').style.overflow = 'scroll';

}else{

id('pergunta').style.overflow = 'hidden';

}

}

</script>

</head>

<body>

<div id="pergunta" style="overflow: hidden;"> Uma Pergunta Aqui !! <br><br><br><br><br><br> Uma Resposta aqui !!</div>

<input type="button" value="Ver Resposta" name="botao" onclick="ver()" />

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

-=Felipe=-    0

-=Felipe=-
Postado

Willian Bruno era exatamente oque eu quiria muito obrigado !!

 

Agora teria como eu colocar uma pergunta nesse botão ?

 

Clica no botão abri um prompt com uma pergunta e se respodner corretamente ai o overflow passa para scroll.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

function ver()

{

var reply = prompt("Responda a pergunta com: 'ae'", "");

 

if( reply == 'ae' ){

id('pergunta').style.overflow = 'scroll';

}else{

alert("você respondeu errado. Responda com 'ae'");

id('pergunta').style.overflow = 'hidden';

}

}

qual a dificuldade ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

-=Felipe=-    0

-=Felipe=-
Postado

=] vlw isos ai mesmo. É que sou novo em javascript nao sei muita coisa entao to tentando aprender aki no forum. ja comecei um curso de Web Desing to terminando CSS ainda to no inicio entao to tentando aprender amsi sobre web desing

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