У меня есть 2 таблицы (изображение и видео). В моем HTML-коде у меня есть три кнопки с именем slide_image, video, ans single_image. Здесь я использую iframe для загрузки изображения и видео, я на одной странице вижу видео / изображение. поэтому, когда я нажму кнопку slide_image, он покажет изображение один за другим на веб-странице, а когда я нажму на видео, вы увидите видео. до этого все нормально, но когда я нажимаю кнопку single_image, она ничего не отображает из-за фрейма iframe ans. Я хочу, когда я clcik single_image button, он отображает только третье изображение.
Я использую AJAX для проверки и загрузки страницы только для получения новых данных. но моя таблица изображений только одна, и я загружаю данные в iframe. Обратите внимание, что; Я не могу обновить страницу до тех пор, пока не получу сетевой контент, например, теперь я показываю видео, но когда нажата только кнопка slide_image, новая страница будет загружаться в iframe. Я думаю, мне нужно изменить код AJAX или в инструкции case.
<!DOCTYPE html> <html> <head> <title> View</title> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script> $(function(){ var lastData = ''; function values(){ $.ajax({ type: "GET", url: "task.php", success: function(data){ if (data != lastData) { $('div#myFrame').html(data); lastData = data; } } }); }; setInterval(values, 5000); }); </script> </head> <body> <a> <div id="myFrame"> <?php include "task.php"; ?> </div> </a> </body> </html>
task.php
<?php //connect database and find switch ($ID) { case 1: echo '<div>'; echo '<iframe src="../image/index.php" id="imgiframe"></iframe>'; echo '</div>'; break; case 2: echo '<div>'; echo '<iframe src="../video/index.php" id="imgiframe"></iframe>'; echo '</div>'; break; default: echo "NO VIDEO"; break; } ?>