2 javascripts problem

facebook twitter digg google delicious technorati stumbleupon myspace wordpress linkedin gmail igoogle windows live tumblr viadeo yahoo buzz yahoo mail yahoo bookmarks favorites email print

Posted by pradeep on Stack Overflow See other posts from Stack Overflow or by pradeep
Published on 2010-05-27T20:37:03Z Indexed on 2010/05/27 20:41 UTC
Read the original article Hit count: 311

Filed under:
| 
<?php
global $user;
$userId = $user->uid;

/* start with default */
$myresult = "";


/* All Includes - start */
include_once('db.php');
include_once('valid-scripts/validateData.php');

/* All Includes - end */

/* Build All required Variables - start */

$alias               = $_GET['alias'];
$product             = $_GET['product'];
$product             = strtolower(substr($product,0,-1));
$master_table        = $product.'_master';
$rating_master_table = $product.'_rating_master';
$rating_table        = $product.'_rating';
$numProperties       = 15;

/* Build All required Variables - end */

/* Add all Styles required - start */ 

$myresult .= '<link href="/jquery.rating.css" type="text/css" rel="stylesheet"/>';


/* Add all Styles required - end */ 


/* Show Hide Variables/parameters - start */ 

include_once('all_include_files/show_hide.php');

/* Show Hide Variables/parameters - end */

/* All Javascript - start */
//$myresult .= '<script src="/jquery.rating.js" type="text/javascript" language="javascript"></script>';
?>
<style>
#tabs {
//font-size: 90%;
//margin: 20px 0;
margin: 2px 0;
}
#tabs ul {
float: right;
background: #E3FEFA;
width: 600px;
//padding-top: 4px;
}
#tabs li {
margin-left: 8px;
list-style: none;
}
* html #tabs li {
display: inline; /* ie6 double float margin bug */
}
#tabs li,
#tabs li a {
float: left;
}
#tabs ul li a {
text-decoration: none;
//padding: 8px;
color: #0073BF;
font-weight: bold;
}
#tabs ul li.active {
background: #CEE1EF url(/all_include_files/img/nav-right.gif) no-repeat right top;
}
#tabs ul li.active a {
background: url(/all_include_files/img/nav-left.gif) no-repeat left top;
color: #333333;
}
#tabs div {
//background: #CEE1EF;
clear: both;
//padding: 20px;
min-height: 200px;
}
#tabs div h3 {
text-transform: uppercase;
margin-bottom: 10px;
letter-spacing: 1px;

#tabs div p {
line-height: 150%;
}
</style>

<script src="/jquery.rating.js" type="text/javascript" language="javascript"></script>


<script src="/jquery.metadata.js" type="text/javascript" language="javascript"></script>
<script type='text/javascript'>

function openComment(number)
{
alert('working');
$('#comment'+number).css('display','');
}
$('.star').rating({
callback: function(value, link){
alert(value);
}
});
$(document).ready(function() {

//$('#tabs div').hide(); 
//$('#tabs div:first').show(); 
$('#tabs ul li:first').addClass('active'); 
$('#tabs ul li a').click(function()
{ 
$('#tabs ul li').removeClass('active'); 
$(this).parent().addClass('active'); 
var currentTab = $(this).attr('href'); 
$('#tabs div').hide(); 
$(currentTab).show(); 
return false;
});


    $("#clickit").click(function() {
$.post("/mobile/tablechange.php",{ p1:'<?php echo $brand ?>',p2:'<?php echo $model ?>',userid:'<?php echo $userid ?>' } ,function(data){
 $("#changetable").html(data);
});
    });


$('div.expandable p').expander({
    slicePoint:       200,  // default is 100
    expandText:         'more &raquo;', // default is 'read more...'
    collapseTimer:    0, // re-collapses after 5 seconds; default is 0, so no re-collapsing
    userCollapseText: '[^]'  // default is '[collapse expanded text]'
  });


});
</script>
<?php
/* All Javascript - end */

/* Form Processing after submit - start */
/* Form Processing after submit - end */

/* Actual Form or Page - start */

/*fetch all data needed */

/* initial query */

$result_product = query_product_table($product,$alias);

/*fetch property names of product */
$product_properties = master_table($master_table);

/*rating table query */
$master_rating_properties = master_rating_table($rating_master_table);


/*get user ratings*/
$user_ratings = user_ratings($userId,$alias,$rating_table);


$myresult .= '<div class=\'Services\'>';
//$myresult .="<form name ='form1' id='form1' method = 'POST' action='".$_SERVER['php_self'] ."'>";

