如何根據引用頁面顯示div

我是一名業餘編碼人員，在這新的一年裏，我學習了HTML5和CSS3。如何根據引用頁面顯示div

我目前面臨一個挑戰，我有一個頁面的html文件（index.html）。在頁面中有一個html表單，它對php文件有一個動作。一旦php文件處理表單，它就會將用戶引導回index.html。我想要做的是在我的網站頂部顯示一個div，表示「感謝您提交表單！」

我該怎麼做？我假設我們會做某種「如果推介頁面是form.php，然後顯示div」，但我不知道如何檢測推介頁面。另外我不知道使用什麼語言，我認爲是JavaScript。我想遠離PHP，因爲我不希望我的單頁html文件變成一個PHP文件。

我希望這是明確的謝謝！

來源

2013-01-07 Jordan Eunson

因爲我不知道網頁的確切結構，所以我建議您使用會話和htaccess來允許在html文件中使用php。

在你的PHP文件後立即處理寫入以下內容：

@session_start(); 
$_SESSION['submitted_msg'] = "You have submitted a form";

在HTML文件中寫的這個權利，你希望顯示一條消息：

<?php if (isset($_SESSION['submitted_msg'])) { ?> 
<div><?php print($_SESSION['submitted_msg']);?></div> 
<?php unset($_SESSION['submitted_msg']);} ?>

對於這個工作，你會需要在項目的根目錄下有.htaccess文件。隨着代碼如下：

AddType application/x-httpd-php .html

希望，這可以幫助你，如果你需要一些其他的方式，請寫更多的細節。

更新1：JavaScript方法與餅乾啓用

form.php的

<?php 
    # above is form processing... 
    setcookie ("submit_message", 'thanks...', time()+3600, '/'); 
    header("Location: index.html"); 
    exit; 
?>

的index.html

<html> 
<head></head> 
<body> 
    <script type="text/javascript"> 

    function readCookie(name) 
    { 
     var cookiename = name + "="; 
     var ca = document.cookie.split(';'); 
     for(var i=0;i < ca.length;i++) 
     { 
      var c = ca[i]; 
      while (c.charAt(0)==' ') c = c.substring(1,c.length); 
      if (c.indexOf(cookiename) == 0) return c.substring(cookiename.length,c.length); 
     } 
     return null; 
    } 

function deleteCookie(name, path, domain) 
{ 

    document.cookie=name+"="+((path) ? ";path="+path:"")+((domain)?";domain="+domain:"") + 
            ";expires=Thu, 01 Jan 1970 00:00:01 GMT"; 
} 

    window.onload = function() 
    { 
     var msg = ''; 
     if (readCookie('submit_message') != null) 
     { 
      msg = readCookie('submit_message'); 

      deleteCookie('submit_message','/'); 
     } 
     document.getElementById('message').innerHTML = '<div style="background:green">'+msg+'</div>'; 
    } 
</script> 

<div id="message"> 

</div> 
</body> 
</html>

如果你去形成PHP時，您重定向到索引。 HTML和消息顯示，如果你刷新消息消失。

祝你好運。

來源

2013-01-07 00:13:36 Davit

有沒有辦法用javascript做到這一點？ –

我做了一個編輯，請檢查我的答案更新。 – Davit

哇，我印象最深的是！謝謝你的時間！我正在測試。 –

如何根據引用頁面顯示div

回答

相關問題