Wie zentriert man ein Bild mit jQuery?

Ich habe ein Skript für mein Kontaktformular, das zeigt Thnks Nachricht und ein Bild nach dem Kunden gedrückt "Senden". Die Sache ist, dass alles nach rechts ausgerichtet ist, aber ich möchte es zentrieren. Auch nachdem der Kunde "Submit" gedrückt hat, schiebt er den nächsten Div nach unten. Ich werde versuchen, den Code und den Link zu meiner Website zu veröffentlichen. My website Wie zentriert man ein Bild mit jQuery?

Dies ist der Code selbst:

//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

Btw, ich für Styling Bootstrap verwenden. Tut mir leid, wenn es nicht klar ist.

Quelle

2017-05-16 All in One

Das klingt wie etwas, das Sie mit CSS anstatt mit jQuery tun würden? –

Ich stimme zu, dies sollte anders getaggt werden –

Mögliche Duplikate von [Wie vertikal ein div für alle Browser zentrieren?] (Http://StackOverflow.com/Questions/396145/How-to-vertically-center-a-div- für alle Browser) – Terry

Haben Sie Ihre Website Kontaktformular überprüft, es scheint, als ob Sie nur text-align:center; Klassehinzufügen müssen

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

Dies kann nur mit CSS erreicht werden.

Quelle

2017-05-16 11:53:38

Thx Kumpel! Es funktionierte. Du schaukelst! –

@AllinOne Schön zu wissen, Willkommen :) –

Da die Kommentare deuten darauf hin, dies ist wahrscheinlich am besten mit CSS getan:

Dies wird den Trick:

.contactus { 
    text-align: center; 
}

Wenn Sie wirklich jQuery setzen diese irgendwo in Ihrer document.ready Funktion nutzen möchten

Quelle

2017-05-16 11:52:56 shotor

Danke für Hilfe, Bruder! –

Wie zentriert man ein Bild mit jQuery?

Antwort

Verwandte Themen