if(!$result_product)
{  header('Location: /page-not-found'); }
else
{
$row_product = mysql_fetch_array($result_product);

  $myresult .= "<h3 class='newstyle'>".$row_product['alias']." <a style='float:right;padding-right:20px;color:white;text-decoration:underline;' href='/'>Back</a> </h3>";

/* start actual product display - start*/
$myresult .= "<div class=\"product\">";

/* start table 1*/
$myresult .= '<table border=\'0\' cellspacing=\'0\' cellpadding=\'0\' style=\'width:580px; table-layout:fixed;\'>';

$myresult .= '<tr>';

$myresult .='<td valign=\'top\'>';

/* start table 2*/
$myresult .='<table width=\'100%\' border=\'0\' cellspacing=\'0\' cellpadding=\'0\'>';

$myresult .= '<tr>';

$myresult .= '<td valign=\'top\' style=\'width:164px;\'>';

/* start table 3*/
$myresult .= '<table style=\'width:164px;\' border=\'0\' cellspacing=\'0\' cellpadding=\'0\'>';

$myresult .= "<tr>";

/* start of the pic row */
$myresult .= '<td  align=\'center\' class=\'various_product\'>';
 if($row_product['pic'] != "")
        {
$myresult .= '<ul id=\'mycarousel\' style=\'display:\';>';

$myresult .= '<li><a href=\'/all_image_scripts/origpicdisplay.php?product='.rawurlencode($product).'&alias='.rawurlencode($alias).'&picid=pic&p= \'rel=\'lightbox[roadtrip]\'><img src=\'/all_image_scripts/picdisplay1.php?product='.rawurlencode($product).'&alias='.rawurlencode($alias).'\'></img></a></li>';

for($p = 1; $p <= 4; $p++)
 {
if($row_product['pic'.$p] != "")
  {

$myresult .= '<li><a href=\'/all_image_scripts/origpicdisplay.php?product='.rawurlencode($product).'&alias='.rawurlencode($alias).'&picid=pic'.rawurlencode($p).'&p='.rawurlencode($p).'\' rel=\'lightbox[roadtrip]\'><img src=\'/all_image_scripts/thumbpicdisplay.php?product='.rawurlencode($product).'&alias='.rawurlencode($alias).'&picid=pic'.rawurlencode($p).'\'></img></a></li>';

  }
        }
$myresult .= '</ul>';

 }
else
{
$myresult .= "<img width='50' height='70' src='/images/no-image.gif'></img>";
}
jcarousel_add('#mycarousel', array('horizontal' => TRUE,'scroll' => 1,'visible' => 1));

$myresult .= "</td>";
/* end display of pic td*/

$myresult .= "</tr>";
/* end display of pic tr*/
$myresult .= "</table></td>";

/* end display of pic table and earlier td - Still 1 open TR td table tr -hint*/

$myresult .= '<td style=\'width:450px;\'>';

/*table - 4*/
$myresult .= '<table width=\'100%\' border=\'0\' cellspacing=\'0\' cellpadding=\'0\' style=\'display:block;\'>';


/* Start showing property and values */
$myresult .= '<tr>';

$myresult .= '<td class=\'tick\'><img src=\'/images/ul_li_bg.gif\' width=\'12\' height=\'12\' /></td>';

$myresult .= '<td class=\'leftText\'>'.ucfirst($product).':</td>';

$myresult .= '<td class=\'rightText\'>'.$row_product['alias'] .'</td>';

$myresult .= "</tr>";

for($j = 3; $j <= 5 ; $j++){

if($product_properties['property'.$j.'_name']  != "")
{

if($row_product['property'.$j]  != "")
{

$myresult .= '<tr>';

$myresult .= '<td class=\'tick\'><img src=\'/images/ul_li_bg.gif\' width=\'12\' height=\'12\' /></td>';

$myresult .= '<td class=\'leftText\'>'.$product_properties['property'.$j.'_name'].':</td>';

$myresult .= '<td class=\'rightText\'>'.$row_product['property'.$j] .'</td>';

$myresult .= '</tr>';
}
/* end if*/
}
/* end if*/
}
/* end for*/

/* show hide block */
$myresult .= '<tbody id=\'extra_properties\'  style=\'display: none;\'>';

for($j = 6; $j <= 15 ; $j++){

 if($product_properties['property'.$j.'_name']  != "")
{

if($row_product['property'.$j]  != "")
{
$myresult .= '<tr>';

$myresult .= '<td class=\'tick\'><img src=\'/images/ul_li_bg.gif\' width=\'12\' height=\'12\' /></td>';

$myresult .= '<td class=\'leftText\'>'.$produtc_properties['property'.$j.'_name'].':</td>';

$myresult .= '<td class=\'rightText\'>'.$row_product['property'.$j] .'</td>';

$myresult .= '</tr>';
} 
/* end if*/
}
/* end if*/
}
/* end for */
 $myresult .= '</tbody>';
/* end show/hide tbody */

$myresult .= '<tr>';

$myresult .= '<td>';
$myresult .= '&nbsp;';
$myresult .= '</td>';

$myresult .= '<td>';
$myresult .= '&nbsp;';
$myresult .= '</td>';

 $myresult .= '<td align=\'right\' style=\'text-align:right;text-decoration:underline;\'>';

$myresult .= '<a class=\'right_link\' href=\'javascript:showMore()\'>Show Additional Details...</a>';

$myresult .= '</td>';
$myresult .= '</tr>';

/* End showing property and values */

$showreview = 'display:';
/* review show hide */
/*$myresult .= '<tbody '.$showreview.'>';
$myresult .= '<tr>';

$myresult .= '<td colspan=\'2\'><span class=\'reviews\'>';

//check 
//$numreviews = getreviewcount($brand,$model,'mobile_user_reviews');
if($numreviews > 0)
{
$myresult .= '<a href=\'mobilereviews?alias='.rawurlencode($alias).'\'> <span>$numreviews Reviews</span></a>';
}
else
{
$myresult .= " $numreviews Reviews";
}
$myresult .= "</span></td>";

 $myresult .= "</tr>";
*/
 $myresult .= "</tbody>";
/* review show hide - end */


/* count show hide */
$myresult .= '<tbody '.$showcount.'>';
$myresult .= '<tr>';

$myresult .= '<td colspan=\'2\'><span class=\'reviews\'>';

//check 
//$totalvotes = gettotalvotes($row['property1'],$row['property2'],'mobile_rating');

$myresult .= "</td>";
 $myresult .= "</tr>";
 $myresult .= "</tbody>";
/* count show hide - end */


$myresult .= "</table></td>";
/* end table 4 */

$myresult .= '</tr>';
/* end 1 row  and remaining  tr , td ,table */


 $myresult .= '</table></td>';

 $myresult .= '</tr>';

/* remianing only 1 table */


/* ratings - positive last section starts here */
$max= array();
for ($l = 1 ; $l < 15; $l++){
if($row_product['property'.$l.'_avg']){
$maxarray = 0;
$maxarray = $row_product['property'.$l.'_avg'];

$max['rating'.$l.'_name'] = $maxarray;
}
}

if(count($max) >0 )
{
include('all_include_files/min_max_properties.php');
}

if(($row_product['freshness'] <= strtotime("-3 month")))
{  $image_type= 'old';  }

else if(($row_product['freshness'] <= strtotime("-2 month")))
{ $image_type= 'bitold'; }

else if(($row_product['freshness'] <= strtotime("-1 month")) || ($row_product['freshness'] > strtotime("-1 month")))

{ $image_type= 'new'; }

$img_name = $image_type;


$myresult .= "<tr>";
 $myresult .= "<td>";
 $myresult .= "<table width='100%' border='0'>";

 $myresult .= "<tr>";

 $myresult .= "<td width='170' class=\"ratingz\"><span><u>Overall rating</u></span></td>";

 $myresult .= "<td width='150' class=\"ratingz\"><span><u>Positive</u></span></td>";

 $myresult .= "<td  width='150' class=\"ratingz\"><span><u>Negative</u></span></td>";


if($img_name == 'new'){
$images = "<img src='/sites/default/files/battery-discharging-100.png' width='40' height='40'></img>";
}
else if($img_name == 'bitold'){
$images = "<img src='/sites/default/files/battery-discharging-80.png' width='40' height='40'></img>";
}
else if($img_name == 'old'){
$images = "<img src='/sites/default/files/battery-discharging-0.png' width='40' height='40'></img>";
}
else {
$images = "";
}

$myresult .= "<td rowspan='2'><p ".$showbattery.">". $images ."</p></td>";



 $myresult .= "</tr>";

 $myresult .= "<tr>";
 $myresult .= "<td>";
 $i++;

        for($k = 0.5; $k <= 10.0; $k+=0.5)
        {
        $overall = roundOff($row_product['overall_rating']);
                if($overall == $k)
                {
                        $chk ="checked";
                }
                else
                {
                        $chk = "";
                }
 $myresult .= '<input class=\'star {split:2}\' type=\'radio\'   value=\''. $k .'\' '.$chk.' title=\''. $k.' out of 10 \' disabled />';

        }

 $myresult .= '</td>';

 $myresult .= '<td ><span>'.$positive.'</span></td>';


 $myresult .= '<td ><span>'.$negative.'</span></td>';


 $myresult .= '</tr>';

 $myresult .= '</table></td>';
 $myresult .= '</tr>';

/* ratings - positive last section ends here */


 $myresult .= '<tr>';


if($row_product['description'] != ""){

if(words_count($row_product['description']) > 8){

 $myresult .= '<td><p><span class=\'description\'><strong><u>Description</u>:</strong></span>&nbsp;&nbsp;  <div class=\'expandable\'><p>'.$row_product['description'].'</div></p></p></td>';

}
else
{
$myresult .= '<td><p><span class=\'description\'><strong><u>Description</u>:</strong></span>&nbsp;&nbsp;'. $row_product['description'] .'</p></td>';
}
}
 $myresult .= '</tr>';

 $myresult .= '</table>';
/* end 1st table */

$myresult .= '</div>';
/* start actual product display - end*/

/*start the form to take ratings */
$myresult .= '<div id=\'tabs\'>';


$myresult .= '<ul>';
$myresult .= '<li><a href=\'#tab-1\'>Ratings</a></li>';
$myresult .= '<li><a href=\'#tab-2\'>Click here to rate</a></li>';
$myresult .= '</ul>';

$myresult .= '<div id=\'tab-1\'>';

/* actual rating table - start - jsut display ratings */

$myresult .= '<table id=\'rounded-corner\'>';

/* thead - start */
$myresult .= '<thead>';

$myresult .= '<tr>';

$myresult .= '<th width=\'30%\' class=\'rounded-company\' scope=\'col\'><span style=\'font: normal 18px  Arial, Helvetica, sans-serif; color:#FFF;\'>Ratings</span></th>';

$myresult .= '<th width=\'70%\' colspan=\'2\'class=\'rounded-q4\' scope=\'col\'><a href=\'#rounded-corner\' id=\'clickit\' style=\'color:white;text-decoration:underline;\' $disabled ></a></th>
';

/*$myresult .= '<th width=\'70%\' colspan=\'2\'class=\'rounded-q4\' scope=\'col\'><a href=\'#rounded-corner\' id=\'clickit\' style=\'color:white;text-decoration:underline;\' $disabled >Click here to rate</a></th>
';*/
$myresult .= '</tr>';
$myresult .= '</thead>';

/* thead - end */

/* tbody - start */
$myresult .= '<tbody>';

/*start printing the table wth feature and ratings */
for ($i = 1 ; $i < $numProperties; $i++){

if($master_rating_properties['rating'.$i.'_name']){

$myresult .= '<tr>';

$myresult .= '<td width=\'22%\'>';

$indfeature = 0;
$indfeature = $row_product['property'.$i.'_avg'];
$myresult .= $master_rating_properties['rating'.$i.'_name'].' ( '.$indfeature .')';

$myresult .= '</td>';

$myresult .= '<td colspan=\'0\' width=\'38%\' >';

$tocheck = $indfeature;

for($k = 0.5; $k <= 10.0; $k+=0.5){

$tocheck = roundOff($tocheck);
if(($tocheck) == $k)
{ $chk = "checked"; }

else

{ $chk = ""; }

$myresult .= '<input class=\'star {split:2}\' type=\'radio\' name=\'drating'.$i.'\' id=\'drating'.$i.''.$k.'\' value=\''. $k .'\'  '.$chk.'  title=\''. $k.' out of 10 \' disabled \'/>';

}

/* for k loop end */
$myresult .= '</tr>';
}
/* end if loop */
}
/* end i for loop */

$myresult .= '</tbody>';
/* end tbody */    

/* footer round corner start */
$myresult .= '<tfoot>';
$myresult .= '<tr>';
$myresult .= '<td class=\'rounded-foot-left\'>&nbsp;</td>';

$myresult .= '<td class=\'rounded-foot-right\' colspan=\'4\' >';

$myresult .= '</td>';
$myresult .= '</tr>';
$myresult .= '</tfoot>';

$myresult .= '</table>';
/*round corner table end */


$myresult .= '</div>';
/*end 1st tab */

/*start 2nd tab */
$myresult .= '<div id=\'tab-2\'>';

$myresult .= '<form name =\'form1\' id=\'form1\' method = \'POST\' action=\''.$_SERVER['php_self'] .'\'>';







/* actual rating table - start - actual rate/update */

$myresult .= '<table id=\'rounded-corner\'>';

/* thead - start */
$myresult .= '<thead>';

$myresult .= '<tr>';

$myresult .= '<th width=\'30%\' class=\'rounded-company\' scope=\'col\'><span style=\'font: normal 18px  Arial, Helvetica, sans-serif; color:#FFF;\'>Ratings</span></th>';

$myresult .= '<th width=\'70%\' colspan=\'2\'class=\'rounded-q4\' scope=\'col\'></th>';

$myresult .= '</tr>';
$myresult .= '</thead>';

/* thead - end */

/* tbody - start */
$myresult .= '<tbody>';
unset($i);
/*start printing the table wth feature and ratings */
for ($i = 1 ; $i < $numProperties; $i++){

if($master_rating_properties['rating'.$i.'_name']){

$myresult .= '<tr>';

/*fetch ratings and comments - 1st make it to null */
$indfeature = 0;
$comment    = '';

$indfeature = $user_ratings['rating'.$i];
if($indfeature == NULL){ $indfeature = 0; }
$comment    = $user_ratings['rating'.$i.'_comment']; 


$myresult .= '<td width=\'22%\'>';

$myresult .= $master_rating_properties['rating'.$i.'_name'].' ( '.$indfeature.' )';

$myresult .= '</td>';

$myresult .= '<td colspan=\'0\' width=\'38%\' >';

if(($userId != '0') && (is_array($user_ratings)))
{
$tocheck = $indfeature;
}
else
{
$tocheck = '0';
}

for($k = 0.5; $k <= 10.0; $k+=0.5){

$tocheck = roundOff($tocheck);
if(($tocheck) == $k)
{ $chk = "checked"; }

else

{ $chk = ""; }

$myresult .= '<input class=\'star {split:2}\' type=\'radio\' name=\'rating'.$i.'\' id=\'rating'.$i.''.$k.'\' value=\''. $k .'\'  '.$chk.'  title=\''. $k.' out of 10 \' '.$disabled.' \' />';

}

/* for k loop end */
$myresult .= '</td>';
$myresult .= '<td width=\'40%\'>';
$myresult .= '<input title=\'Reason for this Rating.. \'type=\'text\' size=\'25\' name=\'comment'.$i.'\' id=\'comment'.$i.'\' style=\'display:;\' maxlength=\'255\' value="'.$comment.'">';
$myresult .= '</td>';
$myresult .= '</tr>';
}
/* end if loop */
}
/* end i for loop */

$myresult .= '</tbody>';
/* end tbody */    

/* footer round corner start */
$myresult .= '<tfoot>';
$myresult .= '<tr>';
$myresult .= '<td class=\'rounded-foot-left\'>&nbsp;</td>';

$myresult .= '<td class=\'rounded-foot-right\' colspan=\'4\' >';

if(($userId != '0') && (is_array($user_ratings)))
{
$myresult .= '<input type=\'button\' id=\'update_form\' value=\'Update\'>';
}
else
{
$myresult .= '<input type=\'button\' id=\'save_form\' value=\'Save\'>';
}

$myresult .= '</td>';
$myresult .= '</tr>';
$myresult .= '</tfoot>';

$myresult .= '</table>';
/*round corner table end */









$myresult .= '</form>';
/*end the form to take ratings */ 
$myresult .= '</div>';
/*end 2nd tab */


$myresult .= '</div>';

/*end tabs div */

/* actual rating table - end */
/* 1st form ends here id- ratings_form */
}
/* end of if loop result_product loop */

