@@ -96,6 +96,9 @@ <h1 class="nav-header" >Jimi</h1>
9696</ html >
9797
9898< script >
99+ var currentTab = null
100+ var lastTab = null
101+
99102 function generateUUID ( ) {
100103 var d = new Date ( ) . getTime ( ) ;
101104 var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx' . replace ( / [ x y ] / g, function ( c ) {
@@ -110,17 +113,40 @@ <h1 class="nav-header" >Jimi</h1>
110113 var id = generateUUID ( ) ;
111114 $ ( 'ul#tabs li:last-child' ) . before ( '<li id="li' + id + '"><a href="#tab' + id + '" role="tab" data-toggle="tab">' + name + ' <button type="button" class="btn theme-navButton" onclick="removeTab(\'' + id + '\');">X</button></a>' ) ;
112115 $ ( 'div.tab-content div:last-child' ) . after ( '<div class="tab-pane" id="tab' + id + '"><iframe name="content-frame" class="content-frame" focus() src="' + url + '"></iframe></div>' ) ;
116+ $ ( 'ul#tabs > li' ) . click ( function ( ) {
117+ if ( currentTab != null ) {
118+ lastTab = currentTab ;
119+ }
120+ currentTab = id
121+ } ) ;
113122 $ ( 'ul#tabs > li' ) . removeClass ( "active" ) ;
114123 $ ( 'div.tab-content div' ) . removeClass ( "active" ) ;
115124 $ ( 'ul#tabs > li#li' + id ) . addClass ( "active" ) ;
116125 $ ( 'div.tab-content div#tab' + id ) . addClass ( "active" ) ;
126+ if ( currentTab != null ) {
127+ lastTab = currentTab ;
128+ }
129+ currentTab = id
117130 }
118131
119132
120133 function removeTab ( liElem ) {
121134 $ ( 'ul#tabs > li#li' + liElem ) . remove ( ) ;
122135 $ ( 'div.tab-content div#tab' + liElem ) . remove ( ) ;
123136 }
137+
138+ function swtichTab ( ) {
139+ if ( currentTab != null ) {
140+ $ ( 'ul#tabs > li' ) . removeClass ( "active" ) ;
141+ $ ( 'div.tab-content div' ) . removeClass ( "active" ) ;
142+ $ ( 'ul#tabs > li#li' + lastTab ) . addClass ( "active" ) ;
143+ $ ( 'div.tab-content div#tab' + lastTab ) . addClass ( "active" ) ;
144+ changeTab = currentTab ;
145+ currentTab = lastTab ;
146+ lastTab = changeTab ;
147+ }
148+ }
149+
124150</ script >
125151
126152< script >
@@ -195,3 +221,16 @@ <h1 class="nav-header" >Jimi</h1>
195221 } ) ;
196222
197223</ script >
224+
225+ < script >
226+ $ ( document ) . ready ( function ( ) {
227+ $ ( window ) . bind ( "keydown" , function ( event ) {
228+ if ( event . ctrlKey || event . metaKey ) {
229+ console . log ( event . keyCode )
230+ if ( event . keyCode == 223 ) {
231+ swtichTab ( ) ;
232+ }
233+ }
234+ } )
235+ } ) ;
236+ </ script >
0 commit comments