Javascript-форум - Показать сообщение отдельно - Смена изображения при клике на нем и отправка данных в файл

REZERV · #1 (**permalink**) 23.01.2018, 16:32

Добрый день.
Есть скрипт на аяксе в котором при клике на кнопку в форме 1 без перезагрузки страницы вносит изменения в файл txt в виде 0 или 1, и в том-же скрипте другая часть кода берет данные из того же файла txt и показывает в форме 2 если в файле txt текст 0 то показывает изображение 1 а если текст 1 то показывает изображение 2.

Помогите поменять код так чтобы при клике на саму фотографию изменялись данные в файле txt и после этого изображение менялась.
В out.txt есть текст 1 или 0

index.php

Код:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<title>1</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<script>
	function show(){
		$.ajax({
			url: "imgs.php",
			cache: false,
			success: function(html){
				$("#content").html(html);
			}
		});
	}


        $(document).ready(function(){ show(); setInterval('show()',500); });

	function AjaxFormRequest(result_id,led,url) {
		jQuery.ajax({
			url: url,
			type: "POST",
			dataType: "html",
			data: jQuery("#"+led).serialize(),
		});
	}
</script>
</head>
    <body>
          <div class="r">
          <div class="rl">
          <p class="r1">Форма 1</p>
          <div class="r2" style="font-size:35px" >
          <form  id="led" action="" method="post"  >
          <input class="submitButton" type="submit" value="Отправить" onclick="AjaxFormRequest('messegeResult', 'led', 'img.php')" >
          </form>
          </div>
          </div>

          <div class="rr">
          <p class="r1">Форма 2</p><br>
          <div class="r2"style="font-size:35px" >
          <div class="r3" id="content"></div>
          </div>
          </div>
          </div>
   </body>
</html>

ings.php

Код:

<?php
	$myFile5 = "out.txt";
	$fh5 = fopen($myFile5, 'r');
	$theData5 = fread($fh5, filesize($myFile5));
	fclose($fh5);
	if($theData5 == 0){echo "<img src='img1.png'>";}
	if($theData5 == 1){echo "<img src='img2.png'>";}
?>

img.php

Код:

<?php
	$myFile1 = "out.txt";
	$fh1 = fopen($myFile1, 'r');
	$theData1 = fread($fh1, filesize($myFile1));
	fclose($fh1);
	if($theData1 == 1){$S1 = 0;}
	if($theData1 == 0){$S1 = 1;}
	$myFile2 = "out.txt";
	$fh2 = fopen($myFile2, 'w') or die("can't open file");
	fwrite($fh2, $S1);
	fclose($fh2);
?>