API tools faq
paste
fermyth

HTMLappend

fermyth
Jun 19th, 2011
113
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.35 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5.     <title>Samsung Edu Apps</title>
  6.     <link rel="stylesheet" href="style2.css" type="text/css" media="screen" />
  7.     <script type="text/javascript" src="jquery-1.6.1.min.js" ></script>
  8.     <script type="text/javascript" src="jquery.ez-pinned-footer.js" ></script>
  9.     <script type="text/javascript" src="json2.js"></script>
  10.     <script>
  11.     $(document).ready(function() {
  12.  
  13.         //When page loads...
  14.         $(".tab_content").hide(); //Hide all content
  15.         $("ul.tabs li:first").addClass("active").show(); //Activate first tab
  16.         $(".tab_content:first").show(); //Show first tab content
  17.  
  18.         //On Click Event
  19.         $("ul.tabs li").click(function() {
  20.  
  21.             $("ul.tabs li").removeClass("active"); //Remove any "active" class
  22.             $(this).addClass("active"); //Add "active" class to selected tab
  23.             $(".tab_content").hide(); //Hide all tab content
  24.  
  25.             var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
  26.             $(activeTab).fadeIn(); //Fade in the active ID content
  27.             return false;
  28.         });
  29.          $("#footer2").pinFooter();
  30.          
  31.          var hasil = truben.getCategory();
  32.          var object = JSON.parse(hasil,function(key, value){
  33.                 return value;
  34.             });
  35.             for(var i=0;i<object.length;i++){
  36.                
  37.                 $('.con').append("<tr class='contents'><td class='contents_img'><img src='"+object[i].link+"'/></td><td class='contents_txt'><table><tr><td class='contents_txt_bold'><a href='#Games_Education'>"+object[i].title+"</a></td></tr></table></td><td class='contents_img'><a href='#"+object[i].nid+"'><img src='images/button_arrow.png'/></td></tr>");         
  38.             }
  39.  
  40.     });
  41.     </script>
  42. </head>
  43.  
  44. <body>
  45. <div id="outside_container">
  46.     <div id="container_logo">
  47.         <table id="logo" border="0" margin="0" padding="0" align="left">
  48.             <tr>
  49.                 <td><img src="images/logo2_01.gif" /></td>
  50.                 <td><img src="images/logo2_02.gif" /></td>
  51.                 <td><img src="images/logo2_03.gif" /></td>
  52.                 <td><img src="images/logo2_04.gif" /></td>
  53.                 <td><img src="images/logo2_05.gif" /></td>
  54.                 <td><img src="images/logo2_06.gif" /></td>
  55.                 <td><img src="images/logo2_07.gif" /></td>
  56.                 <td><img src="images/logo2_08.gif" /></td>
  57.                 <td><img src="images/logo2_09.gif" /></td>
  58.                 <td><img src="images/logo2_10.gif" /></td>
  59.                 <td><img src="images/logo2_11.gif" /></td>
  60.                 <td><img src="images/logo2_12.gif" /></td>
  61.                 <td><img src="images/logo2_13.gif" /></td>
  62.                 <td><img src="images/logo2_14.gif" /></td>
  63.                 <td><img src="images/logo2_15.gif" /></td>
  64.                 <td><img src="images/logo2_16.gif" /></td>
  65.                 <td><img src="images/logo2_17.gif" /></td>
  66.                 <td><img src="images/logo2_18.gif" /></td>
  67.                 <td><img src="images/logo2_19.gif" /></td>
  68.                 <td><img src="images/logo2_20.gif" /></td>
  69.                 <td><img src="images/logo2_21.gif" /></td>
  70.                 <td><img src="images/logo2_22.gif" /></td>
  71.                 <td><img src="images/logo2_23.gif" /></td>
  72.                 <td><img src="images/logo2_24.gif" /></td>
  73.                 <td><img src="images/logo2_25.gif" /></td>
  74.                 <td><img src="images/logo2_26.gif" /></td>
  75.             </tr>
  76.         </table>
  77.  
  78.  
  79.     </div>
  80.     <div id="container_top_nav">
  81.         <a href="#"><img src="images/top_nav_back.gif" /></a>
  82.         <img src="images/top_nav_text.png" id="top_nav_text"/>
  83.     </div>
  84.     <div id="container_sub_header2">
  85.         <table id="sub_header_img_txt2" border=0 margin=0 padding=0>
  86.             <tr>
  87.                 <td><img src="images/sub_header_img_txt_01.gif" /></td>
  88.                 <td><img src="images/sub_header_img_txt_02.gif" /></td>
  89.                 <td><img src="images/sub_header_img_txt_03.gif" /></td>
  90.                 <td><img src="images/sub_header_img_txt_04.gif" /></td>
  91.                 <td><img src="images/sub_header_img_txt_05.gif" /></td>
  92.                 <td><img src="images/sub_header_img_txt_06.gif" /></td>
  93.                 <td><img src="images/sub_header_img_txt_07.gif" /></td>
  94.                 <td><img src="images/sub_header_img_txt_08.gif" /></td>
  95.                 <td><img src="images/sub_header_img_txt_09.gif" /></td>
  96.                 <td><img src="images/sub_header_img_txt_10.gif" /></td>
  97.                 <td><img src="images/sub_header_img_txt_11.gif" /></td>
  98.                 <td><img src="images/sub_header_img_txt_12.gif" /></td>
  99.                 <td><img src="images/sub_header_img_txt_13.gif" /></td>
  100.                 <td><img src="images/sub_header_img_txt_14.gif" /></td>
  101.                 <td><img src="images/sub_header_img_txt_15.gif" /></td>
  102.                 <td><img src="images/sub_header_img_txt_16.gif" /></td>
  103.                 <td><img src="images/sub_header_img_txt_17.gif" /></td>
  104.                 <td><img src="images/sub_header_img_txt_18.gif" /></td>
  105.                 <td><img src="images/sub_header_img_txt_19.gif" /></td>
  106.                 <td><img src="images/sub_header_img_txt_20.gif" /></td>
  107.                 <td><img src="images/sub_header_img_txt_21.gif" /></td>
  108.                 <td><img src="images/sub_header_img_txt_22.gif" /></td>
  109.                 <td><img src="images/sub_header_img_txt_23.gif" /></td>
  110.                 <td><img src="images/sub_header_img_txt_24.gif" /></td>
  111.                 <td><img src="images/sub_header_img_txt_25.gif" /></td>
  112.                 <td><img src="images/sub_header_img_txt_26.gif" /></td>
  113.                 <td><img src="images/sub_header_img_txt_27.gif" /></td>
  114.                 <td><img src="images/sub_header_img_txt_28.gif" /></td>
  115.                 <td><img src="images/sub_header_img_txt_29.gif" /></td>
  116.                 <td><img src="images/sub_header_img_txt_30.gif" /></td>
  117.                 <td><img src="images/sub_header_img_txt_31.gif" /></td>
  118.                 <td><img src="images/sub_header_img_txt_32.gif" /></td>
  119.                 <td><img src="images/sub_header_img_txt_33.gif" /></td>
  120.                 <td><img src="images/sub_header_img_txt_34.gif" /></td>
  121.                 <td><img src="images/sub_header_img_txt_35.gif" /></td>
  122.                 <td><img src="images/sub_header_img_txt_36.gif" /></td>
  123.                 <td><img src="images/sub_header_img_txt_37.gif" /></td>
  124.                 <td><img src="images/sub_header_img_txt_38.gif" /></td>
  125.                 <td><img src="images/sub_header_img_txt_39.gif" /></td>
  126.             </tr>
  127.         </table>
  128.         <div id="container_form2">
  129.             <div class="form2">
  130.                 <table>
  131.                     <tr>
  132.                         <td class="contents_txt_reguler"><h2>Member Log in<h2></td>
  133.                     </tr>
  134.                     <tr>
  135.                         <table>
  136.                             <tr>
  137.                                 <td class="contents_txt_reguler_white_medium">User Name :</td>
  138.                                 <td class="contents_txt_reguler_white_medium">Password :</td>
  139.                                 <td></td>
  140.                             </tr>
  141.                             <tr>
  142.                                 <td><input type="text" name="userName" class="textsurround"/></td>
  143.                                 <td><input type="text" name="password" class="textsurround"/></td>
  144.                                 <td><a href="#"/><img src="images/form_2_button_submit.gif"/></a></td>
  145.                             </tr>
  146.                         </table>
  147.                     </tr>
  148.                     <tr>
  149.                         <td class="form2_separator">
  150.                             <a href="#FB"><img src="images/form_2_facebook.gif"/></a> &nbsp;<a href="#twitter"><img src="images/form_2_twitter.gif"/></a>
  151.                             <a href="#">Gabung Sekarang</a> | <a href="#">Lupa Password</a>
  152.                         </td>
  153.                     </tr>
  154.                 </table>
  155.             </div>
  156.         </div>
  157.             <div id="font_reguler_category">Category : </div>
  158.             <div>
  159.                 <table class="con" width="100%">
  160.            
  161.                 </table>
  162.                    
  163.                
  164.             </div>
  165.  
  166.             <div class="container_footer" id="footer2">
  167.                 <a href="#Home"><img src="images/footer_home.png"/></a>
  168.                 <a href="#Buy_Point" style="margin-left:45px"><img src="images/footer_buy_point.png"/></a>
  169.                 <a href="#Search" style="margin-left:45px"><img src="images/footer_search.png"/></a>
  170.                 <a href="#How_To_Buy" style="margin-left:45px"><img src="images/footer_how_to_buy.png"/></a>
  171.             </div>
  172.             <div class="container_footer" >
  173.                
  174.             </div>
  175.         </div>
  176.     </div>
  177.  
  178.    
  179.    
  180.  
  181. </div>
  182. </body>
  183. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!