ایجاد Div به صورت Inline و حذف آن

[behnamAfrasiabi]

سلام دوستان ..

من توی صفحه یه تکست باکس دارم می خواهم وقتی توی تکست باکس کلیک کردم یه Div به صورت Inline ساخته بشه ...که تا اینجا اوکی

حالا برای حذف Div که به صورت Inline ساخته شده :

می خواهم هر کجای صفحه کلیک کردم Div حذف بشه .. (البته بجز زمانی که روی Div که به صورت Inline ایجاد شده کلیک کنیم و زمانی که توی تکست باکس برای بار دوم کلیک کنیم )فقط در این دو مورد حذف نشود

دمتون گرم

<div align="center">
<div class="container">
<input type="text" id="txt" name="txt" class="txt" />
</div>
</div>


<style type="text/css">
.container
{
width:960px;
height:400px;
background-color:#eee;
margin:0 auto;
position:relative;
}
.txt
{
width:400px;
height:27px;
outline:0;
border:1px solid #bbb;
margin-top:30px;
position:relative;
}
.divinline
{
width:400px;
height:100px;
background-color:gray;
position:absolute;
top:70px;
left:483px;
}
</style>


<script type="text/javascript">
var divinline = $("<div class=\"divinline\"></div>");
$(document).ready(function () {
$('#txt').click(function () {
$(divinline).appendTo('body');
});
});
</script>

[aroshanzamir]

سلام

کسی نیست پاسخ بده .... دمتمون گرم کمک کنید

[geeking]

var divinline = $("<div class=\"divinline\"></div>");
$(document).ready(function () {
$('#txt').click(function () {
$(divinline).appendTo('body');
return false;
});
$(".divinline").live('click', function (){
return false;
});
$(' body').live('click', function () {
$(".divinline").remove();
});
});

[aroshanzamir]

سلام .. جواب نمیده ...

چون در هر صورت داره بر روی body ما کلیک میشه
این قطعه کد عمل نمی کنه


$(".divinline").live('click', function (){
return false;
});


و معادل اینه :

$(' body').live('click', function () {
$(".divinline").remove();
});

[geeking]

فایل ضمیمه کرده رو ببین همونه که گفتی میخوای ! :دی

[aroshanzamir]

عالی بود دمت گرم داداش

[geeking]

خواهش میکنم قابل نداشت :دی