5

在这个网站http://www.flatness.eu/test.html我有一个 php 文件的链接。

该文件包含一个用 php 编写的艺术作品。

该页面包含图像层,用户单击以将其逐层删除,直到页面为空。

是否可以将用户最后一次点击 php 文件链接直接返回到他们开始的 html 主页?

4

4 回答 4

6

您链接到的 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';
      }
    });
  });
于 2013-06-12T12:28:49.263 回答
2

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';
  }
});
于 2013-06-12T12:27:55.990 回答
0

在 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/";
            }  
        });
     });
于 2013-06-12T12:27:55.460 回答
0

用html代码链接..

我猜你已经用 HTML 编写了所有代码,然后你只需将 PHP 代码与 HTML 代码混合。

喜欢,

<?php
  //your php code
 ?>

或在您的页面中提供表单操作以提供您的主文件的路径。

于 2013-06-12T12:31:13.897 回答