function createRequestObject()
{
var ro;
if (window.XMLHttpRequest)
{
ro = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
ro = new ActiveXObject("Microsoft.XMLHTTP");
}
return ro;
}
var http = createRequestObject();
function sndReq(picfile)
{
var str = picfile;
http.open('get', 'image.php?img='+str);
http.onreadystatechange = handleResponse;
http.send(null);
}
function handleResponse()
{
if(http.readyState == 4 || http.readyState == 0)
{
var response = http.responseText;
document.getElementById('pic').innerHTML = response;
}
}<?php
$img = trim(stripslashes(strip_tags($_GET['img'])));
echo '<img src="path/to/images/'.$img.'" border="0">';
?><html>
<head>
<title>Test</title>
<script language="JavaScript" type="text/javascript" src="img.js"></script>
</head>
<body>
<a href="#" onclick="sndReq('testimg.jpg');">Test</a>
<br />
<br />
<div id="pic">
</div>
</body>
</html>Nope, don't need to edit anything in the js, unless you change the name of the php file... what you need to do is:CriminalOrigins said:
<?php
$img = trim(stripslashes(strip_tags($_GET['img'])));
echo '<a href="somewhere"><img src="set/your/path/to/the/image/folder/here/'.$img.'" border="0"></a>';
//Change set/your/path/to/the/image/folder/here/ to your image folder ;)
?>
<script>
function changePic(pic)
{
document.getElementById('picture').innerHTML = '<img src="path/to/pic/' +
pic }
function changeURLPic(url, pic)
{
document.getElementById('picture').innerHTML = '<a href="' + url '"><img src="path/to/pic/' +
pic + ' /></a> }
</script>
<div id="picture"></div>
<a href="#" onClick="changePic('image.jpg')">change pic</a>
<a href="#" onClick="changeURLPic('http://google.com', 'image.jpg')">change the pic and make it a link</a>
