- Joined
- Jun 11, 2008
- Messages
- 647
- Reaction score
- 182
Здравейте,ще ви покажа прост начин за динамично меню.
Отваряме index.php и търсим горе тага <head> и слагаме линк към библиотеката.
Не знам таблици или див ползвате но за целта слагате id примерно 'javascript-menu'
Слагаме ID и на таблицата/див-а който ще показва изхода.
След това търсим </body> таг накрая на страницата и над него пишем самия код.
Да поясним
$("#mainContent") - ID където искате да се покаже.
load('modules/' + $(this).attr('href')+'.php') - modules/ е папката с файловете.
Това е
DEMO
Отваряме index.php и търсим горе тага <head> и слагаме линк към библиотеката.
Code:
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
Code:
<div id="jquery-menu">
<a href="pageOne"> Register </a>
<a href="pageTwo"> Login </a>
</div>
Code:
<div id="mainContent">
</div>
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:
