<!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>