Salve! ho un problema con il modal ajax, vi sposto un po di codice per intenderci meglio.
questi due cicli aprono dei modal
lo script user funziona benissimo, mi apre i dati contenuti nel file modal_ajax_turno_details.php
per il modal view-calendar il body mi compare bianco!
non capisco perchè visto che il modal user funziona benissimo!
grazie anticipatamente per il vs aiuto
S
PHP:
//ciclo giorni del mese
for($i=1; $i<$numMonth+1; $i++){
$giorno = $y.'-'.$m.'-'.$i;
echo '<button type="button" data-toggle="modal" data-target="#view-calendar" data-id="'.$giorno.'" id="getCalendar">'.$giorno.'</button>';
}
//ciclo utenti
while($ROWdb= $db->fetch($RISdb) ){
echo '<button type="button" class="btn btn-success btn-xs" data-toggle="modal" data-target="#view-modal" data-id="'.$ROWdb['idUser'].'" id="getUser" >'.$ROWdb['nome'].'</button
> ';
}
questi due cicli aprono dei modal
HTML:
<!-- modal user-->
<div id="view-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title"><i class="glyphicon glyphicon-user"></i> Dettaglio Turno</h4>
</div>
<div class="modal-body">
<div id="modal-loader" style="display: none; text-align: center;">
<i class="fa fa-refresh fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
</div>
<!-- content will be load here -->
<div id="dynamic-content"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- /.modal td -->
<!-- modal calendar -->
<div id="view-calendar" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;" >
<div class="modal-dialog" style="width:98%">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title"><i class="glyphicon glyphicon-calendar"></i> Dettaglio Turno Giornaliero</h4>
</div>
<div class="modal-body">
<div id="modal-loader" style="display: none; text-align: center;">
<i class="fa fa-refresh fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
</div>
<!-- content will be load here -->
<div id="dynamic-content"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- /.modal calendar -->
Codice:
<script>
$(document).ready(function(){
//DETAILS CALENDAR TD
$(document).on('click', '#getUser', function(e){
e.preventDefault();
var uid = $(this).data('id'); // it will get id of clicked row
$('#dynamic-content').html(''); // leave it blank before ajax call
$('#modal-loader').show(); // load ajax loader
$.ajax({
url: 'modal_ajax_turno_details.php',
type: 'POST',
data: 'id='+uid,
dataType: 'html'
})
.done(function(data){
console.log(data);
$('#dynamic-content').html('');
$('#dynamic-content').html(data); // load response
$('#modal-loader').hide(); // hide ajax loader
})
.fail(function(){
$('#dynamic-content').html('<i class="glyphicon glyphicon-info-sign"></i> Something went wrong, Please try again...');
$('#modal-loader').hide();
});
});
//CALENDAR DAY
$(document).on('click', '#getCalendar', function(cal){
cal.preventDefault();
var uid = $(this).data('id'); // it will get id of clicked row
$('#dynamic-content').html(''); // leave it blank before ajax call
$('#modal-loader').show(); // load ajax loader
$.ajax({
url: 'modal_ajax_turno_day.php',
type: 'POST',
data: 'id='+uid,
dataType: 'html'
})
.done(function(data){
console.log(data);
$('#dynamic-content').html('');
$('#dynamic-content').html(data); // load response
$('#modal-loader').hide(); // hide ajax loader
})
.fail(function(){
$('#dynamic-content').html('<i class="glyphicon glyphicon-info-sign"></i> Something went wrong, Please try again...');
$('#modal-loader').hide();
});
});
});
</script>
lo script user funziona benissimo, mi apre i dati contenuti nel file modal_ajax_turno_details.php
per il modal view-calendar il body mi compare bianco!
non capisco perchè visto che il modal user funziona benissimo!
grazie anticipatamente per il vs aiuto
S