Bom pessoal, estou finalizando um TCC mas me perdi em um código. Preciso fazer um quadro eletrônico de post-it, algo já está pronto, vou lhes dar o passo a passo de como está funcionando atualmente.
Amigo,
Seguinte, está havendo alguns comportamentos estranhos, vou lhe mostrar passo a passo com imagens:
Bom, nesta imagem aqui é logo quando abro o código, perfeito!
Após eu escrever algo na textarea, logo após eu tento arrastá-lo para algum lugar:
http://img41.imageshack.us/img41/6691/54822841.jpg Então ele fica assim, a partir desta última tela, ele me permite arrastar somente uma vez e aonde eu fixar, ele não arrasta mais. Depois se eu tentar fechar o post-it, o FECHAR POST-IT não funciona :( Estou apavorado com este trabalho.
Código do Trabalho:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Pergunta
rafaelcds
Bom pessoal, estou finalizando um TCC mas me perdi em um código. Preciso fazer um quadro eletrônico de post-it, algo já está pronto, vou lhes dar o passo a passo de como está funcionando atualmente.
Amigo,
Seguinte, está havendo alguns comportamentos estranhos, vou lhe mostrar passo a passo com imagens:
Bom, nesta imagem aqui é logo quando abro o código, perfeito!
http://img51.imageshack.us/img51/6595/48223328.jpg
Nesta aqui, é logo quando eu clico em MOSTRAR POST-IT, aqui ele abre o post-it em um lugar e a textarea em outro.
http://img801.imageshack.us/img801/7154/10897776.jpg
Após eu escrever algo na textarea, logo após eu tento arrastá-lo para algum lugar:
http://img41.imageshack.us/img41/6691/54822841.jpg Então ele fica assim, a partir desta última tela, ele me permite arrastar somente uma vez e aonde eu fixar, ele não arrasta mais. Depois se eu tentar fechar o post-it, o FECHAR POST-IT não funciona :( Estou apavorado com este trabalho.
Código do Trabalho:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sem título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="iutil.js"></script>
<script type="text/javascript" src="idrag.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#accept').hover(function(){
$(this).css("background-color","#7CFC00");
}, function(){
$(this).css("background-color","#999999");
});
});
</script>
<style type="text/css">
table{width: 98%; height: 30%; border: 1px solid #000000; border-collapse: collapse;}
td{width: 25%; border: 1px solid #000000; border-collapse: collapse;}
th{ width: 25%; height:10px; border: 1px solid #000000; border-collapse: collapse;}
#todo{height: 30px; background-color: #999999; text-align: center; font-size: 36px;}
#accept{background-color: #999999; text-align: center; font-size: 36px;}
a:link{ text-decoration: none; color: #000000;}
a:visited{text-decoration: none; color: #000000;}
#postIt{
display: none;
background-image:url("postit.png");
background-repeat:no-repeat;
height: 500px;
z-index: 1;
}
.textarea{
border:none;
font-family: arial;
font-size: 12px;
border-style: none;
background-color:transparent;
overflow: auto;
padding-top: 10px;
}
#conteudo{position: absolute; top: 90px; left: 30px;}
</style>
<script type="text/javascript">
$(document).ready(function(){
$('#postIt').hide();
$('a#mostraPost').click(function(){
$('#postIt').show();
});
$('a#escondePost').click(function(){
$('#postIt').hide();
});
});
</script>
</head>
<body>
<table>
<tr>
<th id="todo">To Do</th>
<td> </td>
<td> </td>
<th id="accept"><a href="#">Accept</a></th>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<div> <a id="mostraPost" href="#">Mostrar post-it</a></div>
<div id="postIt">
<div id="conteudo">
<a id="escondePost" href="#">Fechar Post-it</a><br/>
<textarea rows="10" cols="40" class="textarea">Escrevar algo aqui</textarea>
</div>
</div>
</body>
</html>
ALGUÉM PODERÁ ME AJUDAR? Obrigado
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.