PDA

View Full Version : اسکریپت هایی برای جدول و متن



amku2010
سه شنبه 05 مهر 1390, 11:27 صبح
با سلام
اسکریپتی برای رنگی کردن سطر های جدول بصورتی که یکی در میان رنگ ها عوض بشن مثلا سطر اول توسی و سطر دوم سفید و دوباره سطر سوم توسی و ...
و یک اسکریپت ساده که بتونم یک سری متن رو با کلیک روی هر لینک بصورت یک پنجره نمایش بدم و امکان بستن پنجره هم وجود داشته باشه
با سپاس

hpsarvari
سه شنبه 05 مهر 1390, 11:35 صبح
شما باید برای هر td و tr یک ایدی تعریف کنید و سپس توسط یک حلقه اینکارو انجام بدید . من امروز کدشو براتون درست میکنم قرار میدم .

hpsarvari
سه شنبه 05 مهر 1390, 13:12 عصر
این یه کد سادس که برای کار اول و دوم برات فرستادم . فقط مورد دوم باید متنتون رو تو یک صفحه دیگه ذخیره کنید و آدرس رو توی لینک داخل تابع مربوطه وارد کنید .

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index</title>
<meta name="author" content="hps" />
<!-- Date: 2011-09-27 -->
<style type="text/css">

table {
border-collapse: collapse;
}

th, td {
padding: 10px;
border: 1px #666 solid;
text-align: center;
font-size: 24px;

}

</style>
<script type="text/javascript">

window.onload = myfun;

function myfun(){
for (i=0; i <= 3; i++) {
if(i % 2 == 0){
document.getElementById("row" + i).style.background= "white";
} else {
document.getElementById("row" + i).style.background= "#ccc";
}
}
}

function openlink(adress){
lovechild = window.open(adress, "lovechild", "height=300,width=500");
lovechild.moveTo(500,300);
}
</script>
</head>
<body>

<table id="mytable" border="0">
<tr id="row0">
<td id="col0"></td>
<td id="col1"></td>
<td id="col2"></td>
<td id="col3"></td>
<td id="col4"></td>
</tr>
<tr id="row1">
<td id="col5"></td>
<td id="col6"></td>
<td id="col7"></td>
<td id="col8"></td>
<td id="col9"></td>
</tr>
<tr id="row2">
<td id="col10"></td>
<td id="col11"></td>
<td id="col12"></td>
<td id="col13"></td>
<td id="col14"></td>
</tr>
</table>

<a href="#" onclick="openlink('test.html');">google</a>
</body>
</html>