2017-05-16 60 views
0

我有一個我的聯繫表單的腳本,它顯示Thnks消息和客戶按下「提交」後的圖像。事情是,一切都是正確的,但我想集中。另外,在客戶按下「提交」後,它將下一個下推到底部。我會嘗試將代碼和鏈接發佈到我的網站。 My website如何使用jQuery將圖像居中?

這是代碼本身:

//Contact form AJAX form 
 
function _(id) { 
 
    return document.getElementById(id); 
 
} 
 

 
function submitForm() { 
 
    _("mybtn").disabled = true; 
 
    _("status").innerHTML = 'please wait ...'; 
 
    var formdata = new FormData(); 
 
    formdata.append("n", _("n").value); 
 
    formdata.append("e", _("e").value); 
 
    formdata.append("p", _("p").value); 
 
    formdata.append("m", _("m").value); 
 
    formdata.append("plans", $('#my_form').find('input[name="plans"]:checked').val()); 
 
    var ajax = new XMLHttpRequest(); 
 
    ajax.open("POST", "example_parser.php"); 
 
    ajax.onreadystatechange = function() { 
 
    if (ajax.readyState == 4 && ajax.status == 200) { 
 
     if (ajax.responseText == "success") { 
 
     _("my_form").innerHTML = '<h2>Thanks ' + _("n").value + '!</h2><p><img src="images/sent.png"></p>'; 
 
     } else { 
 
     _("status").innerHTML = ajax.responseText; 
 
     _("mybtn").disabled = false; 
 
     } 
 
    } 
 
    } 
 
    ajax.send(formdata); 
 
} 
 
//END

順便說一句,我使用的樣式引導。對不起,如果不明確。

+2

這聽起來像你會用CSS而不是用jQuery做什麼? –

+0

我同意,這應該有不同的標記 –

+0

[如何垂直中心所有瀏覽器的div?](http://stackoverflow.com/questions/396145/how-to-vertically-center-a-div-所有瀏覽器) – Terry

回答

0

檢查了你的網站聯繫表格,好像你只需要添加text-align:center;到類.well-sm

<style> 
    .well-sm{text-align:center;} 
</style> 

這隻能用css來實現。

+0

Thx哥們!有效。你搖滾! –

+0

@AllinOne很高興知道,歡迎:) –

0

正如評論暗示這可能是最好的CSS完成:

這將這樣的伎倆:

.contactus { 
    text-align: center; 
} 

如果你真的想用jQuery把你document.ready功能這個地方:

$('.contactus').css('text-align', 'center'); 
+0

Thx幫助兄弟! –