2012-08-30 47 views
0

我有一個表單,當我sumbit加載表單的一個新的部分,但會發生什麼是頁面加載並將我發回到我的頁面的頂部,所以我必須滾動一路回到表單的位置是。CakePHP - 如何提交按鈕並讓頁面停留在同一節中?

有沒有一種方法可以讓頁面保持在它所在的同一節中,或者可能會將它加載到我顯示的某個子標題文本標題旁邊?

這是按鈕我也顯示:

echo $this->Form->submit("View Now"); 

但我怎麼能得到這個未來加載到該子頭下面的文本,而不是去回到頁面頂部?

<h2><?php __("Information Results");?></h2> 

謝謝!

+0

您可以使用ajax進行此類操作。 – Krishna

+0

說到這裏,我有點新手;你能指導我完成我需要做什麼嗎? – olimits7

回答

0

試試這個代碼:

echo $this->Form->submit("View Now",array('id'=>'contact_btn')); 
<div id='result'><?php __("Information Results");?></div> 

<script> 
$.ajax({data:$("#contact_btn").closest("form").serialize(), 
    dataType:"html", 
    success:function (data, textStatus) 
    {$("#result").html(data);}, 
    type:"post", 
    url:"\/yourproject\/controller\/action" 
}); 
</script> 
+0

好的,謝謝!我不確定的唯一事情是爲「你的項目」輸入什麼?我知道該頁面的控制器和操作是什麼。所以我可以像下面這樣編寫這個部分: – olimits7

+0

它關於你的url,比如我有本地主機的URL,比如這個「http:// localhost/demo/controller/submit」。你可以按照你的要求輸入自己的網址 – Krishna

+0

url:「\/info \/calculator」? – olimits7

0

的Ajax是正確的方式,但你也可以使用錨。例如,你可以讓你的表單動作是這樣的:

<?php echo $this->Form->create(
           'YourModel', 
           array(array('#'=>'subform')  
);?> 

那麼H2以上,你應該把:

<a name="subform"></a> 
<h2><?php __("Information Results");?></h2> 

並提交,你希望它會準確地定位表單時。但它是Ajax的替代品。我會用Ajax來做。

獎金(如果它可以算作這樣)你的邏輯是在同一個行動。

相關問題