PDA

View Full Version : سوال: نحوه کار با آیدی های متغییر



h.rezaee
سه شنبه 22 مهر 1393, 10:48 صبح
با سلام به همه دوستان و اساتید محترم. یه سوال برام پیش اومده ممنون میشم راهنمایی بفرمایید.
ما داده ها رو از بانک اطلاعاتی می خونیم و تمامی اونا رو نمایش میدیم . نحوه نمایش هم بدین گونه است هر کدوم از رکورد ها رو داخل یک تگ p نمایش میدیم.به ازای هر تگ p هم یک id خاص به اون میدیم. منظور از id خاص ، id های موجود در بانک اطلاعاتی هستش. حالا می خواییم یه دکمه (به عنوان مثال) del رو تعریف کنیم که در صورت کلیک روی اون فقط همون تگ p رو برای hide کنه.
برای این کار هم باید با آیدی همون رکورد کار کنیم.بنده بدین صورت کد نوشتم منتها درست کار نمیکنه.

function del($id)
{
$id.hide();
}

و کد html :

<p id= "<?php echo $row['id'] ?>" ></p>
<a href="javascript:void(0)" onclick="del(<?php echo $row['id'] ?>)" > delete </a>

nazanin_asadi_1
سه شنبه 22 مهر 1393, 11:37 صبح
بدون ID هم میتونید این کار رو بکنید

برای مثال :

<style>
p{position:relative;}
.del{
position:absolute;
left:5px;
top:5px;
width:15px;
height:15px;
color:rgba(255,0,4,1.00);
}
</style>
<script type="text/javascript">
delp=function(obj){
$(obj).parent().hide(500);
}
</script>
<p><div class="del" onClick="delp(this)">X</div>
p _ 1
</p>
<p><div class="del" onClick="delp(this)">X</div>
p _ 2
</p>
<p><div class="del" onClick="delp(this)">X</div>
p _ 3
</p>
<p><div class="del" onClick="$(obj).parent().hide(500);">X</div>
p _ 4
</p>

h.rezaee
سه شنبه 22 مهر 1393, 11:45 صبح
سلام مجدد به دوستان . مشکل حل شد منتها این تاپیک رو حذف نمی کنم تا شاید دوستان دیگه هم همین مشکل رو داشته باشن.
برای رفع مشکل در قسمت کد JS :

var a = $id;
//alert(a);
$("." + a).hide();

nazanin_asadi_1
سه شنبه 22 مهر 1393, 16:25 عصر
من اصلا حواسم به نوع ارسال متغیرهاتون نبود
توی جاوااسکریپت نیازی به استفاده از $ نیست همون نام متغیر کافی هستش

برای مثال شما هم
function del(id){
$("#"+id).hide();
}



<p id= "<?php echo $row['id'] ?>" ></p>
<a href="javascript<b></b>:void(0)" onclick="del(<?php echo $row['id'] ?>)" > delete </a>