[Release] Dynamic Menu

Mortred

Active Member
Joined
Jun 11, 2008
Messages
646
Likes
181
#1
Здравейте,ще ви покажа прост начин за динамично меню.
Отваряме index.php и търсим горе тага <head> и слагаме линк към библиотеката.
Code:
    <head>
        <script  src="http://code.jquery.com/jquery-latest.min.js"></script>
    </head>
Не знам таблици или див ползвате но за целта слагате id примерно 'javascript-menu'
Code:
        <div id="jquery-menu">
                    <a href="pageOne"> Register </a>
                    <a href="pageTwo"> Login </a>
        </div>
Слагаме ID и на таблицата/див-а който ще показва изхода.
Code:
        <div id="mainContent">
           
        </div>
След това търсим </body> таг накрая на страницата и над него пишем самия код.
Code:
            <script>
                $(document).ready(function() {
                    $('#jquery-menu  a').click(function(){
                        $("#mainContent").load('modules/' + $(this).attr('href')+'.php')
                        return false;
                    });
                });
            </script>
Да поясним
$("#mainContent") - ID където искате да се покаже.
load('modules/' + $(this).attr('href')+'.php') - modules/ е папката с файловете.
Това е :)

DEMO
 
Last edited:
Likes: pafa7a

pafa7a

Well-Known Member
Joined
Jul 9, 2009
Messages
1,354
Likes
770
#2
А дали е SEO friendly? :D
Моето предложение е да си ги имате раутовете по default (примерно /register) и ако ще го ползвате този код да си добавите и ползване на History API и да ъпдейтвате URL адреса, защото както е разписано в момента при рефреш ще ви върне на homepage ;)
 
Likes: Mortred

Mortred

Active Member
Joined
Jun 11, 2008
Messages
646
Likes
181
#3
Е със сигурност не е friendly, отдавна не се занимавам с Му Онлайн и не знам до къде сте стигнали и от какво имате нужда.
аз бих го ползвал за Kласацията :D