2013-06-12 119 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

相關問題