Bootstrap succès d'alerte dans la mise à jour d'enregistrement Ajax
Je voudrais utiliser bootstrap alerte dans l'affichage de message de succès dans la mise à jour des enregistrements existants. C'est ce que j'ai:
index.php
<script type="text/javascript">
$(document).ready(function(){
$("#submit_button").click( function() {
$.post( $("#updateunit").attr("action"),
$("#updateunit :input").serializeArray(),function(info){
$("#result").html(info);
});
});
$("#updateunit").submit( function() {
return false;
});
});
function clearInput() {
$("#updateunit :input").each( function() {
$(this).val('');
});
}
<div class="control-group">
<label class="control-label" for="transaction">Notes</label>
<div class="controls">
<textarea rows="3" columns="10" name="notes"><?php echo $notes; ?></textarea>
</div>
</div>
<div class="control-group">
<div class="controls">
<button class="btn btn-custom" type="submit" id="submit_button">Update</button>
<a href="#" class="back"><button class="btn btn-custom" onclick="goBack()">Back</button></a>
</div>
</div>
</form>
<div id="result" class="alert alert-success"></div>
</div>
edit.php
<?php
include('../../db.php');
if( isset($_POST['reservation_code']) || isset($_POST['transaction_code']) ){
$transaction_id = $_POST['transaction_id'];
$reservation_code = $_POST['reservation_code'];
$transaction_code = $_POST['transaction_code'];
$notes = $_POST['notes'];
$update = $conn->prepare("UPDATE tblunitreservation
SET reservation_code = :reservation_code,
transaction_code = :transaction_code,
notes = :notes
WHERE transaction_id = :transaction_id");
$update->execute(array(':reservation_code' => $reservation_code,
':transaction_code' => $transaction_code,
':notes' => $notes,
':transaction_id' => $transaction_id));
echo 'Successfully updated record!';
} else {
echo 'Required field/s is missing';
}
?>
Je veux que le message d'alerte pour être dans le centre de l'écran, mais ce qui se passe c'est que quand je fais pas de mise à jour de l'enregistrement, de l'alerte de l'arrière-plan est visible puis-je mettre à jour l'enregistrement n'est que le temps le message Correctement mise à jour s'affiche.
- Vérifier si soit de préparer ou d'exécuter d'échec de
- il est déjà au travail, mon problème est l'affichage de l'alerte
- C'est une question css, supprimant la balise php.
- que voulez-vous dire?
- Êtes-vous à l'aide de démarrage de la version 2 ou 3?
- Je suis en utilisant 2.3.2 version de bootstrap
Vous devez vous connecter pour publier un commentaire.
Si j'ai bien compris, vous avez besoin de deux choses:
Pour cela, vous pouvez omettre l'ajout de la
alert
etalert-success
classe dans le code HTML lui-même. Modifier votre code HTML (ainsi que l'alignement du texte):Au lieu de cela, nous allons ajouter la classe, une fois le texte à l'intérieur a été placé de manière à ce que:
Violon
Si vous voulez la zone à être trop centré, l'utilisation de bootstrap classes:
Basé sur la système de grille de Bootstrap 2.3, vous pouvez avoir 12 colonnes, afin de rendre la zone centre, nous allons partir de 4 colonnes à partir de la gauche, qui est ce qui
offset4
, et faites la longueur de la boîte à 4 colonnes, qui est ce quispan4
n'.Violon 2
Supplémentaires:
Plus de solution, vous pouvez le faire:
Fiddle 3