2013-06-12 8 views
5

このサイトにはhttp://www.flatness.eu/test.html私はphpファイルへのリンクを持っています。PHPファイルをHTMLファイルにリンクしていますか?

このファイルには、PHPで書かれた芸術作品が含まれています。

ページには、ページが空になるまで1つずつ削除するためにユーザーがクリックする画像のレイヤが含まれています。

phpファイルの最後のクリックで、ユーザーが開始したhtmlホームページに直接リンクすることはできますか? PHPで

+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

ありがとうございました!これはうまくいきましたが、もう少し早くクリックしますが、2回前にクリックするといいでしょうか? – angela

+0

それは '.length == 0'ではありませんか?リダイレクトは、質問に従って、最後の画像が隠された後です。 – IMSoP

0

:トリガー空:

<?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を使ってCSSを追加して画像を隠す場合、$( '。houdini')の長さでそのクラスを持つ要素の数を数え、javascript経由でリダイレクトを呼び出すことができます: window.location = "URL_HERE";

ダウンカウントされ、カウントアップから簡単 - あなたはすべての画像は「示す」などのいくつかのクラスを持って、[OK]をクリックします上で行うことによって、起動することができます。

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

htmlコードとのリンクアップ..

私は、あなただけのHTMLコードをあなたのPHPコードを混在させる必要がありますが、HTML内のすべてのコードを書かれていると思います。

<?php 
    //your php code 
?> 

やご自宅のファイルのパスを提供するために、あなたのページのフォームアクションを提供、などです。

+0

あなたはここで何を言おうとしていますか? – shin

+0

ちょうどphpコードをスクリプトとリンクしています。あなたが望む場所にリダイレクトするためのスクリプトでヘッダーの位置を指定します。 –

関連する問題