Webboard

Pełna wersja: Zwijane boxy w sidebar
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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
Spróbuj tego http://stackoverflow.com/questions/17158...w-hide-div po lekkim dostosowaniu do Twojego HTML powinno działać.
Wgrałem to lecz w ogóle nie działa. Efekt można zobaczyć pod DVZ Shoutboxem.
W ogóle nie widzę tam dodanego kodu js.
To powinno być po dołączeniu jquery https://github.com/carhartl/jquery-cooki....cookie.js
Oraz gdzie dodałeś kod odpowiadający za te menu?
Dodałem do headerinclude
Kod:
<script type = "text/javascript">
var menu_state = $.cookie('mydomain_menuflag');

if( typeof menu_state !== "undefined" && menu_state == "visible" ) {
    $('#nav').show;
} else {
    $('#nav').hide;
    $.removeCookie('mydomain_menuflag');
    $.cookie('mydomain_menuflag', 'hidden');
}

console.log( $.cookie('mydomain_menuflag') );


$('.show_menu').click(function() {
    console.log( 'showing...' );
    
    $('#nav').toggle();
    $.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...' );
    
    $('#nav').toggle();
    $.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') );
});

</script>
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>