Site: Boxing Star
URL: http://www.boxingstar.co.uk
Technology Used: Opencart.
PHP
Social Media Posting
Site: Social Media Posting
Technology Used:Code Ignitor, PHP, JQUERY, AJAX, Validations, Facebook API, Twitter API, LinkedIn API
MAWA for Girls
Site: MAWA for Girls
URL:http://mawaforgirls.com/
Technology Used: PHP, JQUERY, AJAX, Social Media, WordPress.
Forte Flex
Site: Forte Flex
URL: www.forteflex.com
Technology Used: PHP, JQUERY, AJAX, Social Media.
How to show tabs with JQuery
Question: How to show tabs with JQuery?
Answer:
you can use following steps for this:
<br />
Step 1: Create a UL LI based tabs listing<br />
Step 2: Create Div based HTML for each tab.<br />
Step 3: Assign 1 class to all divs and unique Ids to each div.<br />
Step 4: Write CSS for tabs and divs<br />
Step 5: Write JQuery code for manipulation
you can use following steps for this:
Example:
HTML
</p>
<div id="mak_content_nav">
<ul>
<li class="active"><a href="" divID="mak_div_1">Tab 1</a></li>
<li><a href="" divID="mak_div_2">Tab 2</a></li>
<li><a href="" divID="mak_div_3">Tab 3</a></li>
</ul></div>
<p> <br clear="all"></p>
<div id="mak_div_1" class="tab-contents">
Contents for tab 1.
</div>
<div id="mak_div_2" class="tab-contents">
Contents for tab 2.
</div>
<div id="mak_div_3" class="tab-contents">
Contents for tab 3.
</div>
<p>
CSS
</p>
<style>
#mak_content_nav ul li{
width: 100px;
float:left;
border:1px solid #666;
text-align:center;
color:#000;
}
#mak_content_nav ul li a{
text-decoration:none;
color:#000;
}
.tab-contents{
display: none;
border:1px solid #666;
border-top:none;
width:304px;
margin-left:40px;
}
.active{
border-bottom:none !important;
}
</style>
<p>
JQuery
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script><br />
<script>
function makTabs()
{
$('.tab-contents').hide();
$('#mak_div_1').show();
$('#mak_content_nav li a').click(function() {
$('.tab-contents').hide();
var link = $(this).attr('divID');
$("#"+link).show();
$('#mak_content_nav li').removeClass('active');
$(this).parent().addClass('active');
return false;
});
}
$(document).ready(function() {
makTabs();
});
</script><br />
CSS
JQuery
Demo:
Any Hour Computer Support
Site: Any Hour Computer Support
URL: http://www.anyhourcs.com
Technology Used: PHP, JQUERY, AJAX, Social Media, twitter API.
How to make a checkbox readonly not disabled?
Question: How can I make a checkbox readonly not disabled?
Answer:
you can use following syntax for this:
<input type="checkbox" onclick="return false" />
you can use following syntax for this:
Get value of selected radio button using jQuery
Question: How can I get value of selected radio button using jQuery?
Answer:
you can use following JQuery syntax for this:
you can use following JQuery syntax for this:
var field_name = 'yourradioname'; //Your Radio Buttons Common Name
var selected_value = $("input[name='"+field_name+"']:checked").val();
Get selected text from dropdown using jQuery
Question: How can I get an dropdownlist selected text in jQuery?
Answer:
you can use following JQuery syntax for this:
you can use following JQuery syntax for this:
var selected_value = $('#'+yourdropdownid).val();
var display_text = $("#yourdropdownid [value='"+selected_value+"']").text();
Fab Equipments
Site: Fab Equipments
URL: http://www.fab-equipments.com.pk
Technology Used: PHP, JQUERY, AJAX, Social Media buttons.