Nawigacja

Aktualnie online

Gości online: 3

Użytkowników online: 0

Łącznie użytkowników: 25,386
Najnowszy użytkownik: Hisfatt

Logowanie

Zarejestruj się

Odzyskaj hasło

Shoutbox

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

Zbigniew@

01.04.2024 12:28:45

Wszystkiego najlepszego z okazji świąt.

JazOOn

28.02.2024 19:25:31

ja zostałem przy fusionie ale nazywa się 360. Projektowanie i druk 3d...

MajsterBieda

25.02.2024 00:12:42

Ponad 20 lat .... tosz to sioook panie....

JazOOn

24.02.2024 20:32:31

a już na pewno mamuty

JazOOn

24.02.2024 20:31:59

Albo dinozaury

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 18.04.2024 17:40:53
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