javascript - 单击图像后如何导航到另一个页面
问题描述
我开发了一个完美的记忆游戏。在游戏页面中,当找到匹配项时,图像会显示在页面右侧。我想要的是在单击该图像时导航到另一个页面。
另一个页面是标签管理页面,所以我需要访问图像和 xml 文件。
在游戏中找到匹配项时我用来显示图像的代码:
function getpicture(){
document.getElementById('picture').innerHTML = getgImage(event.target.dataset.number);
pic = document.getElementById('picture').innerHTML;
$.ajax({
type: 'POST',
url: 'maingame.php',
data: {
'pic': pic,
},
})
}
在html端:
<div class="imageside" id="picture"> <?php
if (isset($_POST['pic'])) {
$picture = $_POST['pic'];
$link_array = explode('/', $picture);
$imgpath = end($link_array);
$ext = substr($imgpath, strrpos($imgpath, "."));
$imgname = str_replace($ext, '', $imgpath);
$dire = "Annotated Dataset/data/";
$file = $dire.$imgname.'.xml';
$xml = @simplexml_load_file(@$file);
if(!empty($xml->globalvalidation->true)){
$validclass = 'blurclass';
}else{
$validclass = 'img_src';
}?>
<img src="<?php echo "$picture"; ?>" class="<?php echo $validclass; ?>">
<?php } ?></div>
<script>
$('.img_src').click(function(){
var images = $(this).attr('src');
var url = 'validation.php';
var form = $('<form action="' + url + '" method="post">' +
'<input type="text" name="img_url" value="' + images + '" />' +
'</form>');
$('body').append(form);
form.submit();
});
</script>
我尝试了上面的代码,但是当我单击图像时,它没有导航到其他页面。我想我在中间的某个地方迷路了。有人可以帮我在哪里出错,并帮助我解决这个问题,点击图片导航到下一页。
解决方案
推荐阅读
- xml - 如何从 Powershell/XAML 中的 XML 文件更改按钮的内容?
- python - AttributeError:“NoneType”对象没有属性“组”googletrans python
- c - 使用 libcurl 进行 C 编程。使用 printf 打印到屏幕时接收到原始 json 数据显示 \uxxxx 序列。如何转换?
- python - .JSON 文件返回不存在的数据
- java - 在后台服务中截屏
- join - 如果 Join 的值包含 ',则使用 Join 查询的问题
- javascript - 删除不适用于 Javascript 的事件侦听器
- python - 如何修复此错误 - 使用 YouTube API 凭据通过关键字请求 YouTube 搜索时出现 HttpError 403
- android - 如何将原生安卓屏幕添加到颤振应用程序?
- workflow - 确保 qbo3 任务在一天中的不同时间发生