wersja skryptu MyBB: 1.8.5
adres forum: http://91.189.37.72/index.php
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Chciałbym aby po kliknięciu (Widoczne jest po najechaniu na sideboxa) "×" nie przenosiło na górę forum, zapisywały się zwinięte boxy oraz jak jest zwinięty to żeby z "×" zmieniało się na "...".
Używam tego skryptu:
http://karol-drag.eu/art/html-js-jquery-...janie-diva
Wgrałem to lecz w ogóle nie działa. Efekt można zobaczyć pod DVZ Shoutboxem.
Dalej nie widzę dołączonego skryptu jQuery cookie.
Kod który podałeś powyżej powinien znajdować się pomiędzy deklaracją document ready
Kod:
<script type = "text/javascript">
$( document ).ready(function() {
//Kod tutaj
});
</script>
Mam dołączony,
Kod:
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/infinite/js/jquery.cookie.js"></script>
Teraz działa ale chyba jest jakiś konflikt ID
No jest konflikt. Pozmieniaj sobie nazwy id, klas w skrypcie i html'u który dodałeś.
Zmieniłem, wszystko pięknie działa, lecz po odświeżeniu się nie zapisuje. I jak bym chciał dodać kolejny box zwijany to muszę kilka razy ten sam kod tylko inne ID?
DeadlyGlobe71 napisał(a):I jak bym chciał dodać kolejny box zwijany to muszę kilka razy ten sam kod tylko inne ID?
problem sprawdzić czy tak zadziala?
No nie działa :/ Mój kod:
Kod:
$( document ).ready(function() {
var menu_state = $.cookie('mydomain_menuflag');
if( typeof menu_state !== "undefined" && menu_state == "visible" ) {
$('#box1').show;
} else {
$('#box1').hide;
$.removeCookie('mydomain_menuflag');
$.cookie('mydomain_menuflag', 'hidden');
}
console.log( $.cookie('mydomain_menuflag') );
$('.show_menu').click(function() {
console.log( 'showing...' );
$('#box1').toggle( "slow" );
$.removeCookie('mydomain_menuflag');
$.cookie('mydomain_menuflag', 'visible');
$("#page_cont").css("width", "80%");
$(".hide_menu").css("display", "block");
$(".show_menu").css("display", "none");
console.log( $.cookie('mydomain_menuflag') );
});
$('.hide_menu').click(function() {
console.log( 'hiding...' );
$('#box1').toggle( "slow" );
$.removeCookie('mydomain_menuflag');
$.cookie('mydomain_menuflag', 'hidden');
$("#page_cont").css("width", "100%");
$(".hide_menu").css("display", "none");
$(".show_menu").css("display", "block");
console.log( $.cookie('mydomain_menuflag') );
});
var menu_state = $.cookie('mydomain_menuflag');
if( typeof menu_state !== "undefined" && menu_state == "visible" ) {
$('#box2').show;
} else {
$('#box2').hide;
$.removeCookie('mydomain_menuflag');
$.cookie('mydomain_menuflag', 'hidden');
}
console.log( $.cookie('mydomain_menuflag') );
$('.show_menu2').click(function() {
console.log( 'showing...' );
$('#box2').toggle( "slow" );
$.removeCookie('mydomain_menuflag');
$.cookie('mydomain_menuflag', 'visible');
$("#page_cont").css("width", "80%");
$(".hide_menu2").css("display", "block");
$(".show_menu2").css("display", "none");
console.log( $.cookie('mydomain_menuflag') );
});
$('.hide_menu2').click(function() {
console.log( 'hiding...' );
$('#box2').toggle( "slow" );
$.removeCookie('mydomain_menuflag');
$.cookie('mydomain_menuflag', 'hidden');
$("#page_cont").css("width", "100%");
$(".hide_menu2").css("display", "none");
$(".show_menu2").css("display", "block");
console.log( $.cookie('mydomain_menuflag') );
});
});
oraz
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder border_table" style="clear: both;">
<tr>
<td class="thead_sidebox" colspan="2">
{$lang->mystatus_recent_updates}
<a class="hide_menu2 right mod_links">×</a>
<a class="show_menu2 right mod_links" style="display:none;">...</a>
</td>
</tr>
<tr>
<td class="trow2">
<div id="box2" style="display:block;">
{$mystatus_latest_statuses_row}
</div>
</td>
</tr>
</table><br>