$ M 3 H R D A D $
سه شنبه 23 فروردین 1390, 02:23 صبح
با سلامی دوباره
آره چرا نشه مثال بزنیم
شما منطق کارتو این بزار که بدون هیچ ساختاری با سی اس اس هم میتونی یک جدول و یا یک سصر خاص و پنهان کنی
دو اینکه با تلفیق جاوا اسکریپت و سی اس اس میتونی همون کار و تکرار کنی
این مثال و جالب دونستم که میتونید داینامیکی با جاوا اسکریپت سطر اصافه و حذف کنید که این متد های خود جاوا اسکریپته
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<script type="text/javascript">
function addRowInnerHTML(tblId)
{
var tblBody = document.getElementById(tblId).tBodies[0];
var newRow = tblBody.insertRow(-1);
var newCell0 = newRow.insertCell(0);
newCell0.innerHTML = '<input type="input" value="cell 0 - text box" style="color: blue;" />';
var newCell1 = newRow.insertCell(1);
newCell1.innerHTML = 'cell 1 - just plain text';
}
function addRowDOM(tblId)
{
var tblBody = document.getElementById(tblId).tBodies[0];
var newRow = tblBody.insertRow(-1);
var newCell0 = newRow.insertCell(0);
var newInput = document.createElement('input');
newInput.type = 'text';
newInput.value = 'cell 0 - text box';
newInput.style.color = 'blue';
newCell0.appendChild(newInput);
var newCell1 = newRow.insertCell(1);
newCell1.appendChild(document.createTextNode('cell 1 - just plain text'));
}
function addRowClone(tblId)
{
var tblBody = document.getElementById(tblId).tBodies[0];
var newNode = tblBody.rows[0].cloneNode(true);
tblBody.appendChild(newNode);
}
</script>
</head>
<body>
<a href="javascript:addRowInnerHTML('tblId')">add row innerHTML</a><br/>
<a href="javascript:addRowDOM('tblId')">add row DOM</a><br/>
<a href="javascript:addRowClone('tblId')">add row Clone</a><br/>
<TABLE id="tblId" border="1">
<THEAD>
<TR>
<TH colSpan=2>tblInnerHTML header</TH></TR>
</THEAD>
<TBODY></TBODY>
</TABLE>
</body>
</html>
اینم یک مثال 50 درصد خوب که ببخشید زیاد کار نشد خواستم برید سمت جی کوئری همین
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>data 1</title>
<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript">
$(function(){
$('table tr td a').bind("click",function(event){
var $id = $(this).attr("id");
$('#box').load("del.php?id="+$id);
$(this).parent().parent().fadeOut(1000);
});
});
</script>
</head>
<body>
<table border="1">
<thead>table Data</thead>
<tr id="row1"><!--table row 1 -->
<td>data 1</td>
<td><a href="javascript:void(0);" id="row1" >delete</a></td>
</tr>
<tr><!--table row 1 -->
<td>data 2</td>
<td><a href="javascript:void(0);" id="row2" >delete</a></td>
</tr>
<tr><!--table row 1 -->
<td>data 3</td>
<td><a href="javascript:void(0);" id="row3">delete</a></td>
</tr>
</table>
<div id="box" style="border:thin yellow solid;background-color:orange;">
</div>
</body>
</html>
اگه یکوچولو هم خوب بود تشکر کن