@@ -207,102 +207,104 @@ Code.getBBox_ = function (element) {
207207} ;
208208
209209Code . loadDemoArea = function ( demo ) {
210- demo = { } ;
211- demo . btn = document . getElementById ( 'demoButton' ) ;
212- demo . area = document . getElementById ( 'demo-area' ) ;
213- demo . select = document . getElementById ( 'demo-select' ) ;
214- demo . close = document . querySelector ( '.close-btn' ) ;
215- demo . da = document . querySelectorAll ( '.da' ) ;
216- demo . option = document . querySelectorAll ( '#demo-select option' ) ;
217- demo . contentHeight = document . getElementById ( 'content_blocks' ) . offsetHeight ;
218- demo . area . style . height = ( demo . contentHeight - 130 ) + 'px' ;
219- demo . resizeBar = document . getElementById ( 'demo-resize-bar' ) ;
220-
221- if ( localStorage . demoAreaWidth ) {
222- demo . area . style . width = localStorage . demoAreaWidth ;
223- }
224-
225- window . addEventListener ( 'resize' , function ( ) {
210+ if ( document . getElementById ( 'demo-area' ) ) {
211+ demo = { } ;
212+ demo . btn = document . getElementById ( 'demoButton' ) ;
213+ demo . area = document . getElementById ( 'demo-area' ) ;
214+ demo . select = document . getElementById ( 'demo-select' ) ;
215+ demo . close = document . querySelector ( '.close-btn' ) ;
216+ demo . da = document . querySelectorAll ( '.da' ) ;
217+ demo . option = document . querySelectorAll ( '#demo-select option' ) ;
226218 demo . contentHeight = document . getElementById ( 'content_blocks' ) . offsetHeight ;
227219 demo . area . style . height = ( demo . contentHeight - 130 ) + 'px' ;
228- } ) ;
220+ demo . resizeBar = document . getElementById ( 'demo-resize-bar' ) ;
229221
230- demo . resizeBar . onmousedown = function ( e , dr ) {
231- demo . area . style . opacity = '0.4' ;
232- dr = { } ;
233- dr . ox = e . pageX ;
234- dr . dw = demo . area . offsetWidth ;
235- demo . area . className = demo . area . className + " resize" ;
236- document . onmousemove = function ( event ) {
237- dr . rx = event . pageX ;
238- demo . area . style . width = dr . dw - dr . rx + dr . ox - 20 + 'px' ;
239- localStorage . demoAreaWidth = demo . area . style . width ;
222+ if ( localStorage . demoAreaWidth ) {
223+ demo . area . style . width = localStorage . demoAreaWidth ;
240224 }
241- }
242225
243- document . onmouseup = function ( ) {
244- demo . area . style . opacity = '1' ;
245- demo . area . className = demo . area . className . replace ( " resize" , "" ) ;
246- document . onmousemove = null ;
247- }
226+ window . addEventListener ( 'resize' , function ( ) {
227+ demo . contentHeight = document . getElementById ( 'content_blocks' ) . offsetHeight ;
228+ demo . area . style . height = ( demo . contentHeight - 130 ) + 'px' ;
229+ } ) ;
248230
249- demo . content = function ( p , s ) {
250- s = { } ;
251- for ( s . i = 0 ; s . i < demo . da . length ; s . i ++ ) {
252- demo . da [ s . i ] . className = demo . da [ s . i ] . className . replace ( "show" , "" ) ;
231+ demo . resizeBar . onmousedown = function ( e , dr ) {
232+ demo . area . style . opacity = '0.4' ;
233+ dr = { } ;
234+ dr . ox = e . pageX ;
235+ dr . dw = demo . area . offsetWidth ;
236+ demo . area . className = demo . area . className + " resize" ;
237+ document . onmousemove = function ( event ) {
238+ dr . rx = event . pageX ;
239+ demo . area . style . width = dr . dw - dr . rx + dr . ox - 20 + 'px' ;
240+ localStorage . demoAreaWidth = demo . area . style . width ;
241+ }
253242 }
254- demo . option [ p - 1 ] . selected = true ;
255- document . getElementById ( 'demo-area-0' + p ) . className = document . getElementById ( 'demo-area-0' + p ) . className + " show" ;
256- localStorage . demoAreaSelect = p ;
257- }
258243
259- demo . btn . onclick = function ( ) {
260- if ( localStorage . demoArea == 'open' ) {
244+ document . onmouseup = function ( ) {
245+ demo . area . style . opacity = '1' ;
246+ demo . area . className = demo . area . className . replace ( " resize" , "" ) ;
247+ document . onmousemove = null ;
248+ }
249+
250+ demo . content = function ( p , s ) {
251+ s = { } ;
252+ for ( s . i = 0 ; s . i < demo . da . length ; s . i ++ ) {
253+ demo . da [ s . i ] . className = demo . da [ s . i ] . className . replace ( "show" , "" ) ;
254+ }
255+ demo . option [ p - 1 ] . selected = true ;
256+ document . getElementById ( 'demo-area-0' + p ) . className = document . getElementById ( 'demo-area-0' + p ) . className + " show" ;
257+ localStorage . demoAreaSelect = p ;
258+ }
259+
260+ demo . btn . onclick = function ( ) {
261+ if ( localStorage . demoArea == 'open' ) {
262+ demo . area . className = demo . area . className . replace ( "show" , "" ) ;
263+ localStorage . demoArea = 'close' ;
264+ } else {
265+ demo . area . className = demo . area . className . replace ( "show" , "" ) ;
266+ demo . area . className = demo . area . className + "show" ;
267+ localStorage . demoArea = 'open' ;
268+ }
269+ } ;
270+ demo . close . onclick = function ( ) {
261271 demo . area . className = demo . area . className . replace ( "show" , "" ) ;
262272 localStorage . demoArea = 'close' ;
263- } else {
273+ } ;
274+
275+ demo . select . addEventListener ( 'change' , function ( s ) {
276+ s = { } ;
277+ s . selectValue = this . value ;
278+ s . selectId = 'demo-area-0' + s . selectValue ;
279+ localStorage . demoAreaSelect = s . selectValue ;
280+ for ( s . i = 0 ; s . i < demo . da . length ; s . i ++ ) {
281+ demo . da [ s . i ] . className = demo . da [ s . i ] . className . replace ( "show" , "" ) ;
282+ }
283+ document . getElementById ( s . selectId ) . className = document . getElementById ( s . selectId ) . className + " show"
284+ } ) ;
285+
286+ if ( localStorage . demoArea == 'open' ) {
264287 demo . area . className = demo . area . className . replace ( "show" , "" ) ;
265288 demo . area . className = demo . area . className + "show" ;
266- localStorage . demoArea = 'open' ;
289+ } else {
290+ demo . area . className = demo . area . className . replace ( "show" , "" ) ;
267291 }
268- } ;
269- demo . close . onclick = function ( ) {
270- demo . area . className = demo . area . className . replace ( "show" , "" ) ;
271- localStorage . demoArea = 'close' ;
272- } ;
273292
274- demo . select . addEventListener ( 'change' , function ( s ) {
275- s = { } ;
276- s . selectValue = this . value ;
277- s . selectId = 'demo-area-0' + s . selectValue ;
278- localStorage . demoAreaSelect = s . selectValue ;
279- for ( s . i = 0 ; s . i < demo . da . length ; s . i ++ ) {
280- demo . da [ s . i ] . className = demo . da [ s . i ] . className . replace ( "show" , "" ) ;
293+ if ( localStorage . demoAreaSelect == 1 ) {
294+ demo . content ( 1 ) ;
295+ } else if ( localStorage . demoAreaSelect == 2 ) {
296+ demo . content ( 2 ) ;
297+ } else if ( localStorage . demoAreaSelect == 3 ) {
298+ demo . content ( 3 ) ;
299+ } else if ( localStorage . demoAreaSelect == 4 ) {
300+ demo . content ( 4 ) ;
301+ } else if ( localStorage . demoAreaSelect == 5 ) {
302+ demo . content ( 5 ) ;
303+ } else if ( localStorage . demoAreaSelect == 6 ) {
304+ demo . content ( 6 ) ;
305+ } else if ( localStorage . demoAreaSelect == 7 ) {
306+ demo . content ( 7 ) ;
281307 }
282- document . getElementById ( s . selectId ) . className = document . getElementById ( s . selectId ) . className + " show"
283- } ) ;
284-
285- if ( localStorage . demoArea == 'open' ) {
286- demo . area . className = demo . area . className . replace ( "show" , "" ) ;
287- demo . area . className = demo . area . className + "show" ;
288- } else {
289- demo . area . className = demo . area . className . replace ( "show" , "" ) ;
290- }
291-
292- if ( localStorage . demoAreaSelect == 1 ) {
293- demo . content ( 1 ) ;
294- } else if ( localStorage . demoAreaSelect == 2 ) {
295- demo . content ( 2 ) ;
296- } else if ( localStorage . demoAreaSelect == 3 ) {
297- demo . content ( 3 ) ;
298- } else if ( localStorage . demoAreaSelect == 4 ) {
299- demo . content ( 4 ) ;
300- } else if ( localStorage . demoAreaSelect == 5 ) {
301- demo . content ( 5 ) ;
302- } else if ( localStorage . demoAreaSelect == 6 ) {
303- demo . content ( 6 ) ;
304- } else if ( localStorage . demoAreaSelect == 7 ) {
305- demo . content ( 7 ) ;
306308 }
307309}
308310
0 commit comments