<script> function doPrint(elem) { var mywindow = window.open(„, `PRINT`, `height=400,width=600`); mywindow.document.write(„); mywindow.document.write(„); mywindow.document.write(document.getElementById(elem).innerHTML); mywindow.document.write(„); mywindow.document.close(); // necessary for IE >= 10 mywindow.focus(); // necessary for IE >= 10*/ mywindow.print(); mywindow.close(); return true; } </script>
Bootstrap modal
Demonstratie × Titlul ferestrei Acest exemplu foloseste AJAX pentru incarcarea textului ferestrei modale : <button type="button" class="btn btn-info" data-toggle="modal" data-target="#fereastra" onclick="getAJAX()">Demonstratie</button> <div class="modal fade" id="fereastra" tabindex="-1" role="dialog" aria-labelledby="fereastraLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="fereastraLabel">Titlul ferestrei</h4> </div> <div class="modal-body" id="fereastraContent"> </div> </div> </div></div><script type="text/javascript"> function getAJAX() […]
Carusel (image slider)
Previous Next <div data-ride="carousel" class="carousel slide" id="carousel-example-generic"> <ol class="carousel-indicators"> <li class="active" data-slide-to="0" data-target="#carousel-example-generic"></li> <li data-slide-to="1" data-target="#carousel-example-generic" class=""></li> <li data-slide-to="2" data-target="#carousel-example-generic" class=""></li> <li data-slide-to="3" data-target="#carousel-example-generic" class=""></li> </ol> <div role="listbox" class="carousel-inner"> <div class="item active"> <img alt="First slide" src="http://www.mommypotamus.com/wp-content/uploads/2012/03/431589_66152372.jpg" data-holder-rendered="true"> </div> <div class="item"> <img alt="Second slide" src="http://diamondpages.co.za/wpimages/wpe6693555_05_06.jpg" data-holder-rendered="true"> </div> <div class="item"> <img alt="Third slide" src="http://www.westlandsdentalstudio.co.uk/images/facial.jpg" data-holder-rendered="true"> </div> <div […]
jQuery Cycle
DOWNLOAD DEMO Prezentare Plugin-ul Cycle este un plugin jQuery pentru slideshow care acceptă multe tipuri diferite de efecte de tranzitie. Aceasta acceptă pause-on-hover, auto-oprire, auto-fit, înainte / după callback, declansatoare la clic si multe altele. De asemenea, suporta, dar nu necesita, plugin-ul Easing. Cum funcÅ£ionează Plugin-ul oferă o metodă numită cycle care este invocata pe […]