lijn-trekken-op-bestaand-plaatje
Gesponsorde koppelingen
PHP script bestanden
config.php
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
######################################
#Gemaakt door: Bartje545 #
#Email: [email protected] #
#Dit script zet een lijn op de door #
#de gebruiken aangewezen coordinaten #
#Je mag allse met het script doen. #
#Veel plezier ermee, Bart #
######################################
$image = "world.jpg"; // Het plaatje waar de lijn moet worden opgezet( MOET een .jpg zijn! )
$wpx = "510"; //beedte van het plaatje
$hpx = "308"; //hoogte van het plaatje
$image2 = "point.gif"; // Het plaatje dat weergeven wordt op de plek waar geklikt is
?>
######################################
#Gemaakt door: Bartje545 #
#Email: [email protected] #
#Dit script zet een lijn op de door #
#de gebruiken aangewezen coordinaten #
#Je mag allse met het script doen. #
#Veel plezier ermee, Bart #
######################################
$image = "world.jpg"; // Het plaatje waar de lijn moet worden opgezet( MOET een .jpg zijn! )
$wpx = "510"; //beedte van het plaatje
$hpx = "308"; //hoogte van het plaatje
$image2 = "point.gif"; // Het plaatje dat weergeven wordt op de plek waar geklikt is
?>
index.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
24
25
26
27
28
29
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
<?php
include ("config.php");
?>
<html>
<head>
<script language="JavaScript">
function point_it(event){
pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("pointer_div").offsetLeft;
pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("pointer_div").offsetTop;
document.getElementById("cross").style.left = (pos_x-1) ;
document.getElementById("cross").style.top = (pos_y-15) ;
document.getElementById("cross").style.visibility = "visible" ;
document.pointform.form_x.value = pos_x;
document.pointform.form_y.value = pos_y;
}
</script>
</head>
<body>
<h2>Het beginpunt van de lijn:</h2><br />
<form name="pointform" method="post" action="index-2.php">
<div id="pointer_div" onclick="point_it(event)" style = "background-image:url('<?php echo $image; ?>');width:<?php echo $wpx;?>;height:<?php echo $hpx; ?>;">
<img src="<?php echo $image2; ?>" id="cross" style="position:relative;visibility:hidden;z-index:2;"></div>
<input type="text" name="form_x" size="4" /><br>
<input type="text" name="form_y" size="4" /><br>
<input type="submit" />
</form>
</body>
</html>
include ("config.php");
?>
<html>
<head>
<script language="JavaScript">
function point_it(event){
pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("pointer_div").offsetLeft;
pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("pointer_div").offsetTop;
document.getElementById("cross").style.left = (pos_x-1) ;
document.getElementById("cross").style.top = (pos_y-15) ;
document.getElementById("cross").style.visibility = "visible" ;
document.pointform.form_x.value = pos_x;
document.pointform.form_y.value = pos_y;
}
</script>
</head>
<body>
<h2>Het beginpunt van de lijn:</h2><br />
<form name="pointform" method="post" action="index-2.php">
<div id="pointer_div" onclick="point_it(event)" style = "background-image:url('<?php echo $image; ?>');width:<?php echo $wpx;?>;height:<?php echo $hpx; ?>;">
<img src="<?php echo $image2; ?>" id="cross" style="position:relative;visibility:hidden;z-index:2;"></div>
<input type="text" name="form_x" size="4" /><br>
<input type="text" name="form_y" size="4" /><br>
<input type="submit" />
</form>
</body>
</html>
index-2.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
24
25
26
27
28
29
30
31
32
33
34
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
<?php
include("config.php");
$y = $_REQUEST["form_y"]; // Y coordinaat van het beginpunt
$x = $_REQUEST["form_x"]; // X coordinat van het eindpunt
?>
<html>
<head>
<script language="JavaScript">
function point_it(event){
pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("pointer_div").offsetLeft;
pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("pointer_div").offsetTop;
document.getElementById("cross").style.left = (pos_x-1) ;
document.getElementById("cross").style.top = (pos_y-15) ;
document.getElementById("cross").style.visibility = "visible" ;
document.pointform.form_x.value = pos_x;
document.pointform.form_y.value = pos_y;
}
</script>
</head>
<body>
<h2>Het eindpunt van de lijn:</h2><br />
<form name="pointform" method="post" action="image.php">
<div id="pointer_div" onclick="point_it(event)" style = "background-image:url('<?php echo $image; ?>');width:<?php echo $wpx;?>;height:<?php echo $hpx; ?>;">
<img src="<?php echo $image2; ?>" id="cross" style="position:relative;visibility:hidden;z-index:2;"></div>
<input type="text" name="form_x" size="4" /><br>
<input type="text" name="form_y" size="4" /><br>
<input name="x" type="hidden" value="<?php echo $x; ?>" />
<input name="y" type="hidden" value="<?php echo $y; ?>" />
<input type="submit" />
</form>
</body>
</html>
include("config.php");
$y = $_REQUEST["form_y"]; // Y coordinaat van het beginpunt
$x = $_REQUEST["form_x"]; // X coordinat van het eindpunt
?>
<html>
<head>
<script language="JavaScript">
function point_it(event){
pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("pointer_div").offsetLeft;
pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("pointer_div").offsetTop;
document.getElementById("cross").style.left = (pos_x-1) ;
document.getElementById("cross").style.top = (pos_y-15) ;
document.getElementById("cross").style.visibility = "visible" ;
document.pointform.form_x.value = pos_x;
document.pointform.form_y.value = pos_y;
}
</script>
</head>
<body>
<h2>Het eindpunt van de lijn:</h2><br />
<form name="pointform" method="post" action="image.php">
<div id="pointer_div" onclick="point_it(event)" style = "background-image:url('<?php echo $image; ?>');width:<?php echo $wpx;?>;height:<?php echo $hpx; ?>;">
<img src="<?php echo $image2; ?>" id="cross" style="position:relative;visibility:hidden;z-index:2;"></div>
<input type="text" name="form_x" size="4" /><br>
<input type="text" name="form_y" size="4" /><br>
<input name="x" type="hidden" value="<?php echo $x; ?>" />
<input name="y" type="hidden" value="<?php echo $y; ?>" />
<input type="submit" />
</form>
</body>
</html>
image.php
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
include("config.php");
$xbegin = $_POST["x"]; // X coordinaat van het beginpunt
$ybegin = $_POST["y"]; // Y coordinaat van het beginpunt
$xeind = $_POST["form_x"]; // X coordinaat van het eindpunt
$yeind = $_POST["form_y"]; // Y coordinaat van het eindpunt
header("Content-Type: image/jpeg");
$img = ImageCreateFromJpeg($image);
$fond = ImageColorAllocate ($img,0,0,0);
$col = ImageColorAllocate ($img,0,0,0);
ImageLine ($img,$xbegin,$ybegin,$xeind,$yeind,$col);
ImageJPEG ($img, '', 100); //Plaatje maken
?>
include("config.php");
$xbegin = $_POST["x"]; // X coordinaat van het beginpunt
$ybegin = $_POST["y"]; // Y coordinaat van het beginpunt
$xeind = $_POST["form_x"]; // X coordinaat van het eindpunt
$yeind = $_POST["form_y"]; // Y coordinaat van het eindpunt
header("Content-Type: image/jpeg");
$img = ImageCreateFromJpeg($image);
$fond = ImageColorAllocate ($img,0,0,0);
$col = ImageColorAllocate ($img,0,0,0);
ImageLine ($img,$xbegin,$ybegin,$xeind,$yeind,$col);
ImageJPEG ($img, '', 100); //Plaatje maken
?>