function parse_url_and_load_page() {
// 'search', 'reverse', 'details'
- var pagename = window.location.pathname.replace('.html', '').replace(/^\//, '');
+ var pagename = window.location.pathname.replace('.html', '').replace(/.+\//, '');
+
+ if (pagename === '') pagename = 'search'
$('body').attr('id', pagename + '-page');
<div class="row">
<div class="col-4">
<div class="brand">
- <a href="/">
+ <a href="search.html">
<img alt="logo" src="assets/images/osm_logo.120px.png" width="30" height="30"/>
<h1>Nominatim</h1>
</a>
</button>
</div>
<div class="search-type-link">
- <a href="/search.html">forward search</a>
+ <a href="search.html">forward search</a>
</div>
</form>
</div>
<div class="row">
<div class="col-4">
<div class="brand">
- <a href="/">
+ <a href="search.html">
<img alt="logo" src="assets/images/osm_logo.120px.png" width="30" height="30"/>
<h1>Nominatim</h1>
</a>
</button>
</div>
<div class="search-type-link">
- <a href="/search.html">forward search</a>
+ <a href="search.html">forward search</a>
</div>
</form>
</div>
<div class="row">
<div class="col-4">
<div class="brand">
- <a href="/">
+ <a href="search.html">
<img alt="logo" src="assets/images/osm_logo.120px.png" width="30" height="30"/>
<h1>Nominatim</h1>
</a>
</button>
</div>
<div class="search-type-link">
- <a href="/search.html">forward search</a>
+ <a href="search.html">forward search</a>
</div>
</form>
</div>
<div class="row">
<div class="col-4">
<div class="brand">
- <a href="/">
+ <a href="search.html">
<img alt="logo" src="assets/images/osm_logo.120px.png" width="30" height="30"/>
<h1>Nominatim</h1>
</a>
</button>
</div>
<div class="search-type-link">
- <a href="/search.html">forward search</a>
+ <a href="search.html">forward search</a>
</div>
</form>
</div>
<div class="row">
<div class="col-4">
<div class="brand">
- <a href="/">
+ <a href="search.html">
<img alt="logo" src="assets/images/osm_logo.120px.png" width="30" height="30"/>
<h1>Nominatim</h1>
</a>
</button>
</div>
<div class="search-type-link">
- <a href="/search.html">forward search</a>
+ <a href="search.html">forward search</a>
</div>
</form>
</div>
function parse_url_and_load_page() {
// 'search', 'reverse', 'details'
- var pagename = window.location.pathname.replace('.html', '').replace(/^\//, '');
+ var pagename = window.location.pathname.replace('.html', '').replace(/.+\//, '');
+
+ if (pagename === '') pagename = 'search'
$('body').attr('id', pagename + '-page');
<div class="row">
<div class="col-4">
<div class="brand">
- <a href="/">
+ <a href="search.html">
<img alt="logo" src="assets/images/osm_logo.120px.png" width="30" height="30"/>
<h1>Nominatim</h1>
</a>
</button>
</div>
<div class="search-type-link">
- <a href="/search.html">forward search</a>
+ <a href="search.html">forward search</a>
</div>
</form>
</div>