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

author
Ade Pramono.AR
Selamat datang di blog kami, silahkan cari kebutuhan serta permasalahan anda di sini. The real programmer Copy/Paste hehehheeheh