138 lines
4.5 KiB
HTML
138 lines
4.5 KiB
HTML
<html>
|
|
<head>
|
|
<title>>Liederauswahl</title>
|
|
<link rel="stylesheet" href="../templates/{$global_template}/css/styles_pc.php" type="text/css">
|
|
<link href="menu.css" rel="stylesheet" type="text/css" />
|
|
<script type="text/javascript" src="livesearch/ajax.js"></script>
|
|
<script type="text/javascript" src="livesearch/ajax-dynamic-list.js"></script>
|
|
<style type="text/css">
|
|
{literal}
|
|
.font1 { font-size:23.00pt; }
|
|
.font2 { line-height:150%; }
|
|
fieldset { border: 2px solid #C5D8E1;
|
|
border-radius: 6px;
|
|
background: white;
|
|
margin:10px;
|
|
}
|
|
|
|
legend {
|
|
background: white;
|
|
color:#6487DC;
|
|
font-size:120%;
|
|
font-weight: bold;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
body {
|
|
background: #e2e2e2;
|
|
}
|
|
#page {
|
|
max-width: 1000px;
|
|
background: #fff;
|
|
}
|
|
body, input, textarea {
|
|
color: #373737;
|
|
}
|
|
input[type="text"]
|
|
{
|
|
font-size:12px;
|
|
}
|
|
select{
|
|
width:250px;
|
|
}
|
|
/* Big box with list of options */
|
|
#ajax_listOfOptions{
|
|
position:absolute; /* Never change this one */
|
|
width:320px; /* Width of box */
|
|
height:200px; /* Height of box */
|
|
overflow:auto; /* Scrolling features */
|
|
border:1px solid #6487DC; /* Dark blue border */
|
|
background-color:#FFF; /* White background color */
|
|
text-align:left;
|
|
font-family : verdana, arial;
|
|
z-index:10000;
|
|
}
|
|
#ajax_listOfOptions div{ /* General rule for both .optionDiv and .optionDivSelected */
|
|
margin:1px;
|
|
padding:1px;
|
|
cursor:pointer;
|
|
font-size:0.9em;
|
|
}
|
|
#ajax_listOfOptions .optionDiv{ /* Div for each item in list */
|
|
}
|
|
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
|
|
background-color:#D6DFF7;
|
|
color:#002276;
|
|
font-family : verdana, arial;
|
|
font-weight : bold;
|
|
}
|
|
#ajax_listOfOptions_iframe{
|
|
background-color:#F00;
|
|
position:absolute;
|
|
z-index:500;
|
|
}
|
|
{/literal}
|
|
</style>
|
|
<!--[if lt IE 9]>
|
|
<style type=\"text/css\" title=\"text/css\">
|
|
{literal}
|
|
fieldset { border: 1px solid silver; padding: 3px; }
|
|
{/literal}
|
|
</style>
|
|
<![endif]-->
|
|
</head>
|
|
<body onload="document.getElementById('liedwahl').focus();">
|
|
<br>
|
|
<br>
|
|
<fieldset>
|
|
<legend>Suche</legend>
|
|
<input type="text" id="liedwahl" name="liedwahl" value="" onkeyup="ajax_showOptions(this,'getWord',event)" size="30">
|
|
<input type="hidden" id="stud_hidden" name="stud_ID"><!-- THE ID OF the textstelle will be inserted into this hidden input -->
|
|
Liednummer oder Suchbergriffe eingeben
|
|
</fieldset>
|
|
<br>
|
|
<br>
|
|
<fieldset>
|
|
<legend>Kategorien</legend>
|
|
<nav class="menu">
|
|
{section name=outer_loop loop=$outer_loop}
|
|
<nav class="drop-down-menu">
|
|
<input type="checkbox" class="activate" id="accordion-{$outer_loop[outer_loop].lkid}" name="accordion-1">
|
|
<label for="accordion-{$outer_loop[outer_loop].lkid}" class="menu-title">{$outer_loop[outer_loop].kategorie}</label>
|
|
<div class="drop-down">
|
|
{section name=inner loop=$outer_loop[outer_loop].inner}
|
|
<a href="kategorie_teffer.php?lukid={$outer_loop[outer_loop].inner[inner].lukid}" target='inhaltframe'>{$outer_loop[outer_loop].inner[inner].unterkategorie}</a>
|
|
{/section}
|
|
</div>
|
|
</nav>
|
|
{/section}
|
|
</nav>
|
|
</fieldset>
|
|
<br>
|
|
<br>
|
|
<fieldset>
|
|
<legend><a href="lied_optionen.php" target="inhaltframe">Optionen</a></legend>
|
|
<table width="100%" border="1" cellspacing="0" margins="3" bordercolor="#000099">
|
|
<tr>
|
|
<td height="40" style="padding-right:5px"><b>Suchwörter:</b></td>
|
|
<td height="40" style="padding-left:10px">{$opt_lied_search}</td>
|
|
</tr>
|
|
<tr>
|
|
<td height="40" style="padding-right:5px"><b>Bestand:</b></td>
|
|
<td height="40" style="padding-left:10px">{$opt_lied_bestand}</td>
|
|
</td>
|
|
<tr>
|
|
<td height="40" style="padding-right:5px"><b>Favoritensuche:</b></td>
|
|
<td height="40" style="padding-left:10px">{$opt_lied_favorit}</td>
|
|
</tr>
|
|
<tr>
|
|
<td height="40" style="padding-right:5px"><b>Statussuche:</b></td>
|
|
<td height="40" style="padding-left:10px">{$opt_lied_status}</td>
|
|
</tr>
|
|
</table>
|
|
</fieldset>
|
|
</body>
|
|
</html>
|
|
|