Guest User

partnerek.html

a guest
Aug 28th, 2017
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.40 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <title>Partnerek</title>
  5.   <meta charset="utf-8">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1">
  7.   <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  8.   <link rel="stylesheet" type="text/css" href="css/cosmo-bootstrap.min.css">
  9.   <link rel="stylesheet" type="text/css" href="css/site.css">
  10.   <link rel="stylesheet" type="text/css" href="css/swhDropDown.css">
  11. </head>
  12. <body class="grayback">
  13.   <div id="menu" class="navbar navbar-inverse">
  14.     <div class="container">
  15.       <ul class="nav navbar-nav">
  16.         <li>
  17.           <ol class="breadcrumb breadcrumbCustom">
  18.             <li>Törzsadatok</li>
  19.             <li class="active">Partnerek</li>
  20.           </ol>
  21.         </li>
  22.         <li class="dropdown">
  23.           <a href="#" data-toggle="dropdown" class="dropdown-toggle">Törzsadatok <b class="caret"></b></a>
  24.           <ul class="dropdown-menu">
  25.             <li><a href="partnerek.html" tabindex="-1"> Partnerek</a></li>
  26.           </ul>
  27.         </li>
  28.       </ul>
  29.       <ul class="nav navbar-nav navbar-right">
  30.         <li><a href="#" class="btn inactive"><span class="glyphicon glyphicon-user"></span> Béla</a></li>
  31.         <li class="dropdown">
  32.           <a href="#" data-toggle="dropdown" class="dropdown-toggle"><span class="glyphicon glyphicon-globe"></span>  <b class="caret"></b></a>
  33.           <ul class="dropdown-menu">
  34.             <li><a href="#" tabindex="-1"><img src="images/usa.png" class="customimage"> English</a></li>
  35.             <li><a href="#" tabindex="-1"><img src="images/hungary.png" class="customimage"> Magyar</a></li>
  36.             <li><a href="#" tabindex="-1"><img src="images/germany.png" class="customimage"> Deutsch</a></li>
  37.           </ul>
  38.         </li>
  39.       </ul>
  40.     </div>
  41.   </div>
  42.   <div class="container">
  43.     <div class="row">
  44.       <div class="col-md-12">
  45.         <div class="panel">
  46.           <div class="panel-body">
  47.             <form class="form-horizontal">
  48.               <div class="row">
  49.                 <div class="formgroup">
  50.                   <label class="control-label col-sm-1" for="inputName">Név</label>
  51.                   <div class="col-sm-2">
  52.                     <input class="form-control input-sm" type="text" id="inputName"></input>
  53.                   </div>
  54.                 </div>
  55.                 <div class="formgroup">
  56.                   <label class="control-label col-sm-1" for="inputEmail">Email</label>
  57.                   <div class="col-sm-2">
  58.                     <input class="form-control input-sm" type="text" id="inputEmail"></input>
  59.                   </div>
  60.                 </div>
  61.                 <div class="formgroup">
  62.                   <label class="control-label col-sm-1">Típus</label>
  63.                   <button id="dropDown" class="btn btn-sm col-sm-2">Dropdown element</button>                  
  64.                 </div>
  65.                 <div class="formgroup">
  66.                   <label class="control-label col-sm-1" for="inputAddress">Cím</label>
  67.                   <div class="col-sm-2">
  68.                     <input class="form-control input-sm" type="text" id="inputAddress"></input>
  69.                   </div>
  70.                 </div>                
  71.               </div>
  72.               <div class="row customFormbButton">
  73.                 <button type="submit" class="btn btn-primary btn-sm col-sm-1 col-sm-offset-11">Keresés <span class="glyphicon glyphicon-search"></span></button>
  74.               </div>
  75.             </form>
  76.           </div>
  77.         </div>
  78.       </div>
  79.     </div>
  80.   </div>  
  81.   <div class="container">
  82.     <div class="panel">
  83.       <div class="panel-body">
  84.         <div class="col-md-12">
  85.           <div class="row">
  86.             <a href="partneredit.html" class="btn btn-primary col-sm-1 btn-sm"><span class="glyphicon glyphicon-plus"></span> Új</a>
  87.             <button class="btn btn-primary col-sm-1 btn-sm disabled"><span class="glyphicon glyphicon-edit"></span> Szerkesztés</button>
  88.             <button class="btn btn-primary col-sm-1 btn-sm disabled"><span class="glyphicon glyphicon-remove"></span> Törlés</button>
  89.             <input class="input-sm col-sm-3 col-sm-offset-6" type="text" placeholder="Gyorskeresés"></input>
  90.           </div>
  91.           <div class="row">
  92.             <table class="table table-striped">
  93.               <thead>
  94.                 <tr>
  95.                   <th>Id</th>
  96.                   <th>Név</th>
  97.                   <th>Email</th>
  98.                   <th>Számlázási cím</th>
  99.                   <th>Szállítási cím</th>
  100.                   <th>Dátum</th>
  101.                   <th>Módosító</th>
  102.                 </tr>
  103.               </thead>
  104.               <tbody>
  105.                 <tr>
  106.                   <td>1</td>
  107.                   <td>Teszt Elek</td>
  108.                   <td>[email protected]</td>
  109.                   <td>1111 Bp Váci 1</td>
  110.                   <td>1111 Bp Váci 1</td>
  111.                   <td>2017.02.02</td>
  112.                   <td>Béla</td>
  113.                 </tr>
  114.                 <tr>
  115.                   <td>2</td>
  116.                   <td>Jóska Pista</td>
  117.                   <td>[email protected]</td>
  118.                   <td>2222 Győr Fő utca 12</td>
  119.                   <td>2222 Győr Fő utca 12</td>
  120.                   <td>2015.06.09</td>
  121.                   <td>Lajos</td>
  122.                 </tr>
  123.                 <tr>
  124.                   <td>3</td>
  125.                   <td>Kovács Gizella</td>
  126.                   <td>[email protected]</td>
  127.                   <td>3333 Debrecen Áldás utca 25</td>
  128.                   <td>4444 Szeged Tiszafa u. 32</td>
  129.                   <td>2011.12.12</td>
  130.                   <td>Béla</td>
  131.                 </tr>
  132.               </tbody>
  133.             </table>
  134.           </div>
  135.         </div>
  136.       </div>
  137.     </div>
  138.   </div>
  139.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  140.   <script src="js/bootstrap.min.js"></script>
  141.   <script src="js/swhDropDown.js"></script>
  142.   <script type="text/javascript">
  143.   // TP-3
  144.   /*var element = $("#dropDown");
  145.   var options = new swhOptions();
  146.   options.dataSource = ["Shipping address", "Billing address"];
  147.   var dropdown = new swhDropDown(element,options);*/
  148.  
  149.   // TP-4
  150.   var options = new swhOptions();
  151.   options.dataSource = ["Shipping address", "Billing address"];
  152.   $("#dropDown").swhDropDown(options);
  153.   var dropdown = $("#dropDown").data("swhDropDown");
  154.  
  155.   </script>
  156. </body>
  157. </html>
Add Comment
Please, Sign In to add comment