/* start table 3 - overall comment*/
$myresult .= '<table border=\'0\' cellspacing=\'0\' cellpadding=\'0\' style=\'width:580px; table-layout:fixed;\' id=\'rounded-corner\'>';
$myresult .= '<tbody>';
/* thead - start */
$myresult .= '<thead>';

$myresult .= '<tr>';

$myresult .= '<th width=\'100%\' colspan=\'2\' class=\'rounded-company\' scope=\'col\'><span style=\'font: normal 18px  Arial, Helvetica, sans-serif; color:#FFF;\'>Overall Comments</span></th>';

$myresult .= '<th colspan=\'3\' class=\'rounded-q4\' scope=\'col\'></th>';


$myresult .= '</tr>';
$myresult .= '</thead>';

/* thead - end */
$myresult .= '<tr>';
$myresult .= '<td colspan=\'4\'>';
$myresult .= '<textarea title=\'OverAll Comment\' name=\'overall_comment\' cols=\'65\'></textarea>';
$myresult .= '</td>';
$myresult .= '</tr>';
$myresult .= '<tbody>';
$myresult .= '</table>';
/* end table 3 - overall comment*/



/* start table 4 - summary*/

$myresult .= '<table border=\'0\' cellspacing=\'0\' cellpadding=\'0\' style=\'width:580px; table-layout:fixed;\' id=\'rounded-corner\'>';
$myresult .= '<tbody>';
/* thead - start */
$myresult .= '<thead>';

