Bootstrap, jQuery

Bootstrap modal

Un comentariu
Spread the love

Acest exemplu foloseste AJAX pentru incarcarea textului ferestrei modale : 

<button type="button" class="btn btn-info" data-toggle="modal" data-target="#fereastra" onclick="getAJAX()">Demonstratie</button> 
<div class="modal fade" id="fereastra" tabindex="-1" role="dialog" aria-labelledby="fereastraLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
  			<div class="modal-header">
 				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="fereastraLabel">Titlul ferestrei</h4>
			</div>
			<div class="modal-body" id="fereastraContent">
			</div>
		</div>
 	</div>
</div>
<script type="text/javascript">
 	function getAJAX() {
 		$("#fereastraContent").html('<i class="fa fa-spinner fa-pulse"></i>');
 		$.ajax({url: "/files/ajaxtext.txt", success: function(result){
 			$("#fereastraContent").html(result);
		}});
 	};
</script>

De asemenea, acest exemplu foloseste FontAwesome pentru loader-ul AJAX (ce apare in fereastra cat timp se asteapta raspunsul la requestul AJAX)

You may also like