generator
Ik heb een generator gevonden maar ik zou niet weten hoe ik ervoor moet zorgen dat de pagina die gegenereerd word wat meer opmaak krijgt met html. Ik heb al van alles geprobeerd maar het lukt gewoon niet. Hier is de code:
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
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
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
<SCRIPT LANGUAGE=javascript>
<!-- Hide Code
function makeStory() {
var writeIt = new Boolean(true);
for (var i=0; i<4; i++) {
if (document.getInfo.elements[i].value.length == 0) { // If empty
alert("Heb je alle velden ingevuld?"); // Put up alert
writeIt = false;
break;
}
}
if (writeIt) {
// Get values from the form text boxes
var animal = document.getInfo.animal.value;
var person = document.getInfo.person.value;
var place1 = document.getInfo.place1.value;
var food = document.getInfo.food.value;
var place2 = document.getInfo.place2.value;
// Open the new window
storyWin = window.open("", "story",'toolbar=no,location=no,directories=no,status=no,scrollbars=yes,menubar=no,resizable=yes,width=450,height=300');
var story = "<HTML><HEAD><TITLE>Titel</TITLE></HEAD>\n<BODY BGCOLOR=white>\n<CENTER><H1>Titel</H1></CENTER>\n";
story = story + " Hier de inhoud";
story = story + "</BODY></HTML>";
storyWin.document.writeln(story);
storyWin.document.close();
storyWin.focus();
}
}
// End hide -->
</SCRIPT>
<FORM NAME="getInfo">
<TABLE BORDER=0>
<TR>
<TD>
<INPUT NAME="animal" TYPE="text" SIZE=25 VALUE="beer">
</TD>
<TD> Vul een dier in</TD>
</TR>
<TR>
<TD>
<INPUT NAME="person" TYPE="text" SIZE=25 VALUE="Roodkapje">
</TD>
<TD> Vul een naam in</TD>
</TR>
<TR>
<TD>
<INPUT NAME="place1" TYPE="text" SIZE=25 VALUE="de bossen">
</TD>
<TD>Vul een plaats in</TD>
</TR>
<TR>
<TD>
<INPUT NAME="food" TYPE="text" SIZE=25 VALUE="boerenkool">
</TD>
<TD> Vul hier voedsel in</TD>
</TR>
<TD>
<INPUT NAME="place2" TYPE="text" SIZE=25 VALUE="de rivier">
</TD>
<TD> Vul hier nog een plaats in</TD>
</TR>
<TR>
<TD ALIGN="middle">
<INPUT TYPE="button" VALUE="Start" onClick="makeStory();return true">
</TD>
</TR>
</TABLE>
</FORM><P><HR><DIV ALIGN=center>
<TABLE CELLSPACING=10>
<TR>
<TD ALIGN=center> </TD>
</TR>
</TABLE>
<P>
</DIV>
<!-- Hide Code
function makeStory() {
var writeIt = new Boolean(true);
for (var i=0; i<4; i++) {
if (document.getInfo.elements[i].value.length == 0) { // If empty
alert("Heb je alle velden ingevuld?"); // Put up alert
writeIt = false;
break;
}
}
if (writeIt) {
// Get values from the form text boxes
var animal = document.getInfo.animal.value;
var person = document.getInfo.person.value;
var place1 = document.getInfo.place1.value;
var food = document.getInfo.food.value;
var place2 = document.getInfo.place2.value;
// Open the new window
storyWin = window.open("", "story",'toolbar=no,location=no,directories=no,status=no,scrollbars=yes,menubar=no,resizable=yes,width=450,height=300');
var story = "<HTML><HEAD><TITLE>Titel</TITLE></HEAD>\n<BODY BGCOLOR=white>\n<CENTER><H1>Titel</H1></CENTER>\n";
story = story + " Hier de inhoud";
story = story + "</BODY></HTML>";
storyWin.document.writeln(story);
storyWin.document.close();
storyWin.focus();
}
}
// End hide -->
</SCRIPT>
<FORM NAME="getInfo">
<TABLE BORDER=0>
<TR>
<TD>
<INPUT NAME="animal" TYPE="text" SIZE=25 VALUE="beer">
</TD>
<TD> Vul een dier in</TD>
</TR>
<TR>
<TD>
<INPUT NAME="person" TYPE="text" SIZE=25 VALUE="Roodkapje">
</TD>
<TD> Vul een naam in</TD>
</TR>
<TR>
<TD>
<INPUT NAME="place1" TYPE="text" SIZE=25 VALUE="de bossen">
</TD>
<TD>Vul een plaats in</TD>
</TR>
<TR>
<TD>
<INPUT NAME="food" TYPE="text" SIZE=25 VALUE="boerenkool">
</TD>
<TD> Vul hier voedsel in</TD>
</TR>
<TD>
<INPUT NAME="place2" TYPE="text" SIZE=25 VALUE="de rivier">
</TD>
<TD> Vul hier nog een plaats in</TD>
</TR>
<TR>
<TD ALIGN="middle">
<INPUT TYPE="button" VALUE="Start" onClick="makeStory();return true">
</TD>
</TR>
</TABLE>
</FORM><P><HR><DIV ALIGN=center>
<TABLE CELLSPACING=10>
<TR>
<TD ALIGN=center> </TD>
</TR>
</TABLE>
<P>
</DIV>
Kan er iemand helpen? Bedankt!!!
Code (php)
1
<link rel="stylesheet" href="css/jouwcss/pagina.css">
In je pagina.css kan je direct beginnen met je CSS: geen inleiding of tags nodig:
Dus pagina.css ziet er (bijvoorbeeld) zo uit:
Code (php)
1
2
3
4
5
2
3
4
5
body {
max-width: 960px;
background: #aa33cc url('achtergrondplaatje.png') top center no-repeat;
padding: 20px;
}
max-width: 960px;
background: #aa33cc url('achtergrondplaatje.png') top center no-repeat;
padding: 20px;
}