wersja skryptu MyBB: 1.8.4
adres forum: http://silence.c0.pl/index.php
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Witam, chciałbym się zapytać jak zrobić zwijanie się DVZ Shoutboxa tak jak dział, tzn po kliknięciu buttona
DVZ znika po naciśnięciu na belkę... Jak chcesz tak jak dział, to zobacz jak to wygląda w js od DVZ i przypisz funkcję do butona.
Zmieniłem w JS i w szablonie, wszystko działa tylko obrazek się nie zmienia od toggle.
Dopisz do funkcji zwijającej:
Kod:
jQuery('#shoutbox .thead .expcolimage img').attr({src: '/images/spark_light/collapse_collapsed.png'});
A do rozwijającej:
Dopisz do funkcji zwijającej:
Kod:
jQuery('#shoutbox .thead .expcolimage img').attr({src: '/images/spark_light/collapse.png'});
hm tam nie ma takiej funkcji, jest wszystko w
Kod:
$(document).on('click', '#shoutbox .expcolimage', function() {
dvz_shoutbox.toggle(!dvz_shoutbox.status);
});
No to dopisz ifa po .toggle()
jak tak mam:
Kod:
$(document).on('click', '#shoutbox .expcolimage', function() {
dvz_shoutbox.toggle(!dvz_shoutbox.status);
if
jQuery('#shoutbox .thead .expcolimage img').attr({src: '/images/spark_light/collapse_collapsed.png'});
});
to nie czyta jQuery.
Boże, widzisz i nie grzmisz...
Kod:
$(document).on('click', '#shoutbox .expcolimage', function() {
dvz_shoutbox.toggle(!dvz_shoutbox.status);
if(!dvz_shoutbox.status){
jQuery('#shoutbox .thead .expcolimage img').attr({src: '/images/spark_light/collapse_collapsed.png'});
}
else{
jQuery('#shoutbox .thead .expcolimage img').attr({src: '/images/spark_light/collapse.png'});
}
});
Jak to nie zadziała, to usuń ! w instrukcji warunkowej
Wielki dzięki, działa
warto sprawdzić jeszcze jaki obrazek ma być po odświeżeniu strony
Faktycznie, to co trzeba zrobić w takiej sytuacji?
Spróbuj tak:
Kod:
if(jQuery('#shoutbox .body').is(':hidden')) jQuery('#shoutbox .thead .expcolimage img').attr({src: '/images/spark_light/collapse_collapsed.png'});
jQuery(document).on('click', '#shoutbox .expcolimage', function() {
dvz_shoutbox.toggle(!dvz_shoutbox.status);
if(!dvz_shoutbox.status) jQuery('#shoutbox .thead .expcolimage img').attr({src: '/images/spark_light/collapse_collapsed.png'});
else jQuery('#shoutbox .thead .expcolimage img').attr({src: '/images/spark_light/collapse.png'});
});