滑動窗體 - jquery/javascript

我正在嘗試創建一個簡單的調查網站，您必須通過1來回答問題1.當您通過單擊答案完成問題時，頁面將淡出並淡入下一個。滑動窗體 - jquery/javascript

我一直在尋找一種方法來做到這一點，我希望它能在調查完成後將回答的問題保存到數據庫中。

任何想法？

到目前爲止，我有這樣一條：

JS：

$(function(){ 
    $("#site").cycle({ 
     fx : "scrollHorz", 
     next : ".next a", 
     prev : ".prev a", 
     startingSlide : 1, 
     timeout : 0 
    }); 
    });

CSS：

html, body, #page1, #page2, #page3, #site {height:100%;width:100%} 
.prev, .next { 
    display:table;   
    overflow:hidden; 
    height:100%; 
    width:1.5em; 
    position:absolute; 
    top:0; 
} 
.prev{ 
    left:0 
} 
.next{ 
    right:0 
} 

.prev a, .next a { 
    display:table-cell; 
    vertical-align:middle; 
    height:30px; 
    text-align:center; 
    background:#333; 
    text-decoration:none; 
    color:#999; 
    font-weight:900; 
    font-size:1.5em 
} 
.prev a:hover, .next a:hover {color:#eee;} 
.prev a{ 
    border-radius:0 0.5em 0.5em 0; 
} 
.next a{ 
    border-radius:0.5em 0 0 0.5em; 
} 
p {padding:2em} 
h1 {font-size:2em;padding:1em;font-weight:900}

我只是想知道是否有其他的方法去做這個。

來源

2014-01-09 Wax

試試這個：Fiddle

$("#brand").change(function() { 
    $(".next a:visible").click(); 
});

要注意的是在IE單選按鈕和複選框只發出一個「變」事件的焦點變化的形式下一個控制時。所以對於這些，最好使用「點擊」事件。

要保存它，您必須在表單末尾提交一個提交按鈕，以便以傳統方式將表單提交到服務器端頁面或執行ajax請求。

我剛剛更新了小提琴以顯示單選按鈕處理。

順便說一句，我正在做的是發送一個點擊「下一個」，使其滑動時，選擇或點擊一個控件。

祝你好運。

來源

2014-01-09 12:52:33 Fabricio

您需要設置的下一個頁面上的事件處理程序，並在form結果與隱藏的輸入

末

然後保存，彈出一個save button這將serialize the form，它通過POST發送到服務器。

在服務器上，您將有一個php或任何其他服務器端語言來讀取POST數據並保存在數據庫中。

來源

2014-01-09 12:23:23

您需要在下一頁設置一個事件處理程序，並將結果保存爲隱藏輸入形式我到底該如何做？對不起，但我有點新Javascript/jQuery中 – Wax

滑動窗體 - jquery/javascript

回答

相關問題