Προς το περιεχόμενο

Προτεινόμενες αναρτήσεις

Δημοσ.

1) Να μη κάνεις καν echo από τη php όταν id==header

2) Να δηλώσεις στη γραμμή αυτή class='header' και μετά css rule:

>.header{display:none;}

Δημοσ.

δε το εθεσα σωστα γινεται σελιδοποιηση του πινακα και θελω να αναγνωριζει οτι αν η τελευται γραμμη της σελιδας του πινακα εχει id='header' να την εμφανιζει στη επομενη σελιδα

Δημοσ.

function applyPaginated(){

 

$('table').each(function() {

 

var currentPage = 0;

var numPerPage = 5;

var $table = $(this);

 

var repaginate = function() {

$table.find('tbody tr').hide()

.slice(currentPage * numPerPage,

(currentPage + 1) * numPerPage)

.show();

};

var numRows = $table.find('tbody tr').length;

var numPages = Math.ceil(numRows / numPerPage);

var $pager = $('<div class="pager"></div>');

for (var page = 0; page < numPages; page++) {

$('<span class="page-number"></span>').text(page + 1)

.bind('click', {newPage: page}, function(event) {

$table.show();

 

currentPage = event.data['newPage'];

repaginate();

 

$(this).addClass('selected')

.siblings().removeClass('selected');

})

.appendTo($pager).addClass('clickable');

}

 

$pager.insertBefore($table).find('span.page-number:first').addClass('selected');

});

}

Δημοσ.

[ code]

/* ο κώδικάς σου εδώ */

[ /code]

 

χωρίς το κενό μετά τα [

 

και γίνεται αυτό:

>
function applyPaginated(){

$('table').each(function() {

var currentPage = 0;
var numPerPage = 5;
var $table = $(this);

var repaginate = function() {
$table.find('tbody tr').hide()
.slice(currentPage * numPerPage,
(currentPage + 1) * numPerPage)
.show();
};
var numRows = $table.find('tbody tr').length;
var numPages = Math.ceil(numRows / numPerPage);
var $pager = $('<div class="pager"></div>');
for (var page = 0; page < numPages; page++) {
$('<span class="page-number"></span>').text(page + 1)
.bind('click', {newPage: page}, function(event) {
$table.show();

currentPage = event.data['newPage'];
repaginate();

$(this).addClass('selected')
.siblings().removeClass('selected');
})
.appendTo($pager).addClass('clickable');
}

$pager.insertBefore($table).find('span.page-number:first').addClass('selected');
});
}

Δημοσ.

Οκ, καλωσήρθες τότε.

 

>

<!DOCTYPE html>

<html>

<head>

<meta charset=utf-8 />
<title>Javascript example</title>
<style>
	table#myTable {
		width: 400px;
	}
	table#myTable th, table#myTable td {
		width: 200px;
	}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
	<!--
		$(document).ready(function() {
			var rows			= $("table#myTable > tbody > tr");
			var rows_count		= rows.length;
			$("input#add-row").click(function() {
				addRow();
				renderTable();
			});
			$("input#remove-row").click(function() {
				removeRow();
				renderTable();
			});
			renderTable();
		});
		function addRow() {
			var index = rows_count + 1;
			$("table#myTable > tbody").append("\t\t\t<tr>\n\t\t\t\t<td>foo" + index + "</td>\n\t\t\t\t<td>bar" + index + "</td>\n\t\t\t</tr>\n");
		}
		function removeRow() {
			$("table#myTable > tbody > tr:last").remove();
		}
		function renderTable() {
			rows			= $("table#myTable > tbody > tr");
			rows_count		= rows.length;
			if ( rows_count == 0  ) {
				$("table#myTable").css ( "display", "none" );
				if ( $("table#myTable").css("display") != "none" ) {
					$("body").append("<p id=\"message\">table b-gone!</p>");
				}
			} else {
				$("table#myTable").css ( "display", "block" );
				$("p#message").remove();
			}
		}
	//-->
</script>

</head>

<body>

<p>
	<input type="button" id="add-row" value="add row" />
	<input type="button" id="remove-row" value="remove row" />
</p>

<table id="myTable" border="1">
	<thead>
		<tr>
			<th>foo</th>
			<th>bar</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>foo1</td>
			<td>bar1</td>
		</tr>
	</tbody>
</table>

</body>

</html>

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

Δημιουργία νέου λογαριασμού

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
  • Δημιουργία νέου...