Tijden veranderen
linkjes
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<script src="jquery-1.7.1.js"></script>
<script type="text/javascript">
function changeDiv(href){
$(document).ready(function(){
$("#" + href).on('click', function(){
$("#content_wrapper").load(href + '.php');
return false;
});
});
}
</script>
</head>
<body>
<ul>
<li><a href="#" id="ownprofile" onclick=changeDiv("ownprofile")>ownprofile</a><br></li>
<li><a href="#" id="users" onclick=changeDiv("users")>users</a><br></li>
<li><a href="#" id="send" onclick=changeDiv("send")>send</a><br></li>
<li><a href="#" id="outbox" onclick=changeDiv("outbox")>Outbox</a><br></li>
<li><a href="#" id="inbox" onclick=changeDiv("inbox")>Inbox</a><br></li>
</ul>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<script src="jquery-1.7.1.js"></script>
<script type="text/javascript">
function changeDiv(href){
$(document).ready(function(){
$("#" + href).on('click', function(){
$("#content_wrapper").load(href + '.php');
return false;
});
});
}
</script>
</head>
<body>
<ul>
<li><a href="#" id="ownprofile" onclick=changeDiv("ownprofile")>ownprofile</a><br></li>
<li><a href="#" id="users" onclick=changeDiv("users")>users</a><br></li>
<li><a href="#" id="send" onclick=changeDiv("send")>send</a><br></li>
<li><a href="#" id="outbox" onclick=changeDiv("outbox")>Outbox</a><br></li>
<li><a href="#" id="inbox" onclick=changeDiv("inbox")>Inbox</a><br></li>
</ul>
</body>
</html>
de bedoeling hiervan zijn links binnen de pagina, om het effect van frames te creeeren. dit werkt wel, maar alleen als ik dubbelklik op de link. of gewoon 2 keer lang na elkaar klikken. alleen dan verandert die de content_wrapper. wel laat die in de console 2 errors zien, als ik een pagina probeer te laden die nog niet bestaat. maar alleen bij de tweede keer klikken, dan zet ie er gelijk 2 errors neer. wat is er mis?
// todo: document ready toevoegen en changeDiv functie weg halen
$("a").click(function(){
$("#content_wrapper").load($(this).attr("href") + '.php');
});
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<script src="src/jquery-1.7.1.js"></script>
<script>
$(document).ready(function(){
$("a").click(function(){
$("#content_wrapper").load($(this).attr("href") + '.php');
});
});
</script>
</head>
<body>
<ul>
<li><a href="#" id="ownprofile">ownprofile</a><br></li>
<li><a href="#" id="users">users</a><br></li>
<li><a href="#" id="send">send</a><br></li>
<li><a href="#" id="outbox">Outbox</a><br></li>
<li><a href="#" id="inbox">Inbox</a><br></li>
</ul>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<script src="src/jquery-1.7.1.js"></script>
<script>
$(document).ready(function(){
$("a").click(function(){
$("#content_wrapper").load($(this).attr("href") + '.php');
});
});
</script>
</head>
<body>
<ul>
<li><a href="#" id="ownprofile">ownprofile</a><br></li>
<li><a href="#" id="users">users</a><br></li>
<li><a href="#" id="send">send</a><br></li>
<li><a href="#" id="outbox">Outbox</a><br></li>
<li><a href="#" id="inbox">Inbox</a><br></li>
</ul>
</body>
</html>
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<script src="src/jquery-1.7.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('a').on('click', function(){
$("#content_wrapper").load($(this).data('link') + '.php');
return false;
});
});
</script>
</head>
<body>
<ul>
<li><a data-link="ownprofile">ownprofile</a></li>
<li><a data-link="users">users</a></li>
<li><a data-link="send">send</a></li>
<li><a data-link="outbox">Outbox</a></li>
<li><a data-link="inbox">Inbox</a></li>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<script src="src/jquery-1.7.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('a').on('click', function(){
$("#content_wrapper").load($(this).data('link') + '.php');
return false;
});
});
</script>
</head>
<body>
<ul>
<li><a data-link="ownprofile">ownprofile</a></li>
<li><a data-link="users">users</a></li>
<li><a data-link="send">send</a></li>
<li><a data-link="outbox">Outbox</a></li>
<li><a data-link="inbox">Inbox</a></li>
</body>
</html>
dit was het laatste stukje om frames perfect te simuleren mbv html css en jquery!
Toevoeging op 04/03/2012 14:08:24:
is dit alleen wel een goeie manier om dit te doen?
Gewijzigd op 04/03/2012 13:04:12 door Jeroen VD
probeer het is met php op te lossen ( switch statement of array )
het is een webbrowserspel, nou hoor ik het al: weer zo een die dat gaat doen. not. in ieder geval niet een maffiaspel, meer een travian-achtige. wij hebben geprobeerd dit voor ons profielwerkstuk te maken, maar dat was mislukt, maar dan ook maar net. dus we zijn aan het rewriten, om het wel goed te maken.
omdat het een standalone applicatie is vind ik dat ik dat kan maken, om javascript te verplichten
Toevoeging op 09/03/2012 16:52:22:
en waarom ik geen php wil hebben? vanwege de refreshes. bij zulke spellen klik je heel vaak op veel linkjes, en om dan de hele tijd te verversen gaat niet ten goede van de snelheid.