Ik heb de volgende site gebouwd. Nu include ik 3 HTML pagina's, maar de main daarvan moet afhankelijk zijn van welke button ik aanklik. Daarom moet ik het url meegeven als ik op de button klik. Hoe doe ik dat?
code:
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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
| <html>
<head>
<title>test</title>
<style type="text/css">
body {
height: 100%;
margin: 0px;
padding: 0px;
background-color: #666666;
overflow: auto;
}
* {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#content {
position: absolute;
top: 0px;
left: 50%;
margin-left: -382px;
width: 762px;
border: 1px solid #000000;
padding-top: 120px;
padding-bottom: 80px;
}
#header {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100px;
border: 0px solid #ffffff;
color: #ffffff;
padding: 10px;
background-image: url(../top.jpg);
}
#menu {
position: absolute;
top: 100px;
left: 0px;
width: 100%;
height: 10px;
border: 0px solid #ffffff;
color: #ffffff;
padding: 0px;
background-color: #000000;
}
#innercontainer {
position: relative;
height: 100%;
width: 100%;
border: 0px solid red;
}
#left {
float: left;
width: 100px;
border: 0px solid #ffffff;
color: #ffffff;
padding: 5px;
background-color: #FFD700;
height: 640px;
}
#main {
float: left;
width: 660px;
border: 0px solid #ffffff;
color: #000000;
padding: 10px;
height: 640px;
background-color: #FFFFFF;
}
#footer {
position: absolute;
width: 100%;
height: 80px;
border: 0px solid #ffffff;
color: #ffffff;
padding: 10px;
background-color: #CCCCCC;
}
</style>
<body>
<div style="position:relative">
<div id="content">
<div id="header">header</div>
<div id="menu">
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr></tr>
<td><a href="#" target="_blank" onMouseOver="MM_swapImage('home','','menu/home_f2.gif',1)" onMouseOut="MM_swapImgRestore()">[img]"menu/home.gif"[/img]</a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nieuws','','menu/nieuws_f2.gif',1)">[img]"menu/nieuws.gif"[/img]</a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('team','','menu/team_f2.gif',1)">[img]"menu/team.gif"[/img]</a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('tractor','','menu/tractor_f2.gif',1)">[img]"menu/tractor.gif"[/img]</a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('geschiedenis','','menu/geschiedenis_f2.gif',1)">[img]"menu/geschiedenis.gif"[/img]</a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('sponsors','','menu/sponsors_f2.gif',1)">[img]"menu/sponsors.gif"[/img]</a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('gastenboek','','menu/gastenboek_f2.gif',1)">[img]"menu/gastenboek.gif"[/img]</a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact','','menu/contact_f2.gif',1)">[img]"menu/contact.gif"[/img]</a></td>
</tr>
</table>
</div>
<div id="innercontainer">
<div id="left">
<?php
include ("left.htm");
?>
</div>
<div id="main">
<?php
include ("startpagina.htm");
?>
</div>
</div>
<div id="footer">
<?php
include ("footer.htm");
?>
</div>
</div>
</div>
</body>
</html> |