Use form.navbar-form for input elements in a navbar

This commit is contained in:
Tim Schaub
2013-09-19 15:19:20 +01:00
parent ac4b031353
commit 66e1b01c2d
58 changed files with 67 additions and 181 deletions

View File

@@ -20,9 +20,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -23,9 +23,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -51,9 +51,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -26,9 +26,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -26,9 +26,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -24,9 +24,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -23,9 +23,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -23,9 +23,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -36,9 +36,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -26,9 +26,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -19,9 +19,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -27,9 +27,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -60,9 +60,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -14,9 +14,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -20,9 +20,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -15,9 +15,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -67,9 +67,7 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
<a class="brand" href="./">OpenLayers 3 Examples</a>
</div>
</div>
</div>

View File

@@ -1,7 +1,6 @@
;(function(){
var container = document.querySelector('.navbar ul.pull-right'),
li = document.createElement('li'),
div = document.createElement('div'),
;(function() {
var container = document.querySelector('.navbar .navbar-inner .container'),
form = document.createElement('form'),
select = document.createElement('select'),
possibleModes = {
'raw' : 'Development',
@@ -35,6 +34,9 @@
}
pairs.push(adjusted);
}
if (pairs.length === 0) {
pairs[0] = 'mode=' + encodeURIComponent(newMode);
}
location.href = baseUrl + '?' + pairs.join('&');
};
@@ -52,10 +54,8 @@
select.addEventListener('change', modeChangedMethod);
select.className = 'input-medium';
div.className = 'input-prepend';
div.innerHTML = '<span class="add-on"><i class="icon-refresh"></i></span>';
div.appendChild(select);
form.className = 'navbar-form pull-right';
form.appendChild(select);
li.appendChild(div);
container.appendChild(li);
})();
container.appendChild(form);
})();