Comunidad de diseño web y desarrollo en internet online

mostrar y ocultar elementos.

Citar            
MensajeEscrito el 28 Jun 2012 11:39 pm
Estoy por hacer una formulario igual al de twitter que cuando haga click en el <textarea> cresca y salga los iconos y el submit de comentar.

@danijazzero me ayudo con esto.

<!DOCTYPE html>
<html>
<head>
<style>
div{ display:none}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("textarea").focus(function(){
$("textarea").css("background-color","#FFFFCC");
$("div").show(900);
});
$("textarea").blur(function(){
$("div").hide(900);
$("textarea").css("background-color","#FFFF99");
});
});
</script>
</head>
<body>
<h1> Tu Pagina PETE </h1>
<textarea> </textarea>
<div> <input type="submit" value="enviar"> </div>
</body>
</html>

lo que pasa hay que cuando doy click fuera del textarea se cierra el div lo cual no podre darle al botom suubimit :/ como hago para que el div donde esta el boton me permanesca abierto si hay algo escrito en el textarea...?

si no hay nada escrito este se cierre cuando quite el click del textarea...

Se entiende (?)

Por js_toni

93 de clabLevel



Genero:Masculino  

programar

firefox
Citar            
MensajeEscrito el 29 Jun 2012 07:05 pm
si entonces aqui debes poner otro objeto en la ecuacion y es el dIV que contenga al textarea por ejemplo

<div id="contTextarea">

<textarea> </textarea>
<div> <input type="submit" value="enviar"> </div>

</div>


el jquery que tienes lo vas a dejar igual solo vas agregar el

$('contTextarea').click(function(){

$("textarea").css("background-color","#FFFFCC");
$("div").show(900);

})

pero asegurate que el contTextarea sea lo suficientemente grande para que funcione es lo que se me ocurre

Por ldgmmorales

Claber

142 de clabLevel

1 tutorial

Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.