Come da titolo sto cercando di far apparire tramite ajax una finestra modale del framework reveal, ma nulla. Aiuto
Codice PHP:
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<title>Reveal</title>
<link href="http://ci.dev/assets/css/foundation.min.css" rel="stylesheet" type="text/css" />
<link href="http://ci.dev/assets/css/motion-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ci.dev/assets/js/vendor/jquery.min.js" type="text/javascript"></script>
<script src="http://ci.dev/assets/js/foundation.min.js" type="text/javascript"></script>
<script src="http://ci.dev/assets/js/vendor/what-input.min.js" type="text/javascript"></script>
<script src="http://ci.dev/assets/js/vendor/motion-ui.js" type="text/javascript"></script>
<script src="http://ci.dev/assets/js/jquery.reveal.js" type="text/javascript"></script>
</head>
<body>
...
...
...
<span id='File_id><a class='ajax_reveal' href='#' >Reveal</a></span>
<script type="text/javascript">jQuery(document).ready(function() {
jQuery('.ajax_edit').click(function(){
var dati = jQuery(this).parent().attr('id');
alert(dati);
$.ajax({
type: 'POST',
url: 'http://ci.dev/upload/edit',
data: 'edit='+dati,
dataType: 'html',
success: function(result)
{
alert(result);
jQuery('.body').after(result);
jQuery('.reveal').show();
jQuery('#myModal_modifica').reveal({
animation: 'fade', // Animazioni disponibili: fade, fadeAndPop, none
animationspeed: 150, // Velocità animazione
closeonbackgroundclick: true, // Attivazione della chiusura sul click del background
//dismissmodalclass: 'close-reveal-modal' // La classe del pulsante di chiusura
});
},
error: function()
{
alert('Chiamata fallita, si prega di riprovare...');
}
});
});
});
</script><script src="http://ci.dev/assets/js/app.js" type="text/javascript"></script>
</html>
FILE http://ci.dev/upload/edit
Codice PHP:
public function edit(){
$reveal['id_class']='class="reveal" id="reveal_modal"';
$reveal['animation_in']='slide-in-down'; $reveal['animtation_out']='slide-out-up';
$reveal['title']='Modificare il file <strong>'.$dati['file'].'</strong>';
$fin='<div '.$reveal['id_class'].' data-reveal data-close-on-click=\'true\' data-animation-in="'.$reveal['animation_in'].'" data-animation-out=\''
.$reveal['animtation_out'].'\'>
<h2>'.$reveal['title'].'</h2>
<button class="close-button" data-close aria-label="Close reveal" type="button">
<span aria-hidden="true">×</span></button>
<input class=\'float-right button\' data-close aria-label=\'Close reveal\' type=\'button\' value=\'Esci\'/>
</div>';
echo $fin;
}
Non so se puo servire, ma il tutto lo sto gestendo con Codeigniter.
Grazie