2013-06-12 86 views
5

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

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

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

是否有可能使最后一次点击PHP文件链接用户直接回到他们开始的HTML主页?

+5

你可以在这里发布你的代码,所以它会和那些稍后遇到的相关吗? – woz

回答

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'; 
     } 
    }); 
    }); 
+1

比我的更好...但是,这看起来在所有的图像,不能用于,如果页面上有图像不应该计数...但对于这个特定的解决方案 - 这比我的简单。 +1 – YomY

+0

谢谢!!这工作,虽然它点击回来有点太早,说两次点击之前,它应该? – angela

+0

应该不是'.length == 0'吗?根据问题,重定向是在最后一张图片被隐藏之后。 – IMSoP

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/"; 
      } 
     }); 
    }); 
2

PHP是服务器端 - 它不能知道用户何时单击最后一张图片,如果你没有每次点击与服务器通信。

就像你在你的代码中通过jQuery添加类到css来隐藏图片一样,你可以用$('。houdini')。长度来计算该类有多少元素,并且基于你可以通过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'; 
    } 
}); 
0

挂钩的HTML代码..

我猜你写的所有代码的HTML,那么你就必须用HTML代码混合PHP代码。

一样,

<?php 
    //your php code 
?> 

或提供您的网页表单操作,以提供您的家庭文件的路径。

+0

你想在这里说什么? – shin

+0

只是链接了脚本的PHP代码..并提供在脚本中的标题位置重定向到你想要的地方..我简写了。 – 2013-06-12 12:38:13

相关问题