<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>
<div class="search">
<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 >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">
Sort by
<select name="sort" id="sort">
<option value="relevance" selected="true">relevance</option>
- <option value="title">title</option>
+ <option value="title:1">title</option>
</select>
and show
<select name="perpage" id="perpage">
</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>