<!DOCTYPE html>
<html>
<head>
<meta content="text/html" charset="utf-8">
<title>portfolio</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<link rel="stylesheet" href="css/index.css" type="text/css">
</head>
<body>
<table class="master">
<tr>
<td>
<center id="logo">
</center>
</td>
</tr>
<tr>
<td>
<center id="menu">
</center>
</td>
</tr>
<tr>
<td id="view">
</td>
</tr>
</table>
</body>
</html>
<?xml version='1.0' encoding='utf-8'?>
<base>
<head head="Portfolio"/>
<site menu="Page1" url="page1.html"/>
<site menu="Page2" url="page2.html"/>
<site menu="Page3" url="page3.html"/>
<foot title="copyright"/>
</base>
$(document).ready(function(){
$.get('base.xml',{}, function(xml){
$(xml).find("head").each(function(){
var logo = $(this).attr("head");
$('<l class="logo">'+logo+'</l>').appendTo('#logo');
});
$(xml).find("site").each(function(){
var menu = $(this).attr("menu");
$('<m class="menu">'+menu+'</m>').appendTo('#menu');
});
$('<div class="view"></div>').load($(xml).find("site").eq(0).attr("url")).appendTo('#view');
var button = $('.menu');
button.click(function(){
var i = button.index(this);
button.removeClass('mactive');
$(this).addClass('mactive');
$('.view').fadeOut(600).queue(function() {
$('.view').stop(true, true).remove();
$('<div class="view"></div>').fadeIn(600).load(
$(xml).find("site").eq(i).attr("url"))
.appendTo('#view')
.dequeue();
});
});
});
});
исправил XML и дописал скрипт....работает так как мне надо....но не знаю на сколько грамотно...как тут читал "говнокод"....вот не знаю....мне это всё нужно для того что я учусь всего 2 месяца программированию....и очень мало чего знаю, моя метода в том, что я ставлю цель или задачу и таким способом учусь....
и к стати, при таком XML который у меня, он всё рано больше чем JSON?
И что такое "индексация поисковиками"??? где почитать про это....я так догадываюсь, это то как мою страничку будет искать GOOGle и ему подобные? даже и не думал про это....