Liên kết tệp php với tệp HTML?

Question

Trên trang web này http://www.flatness.eu/test.html Tôi có một liên kết đến một tập tin php.

Tệp đó chứa một tác phẩm nghệ thuật được viết bằng php.

Trang chứa các lớp hình ảnh mà người dùng nhấp để xóa từng hình ảnh cho đến khi trang trống.

Có thể thực hiện lần nhấp cuối cùng trên liên kết tệp php người dùng thẳng về trang chủ html mà họ đã bắt đầu không?

Answer 1

Các tập tin php bạn liên kết đến đang sử dụng jQuery để thêm một lớp được gọi là houdini vào hình ảnh bị ẩn. Bạn có thể thay đổi trình xử lý nhấp để đếm số lượng hình ảnh còn lại trong đó lớp không phải là houdini và sau đó chuyển hướng người dùng.

$(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'; 
     } 
    }); 
    }); 

Answer 2

trong PHP: Trigger khi trống:

<?php 
header("Location: http://www.example.com/"); 
exit; 
?> 

chỉnh sửa: Bạn thực sự loại bỏ các hình ảnh với js, do đó lại phải được kích hoạt bởi js cũng!

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

Answer 3

PHP là phía máy chủ - không thể biết khi nào người dùng nhấp vào ảnh cuối cùng nếu bạn không liên lạc với máy chủ trên mỗi lần nhấp.

Như trong mã của bạn, bạn thêm lớp vào css qua jquery để ẩn hình ảnh, bạn có thể đếm số lượng phần tử có lớp đó với $ ('. Houdini') và dựa trên đó bạn có thể gọi chuyển hướng qua javascript: window.location = "URL_HERE";

dễ dàng hơn từ đếm lên được đếm ngược - vì vậy bạn có thể bắt đầu bằng cách làm cho tất cả hình ảnh có một số lớp như 'thể hiện', và sau đó vào nhấp chuột làm:

$(".image").on('click',function() { 
    $(this)addClass('houdini').removeClass('shown'); 
    if ($('shown').length == 0) { 
    window.location = 'http://www.flatness.eu/home.html'; 
    } 
}); 

Answer 4

liên kết với mã html ..

tôi đoán bạn đã viết tất cả các mã trong HTML sau đó bạn chỉ có trộn mã PHP của bạn với mã HTML.

như,

<?php 
    //your php code 
?> 

hoặc cung cấp một hình thức hành động trong trang của bạn để cung cấp đường dẫn của tập tin ngôi nhà của bạn.