Collegamento di un file php in un file HTML?

Question

Su questo sito http://www.flatness.eu/test.html Ho un collegamento a un file php.

Quel file contiene un pezzo artistico che è scritto in php.

La pagina contiene livelli di immagini che l'utente clicca per rimuovere uno alla volta fino a quando la pagina non è vuota.

E 'possibile fare l'ultimo clic sul file php per collegare l'utente direttamente alla home page html da cui è partito?

Answer 1

Il file php si collega a sta usando jQuery per aggiungere una classe denominata houdini alle immagini che sono nascoste. Puoi modificare il gestore di clic per conteggiare la quantità di immagini rimaste in cui la classe non è houdini, quindi reindirizzare l'utente.

$(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

in PHP: trigger a vuoto:

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

edit: In realtà rimuovere le immagini con js, in modo da ricaricare dovrebbe essere innescato da js, come pure!

$(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 è lato server - non può sapere quando l'utente ha fatto clic sull'ultima immagine se non si comunica con il server ad ogni clic.

Come nel codice si aggiunge la classe a css tramite jquery per nascondere le immagini, è possibile contare quanti elementi hanno quella classe con $ ('. Houdini'). Lunghezza e in base a ciò è possibile richiamare il reindirizzamento tramite javascript: window.location = "URL_HERE";

più facile da contare sul conto alla rovescia - in modo da poter iniziare facendo tutte le immagini hanno una certa classe come 'mostrato', e poi fare clic su Do:

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

Answer 4

collegamento con codice html ..

credo che avete scritto tutto il codice in HTML Poi basta mescolare il vostro codice PHP con il codice HTML.

come,

<?php 
    //your php code 
?> 

o fornire un'azione di modulo nella pagina per fornire il percorso del file di casa.