$myresult .= '<tr>';

$myresult .= '<th colspan=\'2\' class=\'rounded-company\' scope=\'col\'><span style=\'font: normal 18px  Arial, Helvetica, sans-serif; color:#FFF;\'>Your Opinion</span></th>';
$myresult .= '<th  colspan=\'2\'class=\'rounded-q4\' scope=\'col\'></th>';
$myresult .= '</tr>';
$myresult .= '</thead>';

/* thead - end */


$myresult .= '<tr>';
$myresult .= '<td colspan=\'2\'>';
$myresult .= 'Do you Agree with the Ratings';
$myresult .= '</td>';

$myresult .= '<td colspan=\'2\'>';
$myresult .= 'Was the Information Helpful';
$myresult .= '</td>';
$myresult .= '</tr>';

$myresult .= '<tr>';

$myresult .= '<form name=\'form2\' id=\'form2\' method=\'post\'>';
$myresult .= '<td>';
$myresult .= '<input type=\'button\' class=\'agree\' value=\'agree\'>';
$myresult .= '</td>';

$myresult .= '<td>';
$myresult .= '<input type=\'button\' class=\'disagree\' value=\'disagree\'>';
$myresult .= '</td>';
$myresult .= '<input type=\'hidden\' name=\'agree_disagree\' id=\'agree_disagree\'>';
$myresult .= '</form>';

