Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<!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"> <html overflow-y: scroll> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/arial.js"></script> <script type="text/javascript" src="js/cuf_run.js"></script> <script type="text/javascript" src="js/jquery-2.2.3.min.js"></script> <script> $(document).ready(function(){ $("#editbox_search").click(function(){ if ($(this).val() == "Vyhledat recept:") { $(this).val(""); } }); $('#editbox_search').keyup(function() { $(".article").empty(); $(".article").load("page/recepty.php?s=" + $(this).val()); }); }); </script> </head> <body> <div class="main"> <div class="header"> <div class="header_resize"> <div class="logo"> <h1><span>R</span>ecepty někam</h1><img class="image" src="images/logo.jpg" width="130" height="94" alt="" class="fl" /> </div> <div class="clr"></div> <div class="menu_nav"> <div class="searchform"> <form id="formsearch" name="formsearch" method="post" action="#"> <span> <input name="editbox_search" class="editbox_search" id="editbox_search" maxlength="32" value="Vyhledat recept:" type="text" /> </span> </form> </div> <ul> <li class="active"><a href="?o=recepty">Recepty</a></li> <li><a href="?o=zbozi">Zboží</a></li> <li><p></p></li> <li><a href="?o=login">Přihlásit</a></li> <li><a href="?o=setup">Nastavení</a></li> </ul> <div class="clr"></div> </div> </div> </div> <div class="content"> <div class="content_resize"> <div class="clr"></div> <div class="mainbar"> <div class="article"> <table> <tr> <th>Program: </th> <td> Program 1 </td> </tr> </table> <h2>Nový recept</h2> <script> $(document).ready(function(){ document.title = "Přehled receptů"; $("[class^=detail_]").hide(); $("button").click(function(){ var hodnotaTlacitka = this.value; $("." + hodnotaTlacitka).toggle(); }); }); </script> <form method="post"> <table> <tr> <th class="radek0">Kód receptu: </th> <td class="radek1"><input STYLE="text-align:left" type="text" name="form_kod" id="form_kod" value="1" /></td> <script type="text/javascript">document.getElementById("form_kod").focus();</script> <td class="radek1">(1 / 32)</td> <td></td> </tr> <tr> <th class="radek0">Popis receptu: </th> <td class="radek2"><input STYLE="text-align:left" type="text" name="form_popis" value="Анодир. в H2SO4 + хромпик" /></td> <td class="radek2">(0 / 32)</td> <td></td> </tr> <tr> <th class="radek0">nejakej text: </th> <td class="detail1"><input STYLE="text-align:right" type="text" name="poradi_1" value="Ahoj" /></td> <td class="detail1">(1 / 16) </td> <td></td> </tr> <tr> <th class="radek0">doba neceho: </th> <td class="detail2"><input STYLE="text-align:right" type="text" name="poradi_2" value="15.2" /></td> <td class="detail2">(0.0 / 20.0) Sec.</td> <td></td> </tr> <tr> <th class="radek0">nejakej dalsi kokotinec: </th> <td class="detail1"><input STYLE="text-align:right" type="checkbox" name="poradi_3" /></td> <td class="detail1">Sec.</td> <td></td> </tr> </table> <table> <tr> <th class="radek0"></th> <th class="radek0"></th> <th class="radek0"></th> <th class="radek0"> </th> <th class="radek0"> </th> </tr> <tr> <td class="detail1"><button value="detail_1">1</button></td> <td class="detail1">12 - Chem. odmaštění</td> <td class="detail1">300</td> <td class="detail1"><a href="recepty_body_edit.php?id_body=1&return=2"><strong></strong></a></td> <td class="detail1"> <a href="recepty_body_delete.php?id_body=1&return=2"><strong></strong></a> </td> </tr> <tr class="detail_1" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail2"><button value="detail_2">2</button></td> <td class="detail2">13 - Horký oplach 1.st.</td> <td class="detail2">60</td> <td class="detail2"><a href="recepty_body_edit.php?id_body=2&return=2"><strong></strong></a></td> <td class="detail2"> </td> </tr> <tr class="detail_2" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail1"><button value="detail_3">3</button></td> <td class="detail1">14 - Horký oplach 2.st.</td> <td class="detail1">60</td> <td class="detail1"><a href="recepty_body_edit.php?id_body=3&return=2"><strong></strong></a></td> <td class="detail1"> </td> </tr> <tr class="detail_3" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail2"><button value="detail_4">4</button></td> <td class="detail2">17 - Studený oplach 1.st.</td> <td class="detail2">60</td> <td class="detail2"><a href="recepty_body_edit.php?id_body=4&return=2"><strong></strong></a></td> <td class="detail2"> <a href="recepty_body_delete.php?id_body=4&return=2"><strong></strong></a> </td> </tr> <tr class="detail_4" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail1"><button value="detail_5">5</button></td> <td class="detail1">18 - Studený oplach 2.st.</td> <td class="detail1">60</td> <td class="detail1"><a href="recepty_body_edit.php?id_body=5&return=2"><strong></strong></a></td> <td class="detail1"> </td> </tr> <tr class="detail_5" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail2"><button value="detail_6">6</button></td> <td class="detail2">15/16 - Moření</td> <td class="detail2">240</td> <td class="detail2"><a href="recepty_body_edit.php?id_body=6&return=2"><strong></strong></a></td> <td class="detail2"> <a href="recepty_body_delete.php?id_body=6&return=2"><strong></strong></a> </td> </tr> <tr class="detail_6" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail1"><button value="detail_7">7</button></td> <td class="detail1">13 - Horký oplach 1.st.</td> <td class="detail1">60</td> <td class="detail1"><a href="recepty_body_edit.php?id_body=7&return=2"><strong></strong></a></td> <td class="detail1"> </td> </tr> <tr class="detail_7" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail2"><button value="detail_8">8</button></td> <td class="detail2">14 - Horký oplach 2.st.</td> <td class="detail2">60</td> <td class="detail2"><a href="recepty_body_edit.php?id_body=8&return=2"><strong></strong></a></td> <td class="detail2"> </td> </tr> <tr class="detail_8" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail1"><button value="detail_9">9</button></td> <td class="detail1">17 - Studený oplach 1.st.</td> <td class="detail1">60</td> <td class="detail1"><a href="recepty_body_edit.php?id_body=9&return=2"><strong></strong></a></td> <td class="detail1"> <a href="recepty_body_delete.php?id_body=9&return=2"><strong></strong></a> </td> </tr> <tr class="detail_9" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail2"><button value="detail_10">10</button></td> <td class="detail2">18 - Studený oplach 2.st.</td> <td class="detail2">60</td> <td class="detail2"><a href="recepty_body_edit.php?id_body=10&return=2"><strong></strong></a></td> <td class="detail2"> </td> </tr> <tr class="detail_10" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail1"><button value="detail_11">11</button></td> <td class="detail1">24 - Vyjasnění</td> <td class="detail1">60</td> <td class="detail1"><a href="recepty_body_edit.php?id_body=11&return=2"><strong></strong></a></td> <td class="detail1"> <a href="recepty_body_delete.php?id_body=11&return=2"><strong></strong></a> </td> </tr> <tr class="detail_11" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail2"><button value="detail_12">12</button></td> <td class="detail2">26 - Studený oplach 1.st.</td> <td class="detail2">60</td> <td class="detail2"><a href="recepty_body_edit.php?id_body=12&return=2"><strong></strong></a></td> <td class="detail2"> </td> </tr> <tr class="detail_12" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail1"><button value="detail_13">13</button></td> <td class="detail1">27 - Studený oplach 2.st.</td> <td class="detail1">60</td> <td class="detail1"><a href="recepty_body_edit.php?id_body=13&return=2"><strong></strong></a></td> <td class="detail1"> </td> </tr> <tr class="detail_13" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail2"><button value="detail_14">14</button></td> <td class="detail2">28/29 - Eloxování v H2SO4</td> <td class="detail2">2700</td> <td class="detail2"><a href="recepty_body_edit.php?id_body=14&return=2"><strong></strong></a></td> <td class="detail2"> <a href="recepty_body_delete.php?id_body=14&return=2"><strong></strong></a> </td> </tr> <tr class="detail_14" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail1"><button value="detail_15">15</button></td> <td class="detail1">30 - Studený oplach 1.st.</td> <td class="detail1">60</td> <td class="detail1"><a href="recepty_body_edit.php?id_body=15&return=2"><strong></strong></a></td> <td class="detail1"> </td> </tr> <tr class="detail_15" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail2"><button value="detail_16">16</button></td> <td class="detail2">31 - Studený oplach 2.st.</td> <td class="detail2">60</td> <td class="detail2"><a href="recepty_body_edit.php?id_body=16&return=2"><strong></strong></a></td> <td class="detail2"> </td> </tr> <tr class="detail_16" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail1"><button value="detail_17">17</button></td> <td class="detail1">35 - Utěsnění v chrompiku</td> <td class="detail1">1500</td> <td class="detail1"><a href="recepty_body_edit.php?id_body=17&return=2"><strong></strong></a></td> <td class="detail1"> <a href="recepty_body_delete.php?id_body=17&return=2"><strong></strong></a> </td> </tr> <tr class="detail_17" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail2"><button value="detail_18">18</button></td> <td class="detail2">36 - Horký oplach 1.st.</td> <td class="detail2">60</td> <td class="detail2"><a href="recepty_body_edit.php?id_body=18&return=2"><strong></strong></a></td> <td class="detail2"> </td> </tr> <tr class="detail_18" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail1"><button value="detail_19">19</button></td> <td class="detail1">37 - Horký oplach 2.st.</td> <td class="detail1">60</td> <td class="detail1"><a href="recepty_body_edit.php?id_body=19&return=2"><strong></strong></a></td> <td class="detail1"> </td> </tr> <tr class="detail_19" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail2"><button value="detail_20">20</button></td> <td class="detail2">11 - Studený oplach 1.st.</td> <td class="detail2">60</td> <td class="detail2"><a href="recepty_body_edit.php?id_body=20&return=2"><strong></strong></a></td> <td class="detail2"> <a href="recepty_body_delete.php?id_body=20&return=2"><strong></strong></a> </td> </tr> <tr class="detail_20" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail1"><button value="detail_21">21</button></td> <td class="detail1">10 - Studený oplach 2.st.</td> <td class="detail1">60</td> <td class="detail1"><a href="recepty_body_edit.php?id_body=21&return=2"><strong></strong></a></td> <td class="detail1"> </td> </tr> <tr class="detail_21" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail2"><button value="detail_22">22</button></td> <td class="detail2">9 - Horký oplach</td> <td class="detail2">60</td> <td class="detail2"><a href="recepty_body_edit.php?id_body=22&return=2"><strong></strong></a></td> <td class="detail2"> <a href="recepty_body_delete.php?id_body=22&return=2"><strong></strong></a> </td> </tr> <tr class="detail_22" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> <tr> <td class="detail1"><button value="detail_23">23</button></td> <td class="detail1">8 - Suška</td> <td class="detail1">900</td> <td class="detail1"><a href="recepty_body_edit.php?id_body=23&return=2"><strong></strong></a></td> <td class="detail1"> <a href="recepty_body_delete.php?id_body=23&return=2"><strong></strong></a> </td> </tr> <tr class="detail_23" > <td colspan="2"> <table> <tr> <td> bla bla </td> </tr> </table> </td> </tr> </table> </div> <p class="pages"><small>Stránka 1 z 2</small> <span>1</span> <a href="#">2</a> <a href="#">»</a></p> </div> <div class="clr"></div> </div> </div> <div class="footer"> <div class="footer_resize"> <p class="lf">© Copyright Aquacomp Hard 2016.</p> <div class="clr"></div> </div> </div> </div> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>