ورود

View Full Version : تغییر اندازه جدول


ghasemloo
سه شنبه 31 تیر 1393, 12:46 عصر
سلام
خسته نباشید
من یه جدول دارم(table) که توش یک باتن گذاشتم
می خوام زمانی که رو باتن کلیک کردم بدون این که صفحه رفرش بشه اندازه طول جدول زیاد بشه چطور می تونم این کار رو انجام بدم؟؟؟
قبل از هر چیزی از کمک شما تشکر می کنم.
ghasemloo
سه شنبه 31 تیر 1393, 15:56 عصر
کسی نیست :گریه::گریه::گریه::گریه::گریه: :گریه::گریه:
kahe.mehrdad
سه شنبه 31 تیر 1393, 16:07 عصر
دوست من این کار با جاوا اسکریپت امکان پذیره و کار خیلی سختی هم نیست.شما باید به button یک ID بدید و توی یه اسکریپت واسش onclick تعریف کنید، حالا با کلیک کردن روی اون به وسیله Id جدول هر کاری که دلتون میخواد میتونید با اون جدول بکنید. اگر توجیه نشدید همینجا بگید.
ab.ali
سه شنبه 31 تیر 1393, 16:09 عصر
با jQuery ، با استفاده از متد css !
ghasemloo
سه شنبه 31 تیر 1393, 16:11 عصر
میشه نمونه کد بزارید...
SA_Developer
سه شنبه 31 تیر 1393, 16:14 عصر
سلام، دوستان توضیح دادن
نمونه:


<!DOCTYPE html>
<html>
<head>
<title>Title of document</title>
<meta charset="utf-8" />
</head>
<body>
<table id="mtbl" border="1">
<th>ID</th>
<th>NAME</th>
<tr>
<td>1</td>
<td>peter</td>
</tr>
<tr>
<td>2</td>
<td>john</td>
</tr>
<tr>
<td>3</td>
<td>
<button onClick="extend_h('mtbl','400px')">Extend</button>
</td>
</tr>
</table>
<script>
function extend_h(id, nheight) {
document.getElementById(id).style.height = nheight;
}
</script>
</body>
</html>
ghasemloo
سه شنبه 31 تیر 1393, 16:19 عصر
سلام، دوستان توضیح دادن
نمونه:


<!DOCTYPE html>
<html>
<head>
<title>Title of document</title>
<meta charset="utf-8" />
</head>
<body>
<table id="mtbl" border="1">
<th>ID</th>
<th>NAME</th>
<tr>
<td>1</td>
<td>peter</td>
</tr>
<tr>
<td>2</td>
<td>john</td>
</tr>
<tr>
<td>3</td>
<td>
<button onClick="extend_h('mtbl',500)">Extend</button>
</td>
</tr>
</table>
<script>
function extend_h(id, nheight) {
document.getElementById(id).height = nheight;
}
</script>
</body>
</html>

خیلی ممنون .....
تشکر