PDA

Click to See Complete Forum and Search --> : Image And Text, I can't Mix, Why?

wiz126
Feb 16th, 2007, 12:10 PM
Ok the php code works perfectly fine on its on. Once I place it in an HTML page, It not longer works. How do I intergrade the code into my html page to make it work? (Do I need to have another header?)

When I Use This Code:
<html>
<head>
<title>This Is A Test</title>
</head>
<body>
<?php
$im = imagecreate(160, 160);
$bg = imagecolorallocate($im, 255, 255, 255);
$black = imagecolorallocate($im, 0, 0, 0);
imagechar($im, 2, 0, 0, 'T', $black);
imagechar($im, 2, 10, 10, 'H', $black);
imagechar($im, 2, 20, 20, 'I', $black);
imagechar($im, 2, 30, 30, 'S', $black);

imagechar($im, 2, 40, 60, 'I', $black);
imagechar($im, 2, 50, 70, 'S', $black);

imagechar($im, 2, 60, 100, 'A', $black);

imagechar($im, 2, 70, 120, 'T', $black);
imagechar($im, 2, 80, 130, 'E', $black);
imagechar($im, 2, 90, 140, 'S', $black);
imagechar($im, 2, 100, 150, 'T', $black);
header('Content-type: image/png');
imagepng($im);
?>
</body>
</html>

I Get This:

<html>
<head>
<title>This Is A Test</title>
</head>
<body>
PNG


IHDR * * n PLTE U~ IDATx햻
EO bQN^BS <1q$]~R'D` $XI=(Im 3IbJYx.J
`L#AXRxzcIR.M{
Ig']qQb%>8ʟY$x IENDB`
</body>
</html>
penagate
Feb 16th, 2007, 12:15 PM
OK... Have a think: how do you normally put images into HTML?
wiz126
Feb 16th, 2007, 12:28 PM
I know its a bit messed up (lol) but
Hmm, How do I make the image show up in my page?
penagate
Feb 16th, 2007, 12:34 PM
You haven't thought yet. Apply brain. Go back to the question: how do you usually put images into HTML documents?
wiz126
Feb 16th, 2007, 12:38 PM
You haven't thought yet. Apply brain. Go back to the question: how do you usually put images into HTML documents?


hmm <img src="URL"> ?
penagate
Feb 16th, 2007, 12:40 PM
OK! Progress!

You've already got image output. Now... how could we combine those two concepts?
wiz126
Feb 16th, 2007, 12:44 PM
I see where you are going with it (I thought about it before posting), But It will get me into problem #2.
You want to place the code in page1.php and have it loaded into page2.html....

But,
My Actual Image is being generated using user input (POST Method). How do I show in my HTML page the image (after the userinput). How do I go about doing this kind of thing?
penagate
Feb 16th, 2007, 12:52 PM
There are a couple of ways. One is to store the image in a session variable. This relies on cookies, however.

Another way is to use a data URI, and output it directly into the src attribute. I am not sure how many browsers support these, however. I know Mozilla does, at least; and possibly IE 7, but I doubt that.
wiz126
Feb 16th, 2007, 01:01 PM
I could try using a GET mothod (really long address, but it will work).
I just thought there is an easer way of doing such a thing.