<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet/less" type="text/css" href="css/main.less">
<link rel="stylesheet" href="css/bootstrap.css">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
your browser</a> to improve your experience.</p>
<![endif]-->
<div class="container">
<div id="header" class="istex-header jumbotron">
<h1> </h1>
</div>
<div id="accordion" class="panel-group searchform">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
Recherche
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse in">
<div class="panel-body">
<form role="form" class="form-inline" id="searchform">
<div class="form-group">
<div class="input-group">
<select style="width:110px" id="editorForSimpleSearch"
class="form-control input-group-addon">
<option value="springer">Springer</option>
<option disabled>ECCO</option>
<option disabled>EEBO</option>
<option disabled>Nature</option>
<option disabled>Brill - HACCO</option>
</select>
<input style="width:249px" type="text" class="span2 form-control" id="searchfield"
placeholder="Titre ou mot clef">
<span class="input-group-btn">
<button id="searchButton" type="submit" class="btn"
data-loading-text='<img src="img/loading.gif" class="loading" id="loading"/>'>
<span class="glyphicon glyphicon-search"></span>
</button>
</span>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
Recherche avancée
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse">
<div class="panel-body">
<form role="form" id="advancedSearchform">
<div class="form-group">
<label for="editorForAdvancedSearch">Editeur :</label>
<select id="editorForAdvancedSearch" class="form-control">
<option value="springer">Springer</option>
<option disabled>ECCO</option>
<option disabled>EEBO</option>
<option disabled>Nature</option>
<option disabled>Brill - HACCO</option>
</select>
</div>
<div class="form-group">
<label for="titleField">Titre :</label>
<input type="text" class="form-control" id="titleField"
placeholder="Titre">
</div>
<div class="form-group">
<label for="authorField">Auteur :</label>
<input type="text" class="form-control" id="authorField"
placeholder="Auteur">
</div>
<div class="form-group">
<label for="themeField">Mot-clef :</label>
<input type="text" class="form-control" id="themeField"
placeholder="Mot clef">
</div>
<button id="advancedSearchButton" type="submit" class="btn btn-default"
data-loading-text='<img src="img/loading.gif" class="loading" id="loading"/>'>
Rechercher
</button>
</form>
</div>
</div>
</div>
</div>
<div class="alert alert-warning fade" style="display:none">
<a href="#" class="close" data-dismiss="alert">×</a>
<span></span>
</div>
<div id="result">
<table class="table table-striped table-hover" style="table-layout: fixed; word-wrap: break-word;">
<thead>
<tr class="row">
<th class="col-md-8">Titre</th>
<th class="col-md-2">Fulltext</th>
<th class="col-md-2">Metadata</th>
</tr>
</thead>
<tbody id="tableResult"></tbody>
</table>
<ul id="pagination" class="pager">
<li id="first"><a href="#">⇤</a></li>
<li id="prev"><a href="#">⇠</a></li>
<li id="next"><a href="#">⇢</a></li>
<li id="last"><a href="#">⇥</a></li>
</ul>
<div id="pageNumber"><span id=currentPage>*</span>/<span id=totalPages>*</span></div>
</div>
</div>
<div class="modal hide fade" id="modal">
<div class="modal-header">
<div id="modalHead"></div>
</div>
<div class="modal-body">
<div id="modalBody"></div>
</div>
<div class="modal-footer">
<a href="#" class="btn">Close</a>
</div>
</div>
<script type="text/javascript" src="js/vendor/less-1.6.3.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/vendor/require.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body>
</html>
billey