<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen, all" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/pz2.js"></script>
+ <script type="text/javascript" src="js/pzQuery.js"></script>
<script type="text/javascript" src="js/client.js"></script>
</head>
<body>
<div class="topbar">
<a href="/"><img id="logo" src="gfx/logo.gif" width="206" height="37" alt="MasterKey Power Search" /></a>
<div class="topmenu">
- <a href="index.html" class="topselect">FRONT PAGE</a>
+ <a href="index.html" class="topselect">CONTACT</a>
<a href="about.html" class="topmenu">ABOUT</a>
<a href="help.html" class="topmenu">HELP</a>
</div>
- <div class="bluebox"></div>
+ <!--<div class="bluebox"></div>-->
</div>
<div class="search">
- <span>ENTER SEARCH TERM:</span>
<form method="post" action="index.html" name="search">
- <div>
+ <div class="simple">
<input type="text" name="query" class="search" tabindex="1" maxlength="255" value="" />
<input type="image" src="gfx/button.gif" class="button" />
- <a href="#">Advanced search</a>
+ <a id="advanced">Advanced search</a>
+ <!-- those are the fields that need to be inserted in the advanced view: however not nessesary
+ all at once, it may any combination of these. I would like the encapsulating box to grow while
+ the fields are inserted, preferably avoiding manipulations of the box height from javascript.
+ secondly the boxes need to be position to the right edge of the search input field-->
+ <!-- fields end-->
</div>
+ <div class="advanced" style="display: none">
+ Title: <input type="text" name="title" class="advSearch" tabindex="1" maxlength="255" value="" />
+ <br/>
+ Author: <input type="text" name="author" class="advSearch" tabindex="1" maxlength="255" value="" />
+ <br/>
+ Subject: <input type="text" name="subject" class="advSearch" tabindex="1" maxlength="255" value="" />
+ <br/>
+ Date: <input type="text" name="date" class="advSearch" tabindex="1" maxlength="255" value="" />
+ <br/>
+ </div>
</form>
</div>
<div class="main">
<div class="leftbar" style="display: none">
<div class="head">
<div class="margin">
- <h2>Limit search results</h2>
- Narrow your search by using the keywords below:<br />
+ <h2>Limit your search by:</h2>
</div>
</div>
- <div class="margin">
+ <div class="margin" style="padding-top: 15px;">
<div id="termlists"></div>
</div>
</div>
<div class="content" style="display: none">
- <div class="results">
- Sort results by:
- <select name="sort">
- <option value="relevance">Relevance</option>
- <option value="title">Title</option>
+ <div class="head"><div class="margin"><div class="sortBox">
+ Sort by
+ <select name="sort" id="sort">
+ <option value="relevance" selected="true">relevance</option>
+ <option value="title:1">title</option>
+ </select>
+ and show
+ <select name="perpage" id="perpage">
+ <option value="15">15</option>
+ <option value="20" selected="true">20</option>
+ <option value="30">30</option>
+ <option value="50">50</option>
</select>
- <div class="showing"></div>
- <div class="pages"></div>
+ results per page.
</div>
+ <div class="showing"> </div></div></div>
+ <div class="bottom"><div class="pages"> </div></div>
+ <div id="breadcrumb"></div>
<br />
<br />
<div class="records"></div>
<div class="bottom">
- <div class="pages"></div>
+ <div class="pages"> </div>
</div>
</div>
<div class="clear"></div>
projects / pazpar2-moved-to-github.git / blobdiff