<div> <ul class="nav nav-tabs" id="tabMenu"> <li class="active"><a href="#Home">Home</a></li> <li><a href="#Training">Training</a></li> <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="#"> Placements <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#dotnet">DotNet</a></li> <li><a href="#android">Android</a></li> <li><a href="#java">Java</a></li> </ul> </li> </ul> <div class="tab-content"> <div id="Home" class="tab-pane fade in active"> <p>This is the Home page...</p> </div> <div id="Training" class="tab-pane fade"> <p>Please select your option regarding on Training...</p> </div> <div id="dotnet" class="tab-pane fade"> <p>Welcome to DotNet Placements Section...</p> </div> <div id="android" class="tab-pane fade"> <p>Welcome to Android Placements Section...</p> </div> <div id="java" class="tab-pane fade"> <p>Welcome to Java Placements Section...</p> </div> </div> </div> Showing Tab targeted by Selector: In order to show our tab manually on start or reload, we have to add the following script to the above code <script type="text/javascript"> $(document).ready(function () { $('#tabMenu a[href="#java"]').tab('show'); // showing the tab targeted by the selector }); </script> Showing First tab by Default: In order to show the First tab on page reload, Add the below script to the main source <script type="text/javascript"> $(document).ready(function () { $("#tabMenu a:first").tab('show'); // It show the first tab on Reload }); </script> Showing Last tab by Default: If we need to show the last tab on default, Change the Script like below, <script type="text/javascript"> $(document).ready(function () { $("#tabMenu a:last").tab('show'); // It show the Last tab on Reload }); </script> Showing Tabs based on Index: We can also show the Default Tab by using Index like in the below script, <script type="text/javascript"> $(document).ready(function () { $("#tabMenu li:eq(1) a").tab('show'); // It shows second tab (0-indexed, like an array) on Reload }); </script>
Html, JAVA,DOTNET,Javascript, PHP, and JQuery Scripts and its issues with solutions
Thursday, 14 August 2014
Bootstrap Tab to set active & show its content in onload or onclick
Wednesday, 13 August 2014
Make symbols with the help of Keyboard
Trademark Symbol | Alt+0153 | ™ |
Copyright Symbol | Alt+0169 | © |
Registered Trademark Symbol | Alt+0174 | ® |
Degree Symbol | Alt+0176 | ° |
Plus or Minus Sign | Alt+0177 | ± |
Paragraph Mark Symbol | Alt+0182 | ¶ |
Fraction three-fourths | Alt+0190 | ¾ |
Multiplication Sign | Alt+0215 | × |
The Cent Sign | Alt+0162 | ¢ |
Upside Down Exclamation Point | Alt+0161 | ¡ |
Upside Down Question mark | Alt+0191 | ¿ |
Smily face | Alt+1 | ☺ |
Black Smily face | Alt+2 | ☻ |
Sun | Alt+15 | ☼ |
Female Symbol | Alt+12 | ♀ |
Male Symbol | Alt+11 | ♂ |
Spade | Alt+6 | ♠ |
Club | Alt+5 | ♣ |
Heart | Alt+3 | ♥ |
Diamond | Alt+4 | ♦ |
Eighth Note | Alt+13 | ♪ |
Beamed Eighth Note | Alt+14 | ♫ |
Squareroot Check mark | Alt+251 | √ |
Up Arrow | Alt+24 | ↑ |
Down Arrow | Alt+25 | ↓ |
Right Arrow | Alt+26 | → |
Left Arrow | Alt+27 | ← |
Up/Down Arrow | Alt+18 | ↕ |
Left/Right Arrow | Alt+29 | ↔ |
Tuesday, 12 August 2014
Datatable jQuery Plugin set order example
$(document).ready(function() { $('#example').dataTable( { "order": [[ 3, "desc" ]] } ); } ); Plugin files: //code.jquery.com/jquery-1.11.1.min.js //cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js
Mysql get two column value in get single field
Table : user -------------- | Id | Name | -------------- | 1 | Test | | 2 | Test1 | | 3 | TEst2 | | 4 | Test3 | | 5 | Test4 | | 6 | Test5 | | 7 | Test6 | -------------- Query : selecr concat(id,":",name) as output from user Output: ------------ | output | ------------ | 1:Test | | 2:Test1 | | 3:TEst2 | | 4:Test3 | | 5:Test4 | | 6:Test5 | | 7:Test6 | ------------
Mysql get multi row value in get single field
Table : user -------------- | Id | Name | -------------- | 1 | Test | | 2 | Test1 | | 3 | TEst2 | | 4 | Test3 | | 5 | Test4 | | 6 | Test5 | | 7 | Test6 | -------------- Query : select group_concat(concat(id) SEPARATOR ',') from user Output: 1,2,3,4,5,6,7
Friday, 8 August 2014
To improve PHP Programming tip in 10 steps
1. Use an SQL Injection Cheat Sheet 2. Know the Difference Between Comparison Operators 3. Shortcut the else 4. Drop those Brackets 5. Favour str_replace() over ereg_replace() and preg_replace() 6. Use Ternary Operators 7. Memcached 8. Use a Framework 9. Use the Suppression Operator Correctly 10. Use isset instead of strlen
Subscribe to:
Posts (Atom)
Feet/Inches to Meters Converter & Lbs to Kgs Converter
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Feet/Inches ⇄...
-
<?php $to = "somebody@example.com, somebodyelse@example.com"; $subject = "HTML email"; $message = " <h...
-
document.onkeydown = myKeyDownHandler; function myKeyDownHandler(event){ alert(event.keyCode) }
-
To Resolve above the issue use below this code $(function() { $('#calendar').fullCalendar('render'); });