- Noof http://www.noof.pun.pl/index.php - Poradniki http://www.noof.pun.pl/viewforum.php?id=18 - Zmieniamy dowolny napis na forum [minimalna znajomość CSS wymagana] http://www.noof.pun.pl/viewtopic.php?id=114 |
ukaszf9 - 2011-11-28 11:14:54 |
Pamiętam jak na pun.pl wiele razy chciałem zmienić jakiś napis = począwszy od tych w szybkiej odpowiedzi, skończywszy na tych przy wątkach i administracji. Tutaj zademonstruje fragment kodu jQuery, który każdy nie znający tego języka będzie mógł zmienić napis jeżeli posiada wystarczającą wiedzę o kaskadowych arkuszach stylu. Kod:<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script> $(document).ready(function() { $('XXX').html('YYY'); }); </script> Gdzie XXX musimy odnieść się do danego elementu gdzie chcemy go zamienić na coś innego przy użyciu css. Dla przykładu można w ogłoszenie wkleić takie kod: Kod:<p id="tekst">jakiś tekst</p> Więc odniesienie w jQuery ( w miejsce XXX ) będzie miało taki wymiar: p#tekst Kod:<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script> $(document).ready(function() { $('p.postlink.conr:first a:first').html('NOWY TEMAT'); $('p.postlink.conr:first a:last').html('NOWA SONDA'); $('p.postlink.conr:last a:first').html('NOWA TEMAT WERSJA 2'); $('p.postlink.conr:last a:last').html('NOWA SONDA WERSJA 2'); $('#punviewtopic p.postlink.conr a:first').html('ODPOWIEDŹ'); $('#punviewtopic p.postlink.conr a:last').html('ODPOWIEDŹ 2'); }); </script> Ten kod zmienia nazwę Nowy wątek, Nowa sonda oraz ich alternatywy pod spodem przy wejściu w dany dział. Również zmienia napis ''Odpowiedź'' po wejściu w wątek. |