| Server IP : 49.231.201.246 / Your IP : 216.73.216.248 Web Server : Apache/2.4.18 (Ubuntu) System : Linux 246 4.4.0-210-generic #242-Ubuntu SMP Fri Apr 16 09:57:56 UTC 2021 x86_64 User : root ( 0) PHP Version : 7.0.33-0ubuntu0.16.04.16 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/old/templates/sj_icenter/js/ |
Upload File : |
jQuery(document).ready(function($){
var currentdevice = '';
var bootstrap_elements = $('[class*="span"]');
// Build data
bootstrap_elements.each ( function(){
var $this = $(this);
// With attr data-*
$this.data();
// Make the source better view in inspector
$this.removeAttr ('data-default data-wide data-normal data-tablet data-stablet data-mobile');
// For element no attr data-default
if (!$this.data('default'))
$this.data('default', $this.attr('class'));
});
function updateBootstrapElementClass(newdevice){
if (newdevice == currentdevice) return ;
bootstrap_elements.each(function(){
var $this = $(this);
// Default
if ( !$this.data('default') || (!$this.data(newdevice) && (!currentdevice || !$this.data(currentdevice))) )
return;
// Remove current
if ($this.data(currentdevice)) $this.removeClass($this.data(currentdevice));
else $this.removeClass ($this.data('default'));
// Add new
if ($this.data(newdevice)) $this.addClass ($this.data(newdevice));
else $this.addClass ($this.data('default'));
});
currentdevice = newdevice;
};
function detectDevice () {
var width = $(window).width(); //alert(width);
if( width > 1200 ){
return 'wide';
}else if( width >= 980 ){
return 'normal';
}else if( width > 640 && width < 980 ){
return 'tablet';
}else if( width > 0 ){
return 'mobile';
}
/*
Mobile portrait (320x480)
Mobile landscape (480x320)
Small tablet portrait (600x800)
Small tablet landscape (800x600)
Tablet portrait (768x1024)
Tablet landscape (1024x768)
*/
}
updateBootstrapElementClass (detectDevice());
// With window resize
$(window).resize(function(){
if ($.data(window, 'detect-device-time'))
clearTimeout($.data(window, 'detect-device-time'));
$.data(window, 'detect-device-time',
setTimeout(function(){
updateBootstrapElementClass (detectDevice());
}, 200)
)
})
});