Posts

Showing posts with the label Dynamic

Dynamic Responsive Pinterest Style Columns Layout with Pure CSS

Image
When Im searching for casarole  layout I found the following which is really helped me. I further improved and shared herewith. http://www.cssscript.com/dynamic-responsive-pinterest-style-columns-layout-with-pure-css/ HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery实现瀑布流效果</title> <link rel="stylesheet" type="text/css" href="../css/style.css" /> <script src="../js/jquery.js"></script> <script src="../js/waterfalls.js"></script> </head> <body> <section id="title"> <h2>jquery瀑布流效果特效代码</h2> </section> <div id="warp"> <div class="box"> <div class="pic"> <img src="../images/img_1.jpg" /> </div> </div> <div class="box"> <div cla

ICT AL - Dynamic and Static Web Pages

Image
Copyrights Goes to :https://web.facebook.com/alits.lk/?_rdc=1&_rdr

Preview Saved HTML in Bootstrap Model Dialog

Image
I had to create a Bootstap model Dialog using HTML Content Saved in the Oracle Database LONG column, Its easy . I will keep the HTML in the a div which is hidden and take the contnet to the model HTML when user prometed. HTML- Dynamic Table Rows <div style="display: none" id="preview_<?php echo $row['TB_ID'] ?>" > <?php echo $row['TB_HTML'] ?> </div>  Model Dialog HTML - End of the Page <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</ button> <h4 class="modal-title">Detail</h4> </div> <div class="modal-bo

Create Radio Button Group - PHP

In here you can crate a radio button  group dynamically. I have used the Array List Object which has the ID and FULL_NAME columan. <?php $i=0; foreach ($this->approverList as $key => $category) { if($i==0){ echo("<input type='radio'  . name='Group' value='" . $category->ID . "' checked>" . $category->FULL_NAME . " <br>"); }else{ echo("<input type='radio'  name='Group' value='" . $category->ID . "'>" . $category->FULL_NAME . " <br>"); } $i++; } ?> In order to set the Checked value dynamically .Use the following method. <input disabled type="radio" name="carrytype"  value="EMPLOYEE" <?php echo ([DBValue From Object]=='EMPLOYEE' ? 'checked' : '');?> > Employee