|
|
|
Tutorial pages:« 1 » |
|
wmikke
|
| Generators maken - Posted on: 11-10-2004 at 17:44 | |
 
|
Generators maken met behulp van php.
Na aanleiding van een forum topic van Nicky in het forum van Anouksweb en Leejoo heb ik dit artikel geschreven. Nicky vraagt in het forum hoe je een generator moet maken.
Ik doe dat meestal met behulp van php, dat is iets makkelijker dan javascript. Vind ik.
In dit artikel gaan we een scrollbar generator maken
We beginnen met het maken van een formuliertje.
In dat formuliertje komen de onderdelen van je generator, je laat dus de bezoeker van je site daar de eigenschappen van de generator in zetten.
1
2
3
4
5
6
7
8
9
10
11
12
13
|
|
<FORM METHOD=POST ACTION=''>
Arrow color: <INPUT TYPE='text' NAME='color'><br>
3Dlight color: <INPUT TYPE='text' NAME='3dcolor'><br>
highlight color: <INPUT TYPE='text' NAME='hlcolor'><br>
face color: <INPUT TYPE='text' NAME='facecolor'><br>
shadow color: <INPUT TYPE='text' NAME='shadow'><br>
dark shadow color: <INPUT TYPE='text' NAME='dshadow'><br>
track color: <INPUT TYPE='text' NAME='track'><br>
<INPUT TYPE='submit' name='genereer' value='Maak code'>
</FORM>
|
|
|
Dat zijn dus de velden die we allemaal nodig hebben.
Je hebt nu nog een simpel formuliertje, maar nu moet de code nog gegenereert worden.
Dat kan je doen met dit scriptje:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
|
<?
If($genereer){
Echo “<P>Je scrollbar code:<BR>
<textarea cols=30 rows=10>
<style>
BODY{
scrollbar-arrow-color: $color;
scrollbar-3dlight-color: $3dcolor;
scrollbar-highlight-color: $hlcolor;
scrollbar-face-color: $facecolor;
scrollbar-shadow-color: $shadoq;
scrollbar-darkshadow-color: $dshadow;
scrollbar-track-color: $track;
}
</style>
</textarea>";
}
?>
|
|
|
Als je nu iets in het formuliertje invult en drukt op de button, komt er een textarea met de code erin.
Je ziet, in de textarea heb ik de code voor gekleurde scrollbalken neergezet met daar in een paar variabelen. Die variabelen zijn gelijk aan de namen van de formulier objecten.
Voor de duidelijkheid zal ik even de hele code neerzetten.
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
|
|
<FORM METHOD=POST ACTION=''>
Arrow color: <INPUT TYPE='text' NAME='color'><br>
3Dlight color: <INPUT TYPE='text' NAME='3dcolor'><br>
highlight color: <INPUT TYPE='text' NAME='hlcolor'><br>
face color: <INPUT TYPE='text' NAME='facecolor'><br>
shadow color: <INPUT TYPE='text' NAME='shadow'><br>
dark shadow color: <INPUT TYPE='text' NAME='dshadow'><br>
track color: <INPUT TYPE='text' NAME='track'><br>
<INPUT TYPE='submit' name='genereer' value='Maak code'>
</FORM>
<?
If($genereer){
Echo “<P>Je scrollbar code:<BR>
<textarea cols=30 rows=10>
<style>
BODY{
scrollbar-arrow-color: $color;
scrollbar-3dlight-color: $3dcolor;
scrollbar-highlight-color: $hlcolor;
scrollbar-face-color: $facecolor;
scrollbar-shadow-color: $shadoq;
scrollbar-darkshadow-color: $dshadow;
scrollbar-track-color: $track;
}
</style>
</textarea>";
}
?>
|
|
|
Als je nu op Maak code hebt gedrukt zul je zien dat het formulier weer leeg wordt, maar dat wil je niet. Dan kun je het volgende doen:
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
|
|
<?
if($genereer){
echo "
<FORM METHOD=POST ACTION='’>
Arrow color: <INPUT TYPE='text' NAME='color' value=’$color’><br>
3Dlight color: <INPUT TYPE='text' NAME='3dcolor' value=’$3dcolor’><br>
highlight color: <INPUT TYPE='text' NAME='hlcolor' value=’$hlcolor’><br>
face color: <INPUT TYPE='text' NAME='facecolor' value=’$facecolor’><br>
shadow color: <INPUT TYPE='text' NAME='shadow' value=’$shadow’><br>
dark shadow color: <INPUT TYPE='text' NAME='dshadow' value=’$dshadow’><br>
track color: <INPUT TYPE='text' NAME='track' value=’$track’><br>
<INPUT TYPE='submit' name='genereer' value='Maak code'>
</FORM>
<P>Je scrollbar code:<BR>
<textarea cols=30 rows=10>
<style>
BODY{
scrollbar-arrow-color: $color;
scrollbar-3dlight-color: $3dcolor;
scrollbar-highlight-color: $hlcolor;
scrollbar-face-color: $facecolor;
scrollbar-shadow-color: $shadoq;
scrollbar-darkshadow-color: $dshadow;
scrollbar-track-color: $track;
}
</style>
</textarea>";
}
else {
echo "<FORM METHOD=POST ACTION='’>
Arrow color: <INPUT TYPE='text' NAME='color'><br>
3Dlight color: <INPUT TYPE='text' NAME='3dcolor'><br>
highlight color: <INPUT TYPE='text' NAME='hlcolor'><br>
face color: <INPUT TYPE='text' NAME='facecolor'><br>
shadow color: <INPUT TYPE='text' NAME='shadow'><br>
dark shadow color: <INPUT TYPE='text' NAME='dshadow'><br>
track color: <INPUT TYPE='text' NAME='track'><br>
<INPUT TYPE='submit' name='genereer' value='Maak code'>
</FORM>";
}
?>
|
|
|
Dat was het eigenlijk wel, hopelijk snap je er nu iets meer van.
|
|
|
|
|
