Nawigacja

Aktualnie online

Gości online: 27

Użytkowników online: 0

Łącznie użytkowników: 25,400
Najnowszy użytkownik: AlojzyBartek

Logowanie

Zarejestruj się

Odzyskaj hasło

Shoutbox

Musisz zalogować się, aby móc dodać wiadomość.

Zbigniew@

17.11.2024 11:33:24

Nie ten grzeszy kto pije, ale ten, kto się nie upije.

JazOOn

16.11.2024 20:46:18

tja

Zbigniew@

15.11.2024 18:58:17

Kto pije, ten nie bije.

JazOOn

31.10.2024 20:49:47

Kto pije?

piterus

30.10.2024 19:45:48

I będziemy śpiewać: "Kiedy 20 blisko, przebadaj wszystko, przebadaj wszystko..."

Archiwum shoutboksa

O nie! Ta strona potrzebuje włączonej obsługi języka JavaScript!

Twoja przeglądarka nie obsługuje tego języka lub ma wyłączoną jego obsługę. Włącz wykonywanie kodu JavaScript w swojej przeglądarce internetowej, aby skorzystać ze wszystkich funkcji strony
lub skorzystaj z programu obsługującego język JavaScript, np. Mozilla Firefox, Apple Safari, Opera, Google Chrome lub Windows Internet Explorer w wersji wyższej niż 6.

Zobacz temat

Polski Oficjalny Support PHP-Fusion » PHP-Fusion v7 Support » Modyfikacje skryptów

Zmiana tła newsa po najechaniu myszką w jQuery
bartek124	#1 Dodany dnia 24.02.2009 21:29:28
Weteran Postów: 3264 Pomógł: 236 v7.02.06 Data rejestracji: 26.05.2007 12:25	Korzystając z jQuery wystarczy dodać nowy panel z taką treścią: Rozwiń Kod źródłowy `add_to_head("<script type='text/javascript'> $(document).ready(function() { var news = $('.news_news'); $('.news_news').each(function(i) { $(this).mouseover(function() { $(news[i]).animate({backgroundColor:'red'}, 500); }) .mouseout(function(){ $(news[i]).animate({backgroundColor:'white'}, 500); }); }); }); </script>\n");` Jednak jQuery animuje wszystko, szerokości, wysokości, bordery, a nie wiedzieć czemu, nie kolory... Dlatego aby włączyć ich obsługę najprościej jest doinstalować jQuery-UI, który można ściągnąć tutaj: http://jqueryui.c... (sciagajcie wersje 1.5.3) Sciagniety plik rozpakowujemy i do katalogu includes na serwerze wysyłamy plik jquery-ui-personalized-1.5.3.min.js Ostatecznie kod będzie wyglądał tak: Rozwiń Kod źródłowy `add_to_head("<script type='text/javascript' src='".INCLUDES."jquery-ui-personalized-1.5.3.min.js'></script>\n<script type='text/javascript'> $(document).ready(function() { var news = $('.news_news'); $('.news_news').each(function(i) { $(this).mouseover(function() { $(news[i]).animate({backgroundColor:'#f1f1f1'}, 500); }) .mouseout(function(){ $(news[i]).animate({backgroundColor:'white'}, 500); }); }); }); </script>\n");` Chyba widać, gdzie w kodzie są kolory, więc możemy je sobie dowolnie zamieniać ;). Poza tym w pliku theme.php, w funkcji render_news zamieniamy Rozwiń Kod źródłowy `".$news."` na Rozwiń Kod źródłowy `<div class='news_news'>".$news."</div>` Działanie: http://bartek124.... PS. Są inne sposoby, prawdopodobnie lepsze, ale o nich przekonacie się w innym czasie :). Nie pomagam na komunikatorach oraz PW!


Wścibski Gość	Dodany dnia 24.11.2024 18:05:45
Pan Kontekstualny Postów: n^x Data rejestracji: Zawsze
IP: localhost

Przejdź do forum:

Twój link u nas!

Nawigacja

Główne menu

Komunikacja

Elementarz

Dokumentacja

Aktualnie online

Logowanie

Shoutbox

Zobacz temat