Witam.
Przejdę od razu do rzeczy. Napisałem sobie prosty skrypt który ma stworzyć paginację w mojej galerii:
http://www.knofel.kione.pl/paginacja/pagination.phpWszystko wygląda tak jak chcę tylko nie potrafię zmusić skryptu żeby dodatkowo po kliknięciu którejś ze stron wywołał inną funkcję (która w przyszłości ma wygenerować wybraną stronę galerię)
Tak wygląda kod:
Strona
pagination.php<HTML>
<HEAD>
<script language="JavaScript" type="text/javascript" src="scripts.js"></script>
</HEAD>
<BODY bgcolor="#000000">
<center><br/><div id="pagination" style="color:#8D8769; font-weight:bold; font-family: Tahoma">
<?php
$current_page = 6;
$all_pictures = 22;
$pictures_per_page = 2;
$max_font_size = 24;
$min_font_size = 11;
if( $all_pictures > $pictures_per_page )
{
$all_pages = round($all_pictures / $pictures_per_page);
for($x=1; $x<=$all_pages; $x++)
{
$current_page_mark = "";
if( $x < $current_page )
{
$current_font_size = ($current_page - $x)*3;
$current_font_size = $max_font_size-$current_font_size;
}
if( $x > $current_page )
{
$current_font_size = ($x - $current_page)*3;
$current_font_size = $max_font_size-$current_font_size;
}
if( $x == $current_page )
{
$current_font_size = $max_font_size;
$current_page_mark = "color: #DBBB0D;";
}
$current_font_size = ( $current_font_size < $min_font_size ) ? $min_font_size : $current_font_size;
echo '<span onClick="generate_thumbinals('.$x.');" onMouseOver="change('.$x.','.$all_pages.');" style="'.$current_page_mark.' font-size: '.$current_font_size.'px;">[ '.$x.' ]</span> '; }
}
?>
</div></center>
</BODY>
Natomiast plik gdzie umieszczone są skrypty java script:
function generate_thumbinals(page) {
alert('Strona: '+page);
}
function change(page,all_pages) {
var pagination = "";
var x = 1;
var max_size = 24;
var min_size = 11;
for(x<1; x<=all_pages; x++)
{
current_page_mark = "";
if( x < page )
{
current_size = (page - x)*3;
current_size = max_size-current_size;
}
if( x > page )
{
current_size = (x - page)*3;
current_size = max_size-current_size;
}
if( x == page )
{
current_size = max_size;
var current_page_mark = "color: #DBBB0D;";
}
if( current_size < min_size )
{
current_size = min_size;
}
pagination += '<span onClick="generate_thumbinals('+x+');" onMouseOver="change('+x+','+all_pages+');" style="'+current_page_mark+' font-size: '+current_size+'px;">[ '+x+' ]</span> ';
}
document.getElementById('pagination').innerHTML = pagination;
}
Paginacja generowana jest dobrze. Efekt zmiany wielkści czcionki też tak jak chcę ale po kliknięciu nic się nie dzieje. Będę wdzięczny za wszelkie wskazówi.
Pozdrawiam.