Zmiana koloru newsa po najechaniu kursorem za pomocą Ajaxa
|
Seba0p |
Dodany dnia 17.02.2009 20:58:42
|
Początkujący
Postów: 127 Pomógł: 25
Data rejestracji: 24.07.2007 11:28
|
Funkcja render_news
Zamień:
GeSHi: PHP echo "<td class='main-body middle-border'>".$news."</td>\n";
Zinterpretowano w sekund: 0.026, wykorzystano GeSHi 1.0.8.10
na:
GeSHi: PHP echo "<td class='main-body middle-border' onmouseover=\"ColorIn(this)\" onmouseout=\"ColorOut(this)\">".$news."</td>\n";
Zinterpretowano w sekund: 0.036, wykorzystano GeSHi 1.0.8.10
|
|
|
|
Wścibski Gość |
Dodany dnia 25.11.2024 03:50:03
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
IP: localhost |
|
|
Pieka |
Dodany dnia 17.02.2009 21:00:48
|
Postów: 19882 Pomógł: 767
v7.02.03 Data rejestracji: 23.02.2005 18:12
|
worekgdy napisał/a:
...Przypuszczam, że chodzi o tzw.czeski błąd wykonany z mojej strony...
Nie, to byl zarazem moj i Twoj blad Poprawilem kod powyzej, sprawdz.
Jestem jaki jestem
|
|
|
|
wojasek |
Dodany dnia 17.02.2009 21:49:31
|
Przedszkolak
Postów: 65 Ostrzeżeń: 1
Data rejestracji: 13.02.2009 22:21
|
Dzięki wielkie Pieka i Seba0p wszystko działa. Tylko która linijka jest odpowiedzialna za ten kolor który się zmienia po najechaniu kursorem.
Byłbym wdzięczny jeśli byście zmienili mi ten kolor na żółty (#ffd800).
Wiadomość doklejona:
Już sobie poprawiłem. Jeszcze raz dzięki.
Edytowane przez wojasek dnia 17.02.2009 22:17:26
|
|
|
|
worekgdy |
Dodany dnia 18.02.2009 12:07:17
|
Przedszkolak
Postów: 88 Pomógł: 12
Data rejestracji: 16.11.2008 13:23
|
Taaaa, zadziałało. Problem był i z mojej strony (pobrałem mintAjax ze strony autora - tylko dziwną paczkę ~30 kb, a powinno być ~70 kb) i druga sprawa nie wyświetla podświetlenia newsów w układzie dwóch kolumn. W układzie jednokolumnowym wszystko jest ok.
Pozdrawiam.
Edytowane przez worekgdy dnia 13.04.2009 20:27:20
|
|
|
|
Pieka |
Dodany dnia 18.02.2009 12:15:03
|
Postów: 19882 Pomógł: 767
v7.02.03 Data rejestracji: 23.02.2005 18:12
|
worekgdy napisał/a:
...i druga sprawa nie wyświetla podświetlenia newsów w układzie dwóch kolumn. W układzie jednokolumnowym wszystko jest ok...
W przypadku newsow wyswietlanych w systemie dwukolumnowym, musisz wstawic w DIV-a tabele, a scislej pole tresci newsa zawarte w pliku news.php, poniewaz tam jest zdefiniowane wyswietlanie newsow w dwoch kolumnach.
Edytuj plik news.php, znajdz (linia ~66):
$news_[0] .= "<tr>\n<td class='tbl1' style='text-align:justify'>".$news_news."</td>\n</tr>\n";
Kliknij i zaczekaj na załadowanie kodu ...
i zamien na:
$news_[0] .= "<tr>\n<td class='tbl1' style='text-align:justify'><div id='news_body' onmouseover=\"ColorIn(this)\" onmouseout=\"ColorOut(this)\">".$news_news."</div></td>\n</tr>\n";
Kliknij i zaczekaj na załadowanie kodu ...
Nastepnie znajdz (linia ~83):
$news_[$ncolumn] .= "<tr>\n<td class='tbl1' style='text-align:justify'>".$news_news."</td>\n</tr>\n";
Kliknij i zaczekaj na załadowanie kodu ...
i zamien na:
$news_[$ncolumn] .= "<tr>\n<td class='tbl1' style='text-align:justify'><div id='news_body' onmouseover=\"ColorIn(this)\" onmouseout=\"ColorOut(this)\">".$news_news."</div></td>\n</tr>\n";
Kliknij i zaczekaj na załadowanie kodu ...
Informacyjnie, linia 66 odnosi sie do pierwszego newsa, natomiast linia 83 do newsow wyswietlanych w kolumnach.
Edytowane przez Pieka dnia 18.02.2009 13:00:56
Jestem jaki jestem
|
|
|
|
wojasek |
Dodany dnia 18.02.2009 12:49:21
|
Przedszkolak
Postów: 65 Ostrzeżeń: 1
Data rejestracji: 13.02.2009 22:21
|
Taaaa, zadziałało. Problem był i z mojej strony (pobrałem mintAjax ze strony autora - tylko dziwną paczkę ~30 kb, a powinno być ~70 k
Ja pobrałem paczkę ze strony autora która zajmowała 30 kb (ze strony autora:mintAjax 1.2.4.2 - wersja skompresowana - 30k. I mi wszystko działa. |
|
|
|
worekgdy |
Dodany dnia 18.02.2009 17:19:34
|
Przedszkolak
Postów: 88 Pomógł: 12
Data rejestracji: 16.11.2008 13:23
|
Pieka dzięki wielkie - działa na dwóch kolumnach. Dla następnych, aby wszystko był ok musicie wstawić albo w header.php, albo w news.php (dla 2 kolumn) początek skryptu:
echo
"<script language=\"javascript\">
function ColorIn(id) {
mint.fx.Color(id, \"backgroundColor\", null, \"eae5e5\", 20, 500);
mint.fx.Color(id, \"borderColor\", null, \"000000\", 20, 500);
}
function ColorOut(id) {
mint.fx.Color(id, \"backgroundColor\", null, \"ffffff\", 20, 500);
mint.fx.Color(id, \"borderColor\", null, \"8F9D11\", 20, 500);
}
</script>\n";
Kliknij i zaczekaj na załadowanie kodu ...
wojasek - ja miałem na myśli wielkość pliku po rozpakowaniu, a nie do ściągnięcia.
Dzięki raz jeszcze Wam wszystkim.
Pozdrawiam
Wiadomość doklejona:
Panowie, siedzę i sprawdzam możliwość (znowu porażka - i na dodatek było dziś w Wiadomościach o Prawie Murphiego, które jak zawsze się sprawdza :) ), aby skrypt zadziałał także na tło header'a i footera w Newsie - czyli tytuł i dane pod Newsem. Czy da się to bezproblemowo zrobić? Bo jakoś to tak nieciekawie wygląda jak podświetla się sama treść News'a.
Edytowane przez worekgdy dnia 18.02.2009 20:54:14
|
|
|
|
Lelo |
Dodany dnia 23.02.2009 12:08:11
|
Przedszkolak
Postów: 4
Data rejestracji: 14.02.2009 18:53
|
Witam!
Zrobilem sposobem Pieka z miniAjaxem. Niby wszystko działa ale podswietla mi tylko pasek pod newsem, a wygląda to tak: http://pro-fun.pl...
Kod w themie reder_news:
function render_news($subject, $news, $info) {
global $locale;
//mintAjax
echo "<script language=\"javascript\">
function ColorIn(id) {
mint.fx.Color(id, \"backgroundColor\", null, \"2da1e3\", 20, 500); mint.fx.Color(id, \"borderColor\", null, \"000000\", 20, 500);
}
function ColorOut(id) {
mint.fx.Color(id, \"backgroundColor\", null, \"ffffff\", 20, 500);
mint.fx.Color(id, \"borderColor\", null, \"2da1e3\", 20, 500);
}
</script>\n";
//DIV on podswietlenia
echo "<div id='news_body' onmouseover=\"ColorIn(this)\" onmouseout=\"ColorOut(this)\">";
opentable($subject);
echo "<div class='floatfix'>".$news."</div>
<div class='news-footer'>
".newsposter($info," ·").newsopts($info,"·").itemoptions("N",$info['news_id']).
"</div>\n";
closetable();
//DIV off podswietlenia
echo "</div>";
echo "</div>\n";
Kliknij i zaczekaj na załadowanie kodu ...
Nie wygląda to źle ale mogło by wyglądać lepiej :D
Edytowane przez Pieka dnia 23.02.2009 12:48:42
|
|
|
|
Pieka |
Dodany dnia 23.02.2009 12:48:14
|
Postów: 19882 Pomógł: 767
v7.02.03 Data rejestracji: 23.02.2005 18:12
|
W przypadku skorki SmartBluev2 kod render_news ma wygladac tak:
function render_news($subject, $news, $info) {
//mintAjax
echo "<script language=\"javascript\">
function ColorIn(id) {
mint.fx.Color(id, \"backgroundColor\", null, \"eae5e5\", 20, 500);
mint.fx.Color(id, \"borderColor\", null, \"000000\", 20, 500);
}
function ColorOut(id) {
mint.fx.Color(id, \"backgroundColor\", null, \"ffffff\", 20, 500);
mint.fx.Color(id, \"borderColor\", null, \"8F9D11\", 20, 500);
}
</script>\n";
echo "<div class='capmain'>$subject</div>\n";
echo "<div class='main-body floatfix'><div id='news_body' onmouseover=\"ColorIn(this)\" onmouseout=\"ColorOut(this)\">".$news."</div></div>\n";
echo "<div class='news-footer'>\n";
echo newsposter($info,"·").newsopts($info,"·").itemoptions("N",$info['news_id']);
echo "</div>\n";
}
Kliknij i zaczekaj na załadowanie kodu ...
Przy zalozeniu, ze ponizszy kod definicji dla zmiany kolorow:
//mintAjax
echo "<script language=\"javascript\">
function ColorIn(id) {
mint.fx.Color(id, \"backgroundColor\", null, \"eae5e5\", 20, 500);
mint.fx.Color(id, \"borderColor\", null, \"000000\", 20, 500);
}
function ColorOut(id) {
mint.fx.Color(id, \"backgroundColor\", null, \"ffffff\", 20, 500);
mint.fx.Color(id, \"borderColor\", null, \"8F9D11\", 20, 500);
}
</script>\n";
Kliknij i zaczekaj na załadowanie kodu ...
umiesciles w sekcji body pliku header.php, ma wygladac tak:
function render_news($subject, $news, $info) {
echo "<div class='capmain'>$subject</div>\n";
echo "<div class='main-body floatfix'><div id='news_body' onmouseover=\"ColorIn(this)\" onmouseout=\"ColorOut(this)\">".$news."</div></div>\n";
echo "<div class='news-footer'>\n";
echo newsposter($info,"·").newsopts($info,"·").itemoptions("N",$info['news_id']);
echo "</div>\n";
}
Kliknij i zaczekaj na załadowanie kodu ...
Jestem jaki jestem
|
|
|
|
Lelo |
Dodany dnia 23.02.2009 14:20:17
|
Przedszkolak
Postów: 4
Data rejestracji: 14.02.2009 18:53
|
Dzięki pieka, o to właśnie chodziło.
Edytowane przez Chemikpil dnia 23.02.2009 14:21:35
|
|
|
|
pixiproject |
Dodany dnia 24.02.2009 19:12:56
|
Przedszkolak
Postów: 28 Ostrzeżeń: 1
Data rejestracji: 08.02.2009 14:09
Złamana licencja
|
Mam mały problem z umieszczeniem tego kodu w skórce. Tzn. wiem jak wstawić lecz wywalają błędy.
Poniżej zamieszczam zawartość theme.php:
<?php
/*------------------------------------------------------------------
Project Theme 2.0
Polish Version
Na podstawie skórki Asperon
Stworzone przez: PixiProject (http://pixiproject.deviantart.com)
English Version
On the basis of Asperon
Created by PixiProject (http://pixiproject.deviantart.com)
You Can Use And Share the theme as much as you want
but please don't remove copyright of theme
-------------------------------------------------------------------*/
if (!defined("IN_FUSION")) { header("Location: ../../index.php"); exit; }
require_once INCLUDES."theme_functions_include.php";
define("THEME_WIDTH", "900px");
define("THEME_BULLET", "·");
function render_page($license=false) {
global $settings, $locale, $main_style, $userdata, $aidlink;
echo "<div class='outer'><div id='top-header'>\n";
if (iMEMBER) {
echo "Witaj <a href='".BASEDIR."profile.php?lookup=".$userdata['user_id']."'>".$userdata['user_name']."! </a>";
echo " ; <a href='".BASEDIR."edit_profile.php'>".$locale['global_120']."</a>\n";
echo "· <a href='".BASEDIR."messages.php'>".$locale['global_121']."</a>\n";
if (iADMIN && (iUSER_RIGHTS != "" || iUSER_RIGHTS != "C")) {
echo "· <a href='".ADMIN."index.php".$aidlink."'>".$locale['global_123']."</a>\n";
}
echo "· <a href='".BASEDIR."setuser.php?logout=yes'>".$locale['global_124']."</a>\n";
} else {
echo "Witaj gosciu ! ";
echo "· <a href='".BASEDIR."edit_profile.php'>".$locale['global_120']."</a>\n";
echo "· <a href='".BASEDIR."login.php'>Zaloguj</a>\n";
if ($settings['enable_registration']) {
echo "· <a href='".BASEDIR."register.php'>Zarejestruj się</a>\n";
}
}
echo "</div>\n";
echo "<div id='header' class='clearfix'>\n";
echo "<script src='".THEME."/grade.js' language='Javascript'></script>";
echo "<div style='margin:35px 10px 0 10px'>".showbanners()."</div>\n";
echo "</div>\n";
echo "<div id='sub-header' class='clearfix'>\n";
echo "<div class='flleft'>".showsublinks(" ")."</div>\n";
echo "<div class='flright' style='text-align:right;padding:0.4em'>".showsubdate()."</div>\n";
echo "<div class='clear'></div>\n";
echo "</div>\n";
echo "<div id='container' class='clearfix $main_style'>\n";
if (LEFT) { echo "<div id='side-border-left'>".LEFT."</div>\n"; }
if (RIGHT) { echo "<div id='side-border-right'>".RIGHT."</div>\n"; }
echo "<div id='main-content'><div id='main-container'>".U_CENTER.CONTENT.L_CENTER."</div></div>\n";
echo "</div>\n";
echo "<div class='clear'></div>\n";
echo "<div id='footer'>\n";
echo "<div class='flleft' style='width:50%'>".(!$license ? showcopyright()."<br />" : "")."\n";
echo "ProjectTheme by <a href='http://pixiproject.deviantart.com'>PixiProject</a></div>\n";
echo "<div class='flright' style='text-align:right;width:-50%x'>".stripslashes($settings['footer'])."</div>\n";
echo "<div class='clear'><br /></div>\n";
echo "<div class='flleft' style='width:50%'>".sprintf($locale['global_172'], substr((get_microtime() - START_TIME),0,4))."</div>\n";
echo "<div class='flright' style='text-align:right;width:50%'>".showcounter()."</div>\n";
echo "<div class='clear'></div>\n";
echo "</div></div>\n";
}
function render_news($subject, $news, $info) {
echo "<div class='main-border'>\n";
echo "<div class='main-caption'>".$subject."</div>\n";
echo "<div class='main-body'>".$news."\n";
echo "<div class='news-footer'>\n";
echo newsposter($info,"·").newsopts($info,"·").itemoptions("N",$info['news_id']);
echo "</div>\n</div>\n</div>\n";
}
function render_article($subject, $article, $info) {
echo "<div class='main-caption'>$subject</div>\n";
echo "<div class='main-body'><!--przed_tresc_art-->".($info['article_breaks'] == "y" ? nl2br($article) : $article)."<!--po_tresc_art--></div>\n";
echo "<div class='news-footer'><!--przed_stopka_art-->\n";
echo articleposter($info,"·").articleopts($info,"·").itemoptions("A",$info['article_id']);
echo "</div>\n";
}
function opentable($title) {
echo "<div class='main-border'>\n";
echo "<div class='main-caption'>".$title."</div>\n";
echo "<div class='main-body'>\n";
}
function closetable() {
echo "</div>\n</div>\n";
}
function openside($title, $collapse = false, $state = "on") {
global $panel_collapse; $panel_collapse = $collapse;
echo "<div class='side-border'>\n";
if ($collapse == true) {
$boxname = str_replace(" ", "", $title);
echo "<div class='side-caption' style='float:right;margin-top:6px;'>".panelbutton($state,$boxname)."</div>\n";
}
echo "<div class='side-caption'>".$title."</div>\n";
echo "<div class='side-body floatfix'>\n";
if ($collapse == true) { echo panelstate($state, $boxname); }
}
function closeside($collapse = false) {
global $panel_collapse;
if ($panel_collapse == true) { echo "</div>\n"; }
echo "</div>\n</div>\n";
echo "<br />";
}
?>
Kliknij i zaczekaj na załadowanie kodu ...
Edytowane przez Pieka dnia 24.02.2009 19:26:56
|
|
|
|
Pieka |
Dodany dnia 24.02.2009 19:54:17
|
Postów: 19882 Pomógł: 767
v7.02.03 Data rejestracji: 23.02.2005 18:12
|
W przypadku skorki Asperon zamieniasz jak dwa posty wyzej, czyli ponizsze (linia ~62):
echo "<div class='main-body'>".$news."\n";
Kliknij i zaczekaj na załadowanie kodu ...
zamieniasz na:
echo "<div class='main-body'><div id='news_body' onmouseover=\"ColorIn(this)\" onmouseout=\"ColorOut(this)\">".$news."</div>\n";
Kliknij i zaczekaj na załadowanie kodu ...
Jestem jaki jestem
|
|
|
|
pixiproject |
Dodany dnia 24.02.2009 20:34:53
|
Przedszkolak
Postów: 28 Ostrzeżeń: 1
Data rejestracji: 08.02.2009 14:09
Złamana licencja
|
Nadal bez zmian. Nie podświetla. |
|
|
|
Pieka |
Dodany dnia 24.02.2009 20:50:17
|
Postów: 19882 Pomógł: 767
v7.02.03 Data rejestracji: 23.02.2005 18:12
|
pixiproject napisał/a:
Nadal bez zmian. Nie podświetla.
Pewnie, ze nie, trzeba jeszcze wykonac reszte czynnosci. Opisane jest wszystko, wystarczy przeczytac. To, co podalem dziala. Zawsze sprawdzam podawane rozwiazania. Zapoznaj sie z calym tematem,, a nie tylko z ostatnim postem. Pamietaj, ze to Ty chcesz zmieniac swoje skrypty, nie ja.
Edytowane przez Pieka dnia 24.02.2009 20:52:22
Jestem jaki jestem
|
|
|
|
pixiproject |
Dodany dnia 24.02.2009 21:00:01
|
Przedszkolak
Postów: 28 Ostrzeżeń: 1
Data rejestracji: 08.02.2009 14:09
Złamana licencja
|
No jak widać to ty nie czytasz wcześniejszych postów ;D. Jakbyś to robił to zauważyłbyś mój wcześniejszy post w tym temacie. A tak poza tym: w style.css i header.php dodałem co trzeba. |
|
|
|
Pieka |
Dodany dnia 24.02.2009 21:25:08
|
Postów: 19882 Pomógł: 767
v7.02.03 Data rejestracji: 23.02.2005 18:12
|
pixiproject napisał/a:
..A tak poza tym: w style.css i header.php dodałem co trzeba.
Gdyby tak bylo, to nie pisalbys teraz glupot. Poza kodem wypadaloby jeszcze wstawic plik na serwer.
Jestem jaki jestem
|
|
|
|
pixiproject |
Dodany dnia 24.02.2009 21:38:58
|
Przedszkolak
Postów: 28 Ostrzeżeń: 1
Data rejestracji: 08.02.2009 14:09
Złamana licencja
|
Pieka napisał/a:
pixiproject napisał/a:
..A tak poza tym: w style.css i header.php dodałem co trzeba.
Gdyby tak bylo, to nie pisalbys teraz glupot. Poza kodem wypadaloby jeszcze wstawic plik na serwer.
Wstawiłem. |
|
|
|
Pieka |
Dodany dnia 24.02.2009 21:39:45
|
Postów: 19882 Pomógł: 767
v7.02.03 Data rejestracji: 23.02.2005 18:12
|
Prosze: http://pieka.coml..., zmien sobie na Asperon.
Jestem jaki jestem
|
|
|
|
pixiproject |
Dodany dnia 24.02.2009 21:51:25
|
Przedszkolak
Postów: 28 Ostrzeżeń: 1
Data rejestracji: 08.02.2009 14:09
Złamana licencja
|
Kurde. To nie wiem co jeszcze mam źle. ;/ Mógłbyś mi "podyktować" jak to zrobiłeś ? |
|
|
|
piotru |
Dodany dnia 01.03.2009 11:19:33
|
Początkujący
Postów: 128 Ostrzeżeń: 2
v7.02.05 Data rejestracji: 29.12.2008 22:57
|
A gdzie się definiuje kolor na który ma się zmięć po najechaniu ???
Inne kolory zmieniłem elegancko;]
edit
OK JUŻ MAM PRZEPRASZAM ZA POSTY
Edytowane przez piotru dnia 01.03.2009 12:56:22
|
|
|