Re: Image_Problem

Hi All, Thanx Richard for your reply, but it isn't working either, please help me out, Thanks. I can explain the problem again if some one has ne problem in understanding of the problem. Thanks On Thu, Jul 23, 2009 at 2:21 PM, Richard Quadling <rquadling@googlemail.com>wrote: > 2009/7/22 Bilal Ahmad <engg.bilalmalik@googlemail.com>: > > Hi All, I wanna ask a question pleasenV. I am trying to create an image > on > > fly, please do help me , following is the code. > > > > *File Name : Font.php > > Code: * > > > > <html> > > <head> > > <title>Image Creation</title> > > > > <script language="javascript"> > > var xmlhttp; > > > > function showPic() > > { > > xmlhttp=GetXmlHttpObject(); > > if (xmlhttp==null) > > { > > alert ("Browser does not support HTTP Request"); > > return; > > } > > > > var text = document.getElementById("textfield").value; > > > > var url="image.php"; > > url=url+"?text="text; > > alert(url); > > url=url+"&sid="+Math.random(); > > xmlhttp.onreadystatechange=stateChanged; > > xmlhttp.open("GET",url,true); > > xmlhttp.send(null); > > } > > > > function stateChanged() > > { > > if (xmlhttp.readyState==4) > > { > > if(xmlhttp.responseText == 1) > > { > > document.getElementById("pic").style.display="block"; > > } > > } > > } > > > > function GetXmlHttpObject() > > { > > if (window.XMLHttpRequest) > > { > > // code for IE7+, Firefox, Chrome, Opera, Safari > > return new XMLHttpRequest(); > > } > > if (window.ActiveXObject) > > { > > // code for IE6, IE5 > > return new ActiveXObject("Microsoft.XMLHTTP"); > > } > > return null; > > } > > </script> > > </head> > > <body> > > <form name="form1" method="post" action="" > > onSubmit=" return false;"> > > <table width="304" border="1"> > > <tr> > > <td colspan="2"><div > > align="center">Text</div></td> > > </tr> > > <tr> > > <td>Text</td> > > <td><label> > > <input type="text" name="textfield" > > id="textfield"> > > </label></td> > > </tr> > > <tr> > > <td colspan="2"><label> > > <div align="center"> > > <input type="submit" name="button" id="button" > > value="Update" > > onClick="showPic()"> > > </div> > > </label></td> > > </tr> > > <tr> > > <td colspan="2"><div id="pic" > > style="display:none"><img > src="pic.jpg" > > /></div></td> > > </tr> > > </table> > > </form> > > </body> > > </html> > > > > *File Name : image.php > > Code:* > > > > [php] > > > > $name = $_GET['text']; > > > > $pic = imagecreatetruecolor(100, 100); > > $text_color = imagecolorallocate($pic, 255, 255, 255); > > imagestring($pic, 10, 15, 15, $name, $text_color); > > $pi = Imagejpeg($pic,"pic.jpg"); > > echo $pi; > > ImageDestroy($pic); > > > > [/php] > > > > *Problem: * > > > > What this code is doing is that, it creates a new image with the text > (that > > user enters) on it, but loads the image that was created previously, I > want > > that it should display the text on the picture which users enter on the > fly. > > ( e.g. If user enter TEXT as text it should display TEXT on the picture > > displayed, soon after we get response from ajax).I hope you got the > problem. > > > > > > Thanks > > > > Try changing ... > > $pi = Imagejpeg($pic,"pic.jpg"); > echo $pi; > > to ... > > imagejpeg($pic); > > > > -- > ----- > Richard Quadling > Zend Certified Engineer : > http://zend.com/zce.php?c=ZEND002498&r=213474731 > "Standing on the shoulders of some very clever giants!" > ZOPA : http://uk.zopa.com/member/RQuadling >