Oficjalne forum pomocy serwisu PUN.pl

ukaszf9

Użytkownik

Dołączył: 2011-08-01

Liczba postów: 1,335

[JS] Active color link

Sama nazwa tematu wskazuje co robi ten kod - daje kolor czerwony aktualnemu linku w menu.
Dla ogarniętego grafika nie będzie problem zrobić z tym kodem ładny odpowiednik z większości stylów SMF gdzie kliknięty link w menu jest "wklęsły" i pozostaje taki dopóki nie przejdziemy do innego linku typu: Lista użytkowników, Szukaj itd.
Kod działa poprawnie we wszystkich znanych i używanych przezemnie przeglądarkach (Google Chrome, Mozilla Firefox, Internet Explorer, Opera, Safari).
Proszę nie zrażać się ilością kodu - w większości są to tablice gdzie odnoszą się do danego pliku w PunBB co jest niezbędne by było wiadomo jaki link ma być aktualnie danego koloru.
Kod jest wykonywany błyskawicznie, komentarzy w skrypcie proszę nie usuwać.
Gdzie "red" wstawiamy odpowiedni dla nas kolor - oczywiście może to być równocześnie obrazek bądź powiększenie aktualnych liter danego linku. W przypadku takich kombinacji odsyłam do:
- http://www.w3schools.com/cssref/pr_background-image.asp (Definition  and Usage tabelka)
- http://www.w3schools.com/jsref/jsref_fontsize.asp (Wielkość czcionki)

<script type="text/javascript">
///////////////// Active color link by ukaszf9 /////////////////
///////////////////////////// pun.pl /////////////////////////////
var sciezka = location.pathname;
/// Ścieżki plików
var index = "/index.php";
var forums = "/forums.php";
var userlist = "/userlist.php";
var search = "/search.php";
var register ="/register.php";
var login = "/login.php";
var profile = "/profile.php";
var message ="/message_list.php";
var messagesend ="/message_send.php";
var viewforum = "/viewforum.php";
var viewtopic = "/viewtopic.php";
var post = "/post.php";
var edit = "/edit.php";
var xdelete = "/delete.php";
var adminloader = "/admin_loader.php";
var adminbans = "/admin_bans.php";
var admincategories = "/admin_categories.php";
var admincensoring = "/admin_censoring.php";
var adminforums = "/admin_forums.php";
var admingroups = "/admin_groups.php";
var adminindex = "/admin_index.php";
var adminmaintenance ="/admin_maintenance.php";
var adminoptions = "/admin_options.php";
var adminpermissions = "/admin_permissions.php";
var adminprune = "/admin_prune.php";
var adminranks = "/admin_ranks.php";
var adminreports = "/admin_reports.php";
var adminusers = "/admin_users.php";
/// Kolor indexu
if (sciezka == index || sciezka == forums || sciezka == viewforum || sciezka == viewtopic || sciezka == post || sciezka == edit || sciezka == xdelete) document.getElementById("navindex").style.backgroundColor="red";
/// Kolor listy użytkowników
if (sciezka == userlist) document.getElementById("navuserlist").style.backgroundColor="red";
/// Kolor wyszukiwarki
if (sciezka == search) document.getElementById("navsearch").style.backgroundColor="red";
/// Kolor rejestracji
if (sciezka == register) document.getElementById("navregister").style.backgroundColor="red";
/// Kolor logowania
if (sciezka == login) document.getElementById("navlogin").style.backgroundColor="red";
/// Kolor profilu
if (sciezka == profile) document.getElementById("navprofile").style.backgroundColor="red";
/// Kolor wiadomości
if (sciezka == message || sciezka == messagesend) document.getElementById("navpm").style.backgroundColor="red";
/// Kolor administracji
if (sciezka == adminloader || sciezka == adminbans || sciezka == admincategories || sciezka == admincensoring || sciezka == adminforums || sciezka == admingroups || sciezka == adminindex || sciezka == adminmaintenance || sciezka == adminoptions || sciezka == adminpermissions || sciezka == adminprune || sciezka == adminranks || sciezka == adminreports || sciezka == adminusers) document.getElementById("navadmin").style.backgroundColor="red";
/// Kolor indexu przy braku ścieżki
if (sciezka == "/") document.getElementById("navindex").style.backgroundColor="red";
</script>