$myresult .= '<form name=\'form3\' id=\'form3\' method=\'post\'>';
$myresult .= '<td>';
$myresult .= '<input type=\'button\' class=\'helpful\' value=\'Helpful\'>';
$myresult .= '</td>';

$myresult .= '<td>';
$myresult .= '<input type=\'button\' class=\'nothelpful\' value=\'Not Helpful\'>';
$myresult .= '</td>';

$myresult .= '<input type=\'hidden\' name=\'help_nohelp\' id=\'help_nohelp\'>';
$myresult .= '</form>';
$myresult .= '</tr>';
$myresult .= '</tbody>';
$myresult .= '</table>';
/*end table 4 summary table */


$myresult .= '</div>';
/* Actual Form or Page - end */
echo $myresult;
//echo 'Product: '.$product;
//echo '<br/>Alias: '.$alias;
?>

hey this code is working fine for me . as required. the star class code is taken from http://www.fyneworks.com/jquery/star-rating/ ... it works well.. but when i insert code to add tabs for content ,the starts is not visible at all. but when i check source code. the stars are actually there . dono whats the prob. any suggestions on this

this is the tabs code

$('#tabs div').hide(); 
('#tabs div:first').show(); 
$('#tabs ul li:first').addClass('active'); 
$('#tabs ul li a').click(function()
{ 
$('#tabs ul li').removeClass('active'); 
$(this).parent().addClass('active'); 
var currentTab = $(this).attr('href'); 
$('#tabs div').hide(); 
$(currentTab).show(); 
return false;
});

© Stack Overflow or respective owner

facebook twitter digg google delicious technorati stumbleupon myspace wordpress linkedin gmail igoogle windows live tumblr viadeo yahoo buzz yahoo mail yahoo bookmarks favorites email print

Related posts about JavaScript

Related posts about jQuery

Categories cloud

.NET ASP.NET iphone linux python Windows mysql android sql windows-7 html c ruby-on-rails css objective-c ubuntu networking sql-server wpf asp.net-mvc ruby database Xml apache AJAX osx security regex django Performance 12.04 windows-xp mac web-development iphone-sdk vb.net Silverlight apache2 flash server perl best-practices email installation eclipse visual-studio algorithm windows-server-2008 winforms wcf firefox bash dns /Oracle