1
Здравствуйте товарищи программисты,AJAX слайдер изображений
Это мой первый раз, используя AJAX, так что я действительно нужна помощь (проект заканчивается на следующей неделе, только несколько больше вещей, и я сделал).
Так теория заключается в следующем:
Я работаю над проектом, студент, веб-сайт, где люди могут рекламировать свое жилье на продажу.
Имеет базу данных MySQL, содержащую релевантную информацию об Пользователь и Имущество. В отношении имущества, у меня есть 2 таблицы:
- свойство (сохраняет id_property, id_user, название, описание, адрес и т.д. ...)
- propertyimages (магазины id_property, id_image, путь, uploaddate)
что мне нужно AJAX-код, который будет показывать изображения, по одному за раз, до тех пор, пока пользователь не нажмет на само изображение или на следующей/предыдущей кнопки под ним, создавая слайд-шоу, и автоматического заполнения скрытое текстовое поле с id_image текущего изображения, поэтому пользователь может нажать кнопку/ссылку, которая будет d elete изображение из базы данных.
Это мой код до сих пор:
<?php session_start()?>
<?php include 'w3.html'; ?>
<!-- put <title> code under here -->
<?php include 'essentialhead.html'; ?>
<!-- put <head> code under here -->
<?php include 'closeheadopenbody.html'; ?>
<!-- header -->
<?php include 'header.html'; ?>
<!-- content -->
<?php include 'row1clear.html'; ?>
<?php
$urlexplode = explode('?', "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]");
$token = end($urlexplode);
$connection = mysql_connect("localhost","root")
or die("Problem connecting to MySQL!");
mysql_select_db("imobili");
$propertyquery = mysql_query("SELECT *
FROM property
WHERE id_property='".$token."'");
$rowproperty = mysql_fetch_array($propertyquery);
echo $rowproperty['name'];
?>
<?php include 'row2clear.html'; ?>
<?php
echo'<div class="profilewrapper">
<div class="propertyslideshow">
<div class="tablecell">
<div id="slide" class="slider">'; **HERE IS WHERE I NEED AJAX TO SHOW THE IMAGES**
$imagesquery = mysql_query("SELECT *
FROM propertyimages
WHERE id_property='".$rowproperty['id_property']."'");
while($rowimage = mysql_fetch_array($imagesquery))
{
echo'<img class="sliderimg" alt="no image" src="'.$rowimage['path'].'">';
}
echo' </div>
</div>
</div>
<div class="propertytools">'; **IF THE USER IS THE OWNER OF THE PROPERTY, OR AN ADMINISTRATOR, HE GETS ACCESS TO THE FOLLOWING 3 TOOLS: USE AS MAIN PHOTO, DELETE CURRENT IMAGE, AND DELETE PROPERTY**
if($_SESSION['username'] == $rowproperty['username'] or $_SESSION['permissions'] == 'admin')
{
echo'<form class="property" method="post" name="uploadform" action="" enctype="multipart/form-data">
<fieldset>
<legend>Upload another image</legend>
<input type="file" id="foto" name="foto"/><input class="submit" type="submit" value="Submit"/>
</fieldset>
</form>
<form class="property" method="post" name="uploadform" action="">
<input type="hidden" name="currentimgid" value="**I NEED THE id_img here in real time!**"/>
<input onclick="submitform()" class="submitlink" type="submit" id="propform" name="setprev" value="Use this image as Preview"/>
**THE INPUT BELOW WILL POST THE id_image**
<input onclick="submitform()" class="submitlink" type="submit" id="propform" name="delimg" value="Delete this image"/>
<input onclick="submitform()" class="submitlink" type="submit" id="propform" name="delprop" value="Delete this property"/>
<script>
function submitform()
{
var r=confirm("Are you sure?");
if(r==true)
{
document.propform.submit();
}
}
</script>
</form>';
}
echo' </div>
<div class="propertydetails">
<div class="profiledetails">Date Of Construction</div>'.$rowproperty['dateconstruction'].'
<div class="profiledetails">Rent</div>'.$rowproperty['rentvalue'].'
<div class="profiledetails">Sell</div>'.$rowproperty['sellvalue'].'
</div>
</div>';
echo' <form class="comment" name="commentform" action="">
Leave a comment<br>
<textarea name="commentinput"></textarea>
<input type="submit" class="submit" value="Send">
</form>';
mysql_close();
?>
<?php
if(ISSET($_POST['delprop']))
{
echo'';
$sql = "DELETE FROM property
WHERE id_property = ".$token;
mysql_query($sql);
$sql = "DELETE FROM propertyimages
WHERE id_property = ".$token;
mysql_query($sql);
}
//var_dump($_FILES['foto']);
if(ISSET($_FILES['foto']))
{
$username = $_SESSION['username'];
//upload
$allowedExts = array("gif", "jpeg", "jpg", "png", "JPG");
$explode = explode(".", $_FILES["foto"]["name"]);
$extension = end($explode);
//var_dump($extension);
if ((($_FILES["foto"]["type"] == "image/gif")
|| ($_FILES["foto"]["type"] == "image/jpeg")
|| ($_FILES["foto"]["type"] == "image/jpg")
|| ($_FILES["foto"]["type"] == "image/pjpeg")
|| ($_FILES["foto"]["type"] == "image/x-png")
|| ($_FILES["foto"]["type"] == "image/png"))
&& ($_FILES["foto"]["size"] < 200000000) //20MB
&& in_array($extension, $allowedExts))
{
if ($_FILES["foto"]["error"] > 0)
{
echo "Return Code: " . $_FILES["foto"]["error"] . "<br>";
}
else
{
echo "Upload: " . $_FILES["foto"]["name"] . "<br>";
echo "Type: " . $_FILES["foto"]["type"] . "<br>";
echo "Size: " . ($_FILES["foto"]["size"]/1024) . " kB<br>";
echo "Temp file: " . $_FILES["foto"]["tmp_name"] . "<br>";
$path1 = "upload/".$username;
echo $path1;
$path2 = "upload/".$username."/".$token;
$dest = "upload/".$username."/".$token. "/". $_FILES["foto"]["name"];
echo $dest;
if (file_exists("upload/" . $_FILES["foto"]["name"]))
{
echo $_FILES["foto"]["name"] . " already exists. ";
}
else
{
if (! is_dir($path1)) {
mkdir($path1);
}
if (! is_dir($path2)) {
mkdir($path2);
}
move_uploaded_file($_FILES["foto"]["tmp_name"], $dest);
}
}
$datetime = date_create()->format('Y-m-d H:i:s');
$sqlimages = "INSERT INTO propertyimages (path, uploaddate, id_property) VALUES('$dest', '$datetime', '$token')";
//var_dump($sqlimages);
mysql_query($sqlimages);
}
else
{
echo "<script>alert(\"Wrong extension\")</script>";
}
}
?>
<?php include 'contentclose.html'; ?>
<!-- footer -->
<?php include 'footer.php'; ?>
Хорошо, так в чем ваша проблема? – Bojangles
Я понятия не имею, как это сделать с AJAX. –