new tab button with js
This commit is contained in:
38
index.html
38
index.html
@@ -24,11 +24,15 @@
|
||||
A:focus { text-decoration: underline; }
|
||||
#filter { width: 100%; }
|
||||
#search { width: 100%; display: table; }
|
||||
.search_span { display: table-cell; text-align: center; vertical-align: middle; }
|
||||
.search_span { display: table-cell; text-align: center; vertical-align: middle;
|
||||
padding-left: 0.1em; padding-right: 0.1em; }
|
||||
.head { font-size: 16px; text-align:left; padding-top: 0.2em; margin-bottom: -0.5em; }
|
||||
#menu { font-size: 12px; width: 3em; }
|
||||
.tickbox { width: 3em; }
|
||||
.tickbox { }
|
||||
#reload_span { float: right; }
|
||||
#open_blank_span { cursor: pointer; font-size:16px;}
|
||||
#open_blank_box { position:relative; left: 0.35em }
|
||||
#open_blank_arrow { position: relative; left: -0.25em; top: -0.2em; }
|
||||
LI.nolink:before {
|
||||
content:" ";
|
||||
padding-right: 1.0em;
|
||||
@@ -101,6 +105,8 @@ function make_menu() {
|
||||
sel.id="menu";
|
||||
doc.appendChild(sel);
|
||||
var opt=document.createElement("option");
|
||||
opt.value="";
|
||||
opt.innerHTML="#";
|
||||
sel.appendChild(opt);
|
||||
for (c=0; c<linkList.length; c++) {
|
||||
if ( linkList[c].substring(0,2) == "# " ) {
|
||||
@@ -222,15 +228,27 @@ function move_cursor(ev) {
|
||||
}
|
||||
}
|
||||
function toggle_blank() {
|
||||
var blank=document.getElementById('open_blank').checked;
|
||||
var anchors = document.getElementsByTagName('a');
|
||||
for (var i=0; i<anchors.length; i++){
|
||||
if (blank) {
|
||||
anchors[i].setAttribute('target', '_blank');
|
||||
var span=document.getElementById('open_blank_span');
|
||||
var arrow=document.getElementById('open_blank_arrow');
|
||||
if (span.attributes['data']) {
|
||||
if ( span.attributes['data']=="true" ) {
|
||||
span.attributes['data']="false";
|
||||
} else {
|
||||
anchors[i].removeAttribute('target');
|
||||
}
|
||||
span.attributes['data']="true";
|
||||
}
|
||||
} else {
|
||||
span.attributes['data']="true"
|
||||
}
|
||||
var blank=span.attributes['data']=="true";
|
||||
var anchors = document.getElementsByTagName('a');
|
||||
if (blank) {
|
||||
for (var i=0; i<anchors.length; i++){ anchors[i].setAttribute('target', '_blank'); }
|
||||
var arrowChar="→";
|
||||
} else {
|
||||
for (var i=0; i<anchors.length; i++){ anchors[i].removeAttribute('target'); }
|
||||
var arrowChar="←";
|
||||
}
|
||||
arrow.innerHTML=arrowChar;
|
||||
}
|
||||
document.onkeyup=move_cursor;
|
||||
var linkReg=/([^\[]*)\[([^\]]+)\]\(([^\)]+)\)(.*)/;
|
||||
@@ -254,7 +272,7 @@ var config = {
|
||||
<div id="search">
|
||||
<span class="search_span"><input type="text" oninput="filter(event)" onkeypress="filter(event)" onblur="no_filter()" id="filter" title="Filter links by name"></span>
|
||||
<span class="search_span" id="menu_span"></span>
|
||||
<span class="search_span tickbox">^<input type=checkbox id=open_blank title="Open links in new window" onclick="toggle_blank()" tabindex=-1></span>
|
||||
<span class="search_span tickbox" id=open_blank_span onclick="toggle_blank()" title="Open links in new window"><span id=open_blank_box>☐</span><span id=open_blank_arrow>←</span></span>
|
||||
</div>
|
||||
<div id="main"></div>
|
||||
<span class="search_span" id="reload_span"><a href="#" onclick="reload_source()" title="Reload links source">↻</a></span>
|
||||
|
||||
Reference in New Issue
Block a user