Forum PHP.pl > [JavaScript] Wykonanie funkcji metodą onClick

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] Wykonanie funkcji metodą onClick

Upachi

10.10.2009, 17:56:10

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.php

Wszystko 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

[PHP] pobierz, plaintext 
<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>
[PHP] pobierz, plaintext

Natomiast plik gdzie umieszczone są skrypty java script:

[PHP] pobierz, plaintext 
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;
 
}
[PHP] pobierz, plaintext

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.

cakper

10.10.2009, 21:24:38

Coś nie teges jest w funkcją wywoływaną na onMouseOver, zauważ że po usunięciu jej wywołania onClick działa dobrze
zobacz czy w kodzie change nie ma czegoś co by ogłupiało silnik JSa i zamulało go (przez co nie jest wywoływany onClick)

Upachi

10.10.2009, 22:01:40

Rzeczywiscie. Lekka przeróbka funkcji change rozwiązała problem.

Wielkie dzięki.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.