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.

Więc kod wygląda następująco:

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
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:

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.

www.graniegedania.pun.pl www.bloodyelite.pun.pl www.pytam.pun.pl www.kongdoms.pun.pl www.dr125.pun.pl