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.
Więc kod wygląda następująco:
<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:
<p id="tekst">jakiś tekst</p>
Więc odniesienie w jQuery ( w miejsce XXX ) będzie miało taki wymiar: p#tekst
Teraz w miejsce YYY dajemy tekst zamienny. Napiszcie byle co i zatwierdźcie, a zobaczycie, że tekst zmienił się na inny niż był = tak właśnie działa ta jedna z prostszych rzeczy w jQuery ( podstawy ).
W tym miejscu działa html więc można użyć i nawet kodu na obrazek <img src...> i zamiast tekstu będzie obrazek.
Dla przykładu:
<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.
Offline