Kod wklejamy do ogłoszenia bądź stopki.
Demo

mistrz2244

Użytkownik

Skąd: się biorą dzieci?

Dołączył: 2009-10-13

Liczba postów: 1,325

WWW

Odp: [JS] Active color link

A jak będzie wyglądał kod jeżeli chcę, aby czcionka była pogrubiona ?

Dares

Użytkownik

Skąd: Łomża

Dołączył: 2012-04-14

Liczba postów: 1,551

WWW

Odp: [JS] Active color link

<script type="text/javascript">
///////////////// Active color link by ukaszf9 /////////////////
///////////////////////////// pun.pl /////////////////////////////
var sciezka = location.pathname;
/// Ścieżki plików
var index = "/index.php";
var forums = "/forums.php";
var userlist = "/userlist.php";
var search = "/search.php";
var register ="/register.php";
var login = "/login.php";
var profile = "/profile.php";
var message ="/message_list.php";
var messagesend ="/message_send.php";
var viewforum = "/viewforum.php";
var viewtopic = "/viewtopic.php";
var post = "/post.php";
var edit = "/edit.php";
var xdelete = "/delete.php";
var adminloader = "/admin_loader.php";
var adminbans = "/admin_bans.php";
var admincategories = "/admin_categories.php";
var admincensoring = "/admin_censoring.php";
var adminforums = "/admin_forums.php";
var admingroups = "/admin_groups.php";
var adminindex = "/admin_index.php";
var adminmaintenance ="/admin_maintenance.php";
var adminoptions = "/admin_options.php";
var adminpermissions = "/admin_permissions.php";
var adminprune = "/admin_prune.php";
var adminranks = "/admin_ranks.php";
var adminreports = "/admin_reports.php";
var adminusers = "/admin_users.php";
/// Kolor indexu
if (sciezka == index || sciezka == forums || sciezka == viewforum || sciezka == viewtopic || sciezka == post || sciezka == edit || sciezka == xdelete) document.getElementById("navindex").style.fontWeight="bold";
/// Kolor listy użytkowników
if (sciezka == userlist) document.getElementById("navuserlist").style.fontWeight="bold";
/// Kolor wyszukiwarki
if (sciezka == search) document.getElementById("navsearch").style.fontWeight="bold";
/// Kolor rejestracji
if (sciezka == register) document.getElementById("navregister").style.fontWeight="bold";
/// Kolor logowania
if (sciezka == login) document.getElementById("navlogin").style.fontWeight="bold";
/// Kolor profilu
if (sciezka == profile) document.getElementById("navprofile").style.fontWeight="bold";
/// Kolor wiadomości
if (sciezka == message || sciezka == messagesend) document.getElementById("navpm").style.fontWeight="bold";
/// Kolor administracji
if (sciezka == adminloader || sciezka == adminbans || sciezka == admincategories || sciezka == admincensoring || sciezka == adminforums || sciezka == admingroups || sciezka == adminindex || sciezka == adminmaintenance || sciezka == adminoptions || sciezka == adminpermissions || sciezka == adminprune || sciezka == adminranks || sciezka == adminreports || sciezka == adminusers) document.getElementById("navadmin").style.fontWeight="bold";
/// Kolor indexu przy braku ścieżki
if (sciezka == "/") document.getElementById("navindex").style.fontWeight="bold";
</script>

---

mistrz2244

Użytkownik

Skąd: się biorą dzieci?

Dołączył: 2009-10-13

Liczba postów: 1,325

WWW

Odp: [JS] Active color link

Dzięki.