Thursday, July 20, 2017
Membuat Popup dengan Fancybox dengan php codeigniter
Membuat popup dengan Fancybox di codeigniter...??
1. Copy code berikut dan letakan pada halaman utama atau index page pada data view.
<!-- ========================fancybox====================== -->
<!-- Add jQuery library -->
<script type="text/javascript" src="<?= base_url() ?>assets/js/fancybox/lib/jquery-1.10.2.min.js"></script>
<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="<?= base_url() ?>assets/js/fancybox/lib/jquery.mousewheel.pack.js?v=3.1.3"></script>
<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="<?= base_url() ?>assets/js/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<link rel="stylesheet" type="text/css" href="<?= base_url() ?>assets/js/fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" />
<!--username -->
<script type="text/javascript">
$(document).ready(function() {
$('.fancybox').fancybox();
});
$("#fancybox-manual-b").click(function() {
$.fancybox.open({
href : 'iframe.html',
type : 'iframe',
padding : 5
});
});
</script>
<!-- ========================fancybox====================== -->
2. Tambahkan code penutup pada controller untuk mengakhiri proses setelah data tersimpan atau proses berikutnya di buka.
//redirect(site_url('mas_iklan')); <-- kembali kehalaman utama
echo "<script type=\"text/javascript\">
parent.$.fancybox.close();
parent.location.reload(true);
</script>";
3. Jika belum memiliki data libnya silahkan download di sini
No comments:
Post a Comment