在这个网站http://www.flatness.eu/test.html我有一个 php 文件的链接。
该文件包含一个用 php 编写的艺术作品。
该页面包含图像层,用户单击以将其逐层删除,直到页面为空。
是否可以将用户最后一次点击 php 文件链接直接返回到他们开始的 html 主页?
在这个网站http://www.flatness.eu/test.html我有一个 php 文件的链接。
该文件包含一个用 php 编写的艺术作品。
该页面包含图像层,用户单击以将其逐层删除,直到页面为空。
是否可以将用户最后一次点击 php 文件链接直接返回到他们开始的 html 主页?
您链接到的 php 文件正在使用 jQuery 添加一个类,该类调用houdini
到隐藏的图像。您可以更改点击处理程序以计算类不是 houdini 的剩余图像数量,然后重定向用户。
$(function() { //run when the DOM is ready
$(".image").click(function() { //use a class, since your ID gets mangled
$(this).addClass("houdini"); //add the class to the clicked element
if( $('.image:not(.houdini)').length == 1 )
{
// this is the last image, redirect user
window.location = 'http://yourpageurl.com';
}
});
});
PHP 是服务器端 - 如果您每次点击都没有与服务器通信,它无法知道用户何时点击了最后一张图片。
在您的代码中,您通过 jquery 将类添加到 css 以隐藏图片,您可以使用 $('.houdini').length 计算有多少元素具有该类,并基于此您可以通过 javascript 调用重定向:window.location = "URL_HERE";
倒计时更容易计数 - 所以你可以首先让所有图像都有一些像“显示”这样的类,然后点击做:
$(".image").on('click',function() {
$(this)addClass('houdini').removeClass('shown');
if ($('shown').length == 0) {
window.location = 'http://www.flatness.eu/home.html';
}
});
在 PHP 中:空时触发:
<?php
header("Location: http://www.example.com/");
exit;
?>
编辑:您实际上是用js删除图片,所以重新加载也应该由js触发!
$(function() { //run when the DOM is ready
$(".image").click(function() { //use a class, since your ID gets mangled
$(this).addClass("houdini"); //add the class to the clicked element
if($('.houdini').length == $(".image").length)
{
window.location.href="http://www.example.com/";
}
});
});
用html代码链接..
我猜你已经用 HTML 编写了所有代码,然后你只需将 PHP 代码与 HTML 代码混合。
喜欢,
<?php
//your php code
?>
或在您的页面中提供表单操作以提供您的主文件的路径。