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
-2
View File
@@ -21,8 +21,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -24,8 +24,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -52,8 +52,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
@@ -27,8 +27,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -27,8 +27,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -25,8 +25,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -24,8 +24,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -24,8 +24,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -37,8 +37,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -27,8 +27,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -20,8 +20,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -28,8 +28,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -61,8 +61,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -15,8 +15,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -21,8 +21,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -16,8 +16,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
-2
View File
@@ -68,8 +68,6 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 Examples</a>
<ul class="nav pull-right">
</ul>
</div>
</div>
</div>
+9 -9
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);
})();