Ero sivun ”Widget:Fullscreen” versioiden välillä

(13 välissä olevaa versiota samalta käyttäjältä ei näytetä)

Rivi 1:

~~<div id="_container" style="float: right;"></div>~~

(function() {

var id = 'fs_' + Math.random().toString(16).slice(2);

~~function~~ <~~!--{$~~id~~|default:Fullscreen|escape~~:'~~html~~'~~}-->_jQueryTest~~() {

document.write( '<div id="' + id + '_container" style="float: right;"></div>' );

this[ id + '_jQt' ] = function() {

if ( typeof window.jQuery == 'undefined' ) {

setTimeout( function(){ ~~_jQueryTest~~() }, 300);

setTimeout( function() { this[ id + '_jQt' ]() }, 300);

} else {

if ( jQuery( "#~~~~_container" ).length > 0 ) {

if ( jQuery( "#" + id + "_container" ).length > 0 ) {

~~_func~~();

this[ id + '_func' ]();

} else {

setTimeout( function(){ ~~_jQueryTest~~() }, 300);

setTimeout( function() { this[ id + '_jQt' ]() }, 300);

}

setTimeout( function(){ ~~_jQueryTest~~() }, 300);

setTimeout( function() { this[ id + '_jQt' ]() }, 300);

~~function _func~~() {

this[ id + '_func' ] = function() {

var output = '<div class="fullscreen-button" style="margin-left: 10px; float: right; border-radius: 50%;"><button id="~~~~_button" title="fullscreen" style="width: 24px; height: 24px; padding: 0; margin: 0; color: #1B599B; background: none; border: none;"><i class="fas fa-expand"></i></button></div>';

var output = '<div class="fullscreen-button" style="margin-left: 10px; float: right; border-radius: 50%;"><button id="' + id + '_button" title="fullscreen" style="width: 24px; height: 24px; padding: 0; margin: 0; color: #1B599B; background: none; border: none;"><i class="fas fa-expand"></i></button></div>';

console.log( id );

jQuery( "#~~~~_container" ).html( output );

console.log( jQuery( "#" + id + "_container" ) );

jQuery( "#" + id + "_container" ).html( output );

jQuery( "#~~~~_button" ).on( 'click', function() {

jQuery( "#" + id + "_button" ).on( 'click', function() {

~~console.log( 'asdfsad' );~~

var ~~elem~~ = jQuery ( this ).~~parent~~( '.JwCard' );

var cardEl = jQuery( this ).parents( '.JwCard' );

var elem = cardEl[0];

if (!!document.fullscreenElement) {

Rivi 42:

Rivi 44:

jQuery( this ).html( '<i class="fas fa-expand"></i>' );

cardEl.css( 'overflow', 'inherit' );

} else {

Rivi 55:

Rivi 58:

}

jQuery( this ~~).find( 'button'~~ ).html( '<i class="fas fa-compress"></i>' );

jQuery( this ).html( '<i class="fas fa-compress"></i>' );

cardEl.css( 'overflow', 'auto' );

}

@@ Rivi 1: / Rivi 1: @@
 <includeonly>
-	<div id="<!--{$id|default:Fullscreen|escape:'html'}-->_container" style="float: right;"></div>
+	<script type="text/javascript">
-	<script type="text/javascript">
 		(function() {
+			var id = 'fs_' + Math.random().toString(16).slice(2);
-			function <!--{$id|default:Fullscreen|escape:'html'}-->_jQueryTest() {
+			document.write( '<div id="' + id + '_container" style="float: right;"></div>' );
+			this[ id + '_jQt' ] = function() {
 				if ( typeof window.jQuery == 'undefined' ) {
-					setTimeout( function(){ <!--{$id|default:Fullscreen|escape:'html'}-->_jQueryTest() }, 300);
+					setTimeout( function() { this[ id + '_jQt' ]() }, 300);
 				} else {
-					if ( jQuery( "#<!--{$id|default:Fullscreen|escape:'html'}-->_container" ).length > 0 ) {
+					if ( jQuery( "#" + id + "_container" ).length > 0 ) {
-						<!--{$id|default:Fullscreen|escape:'html'}-->_func();
+						this[ id + '_func' ]();
 					} else {
-						setTimeout( function(){ <!--{$id|default:Fullscreen|escape:'html'}-->_jQueryTest() }, 300);
+						setTimeout( function() { this[ id + '_jQt' ]() }, 300);
 					}
 				}
 			}
-			setTimeout( function(){ <!--{$id|default:Fullscreen|escape:'html'}-->_jQueryTest() }, 300);
+			setTimeout( function() { this[ id + '_jQt' ]() }, 300);
-			function <!--{$id|default:Fullscreen|escape:'html'}-->_func() {
+			this[ id + '_func' ] = function() {
-				var output = '<div class="fullscreen-button" style="margin-left: 10px; float: right; border-radius: 50%;"><button id="<!--{$id|default:Fullscreen|escape:'html'}-->_button" title="fullscreen" style="width: 24px; height: 24px; padding: 0; margin: 0; color: #1B599B; background: none; border: none;"><i class="fas fa-expand"></i></button></div>';
+				var output = '<div class="fullscreen-button" style="margin-left: 10px; float: right; border-radius: 50%;"><button id="' + id + '_button" title="fullscreen" style="width: 24px; height: 24px; padding: 0; margin: 0; color: #1B599B; background: none; border: none;"><i class="fas fa-expand"></i></button></div>';
+				console.log( id );
-				jQuery( "#<!--{$id|default:Fullscreen|escape:'html'}-->_container" ).html( output );
+console.log( jQuery( "#" + id + "_container" ) );
+				jQuery( "#" + id + "_container" ).html( output );
-				jQuery( "#<!--{$id|default:Fullscreen|escape:'html'}-->_button" ).on( 'click', function() {
+				jQuery( "#" + id + "_button" ).on( 'click', function() {
-					console.log( 'asdfsad' );
-					var elem = jQuery ( this ).parent( '.JwCard' );
+					var cardEl = jQuery( this ).parents( '.JwCard' );
+					var elem = cardEl[0];
 					if (!!document.fullscreenElement) {
@@ Rivi 42: / Rivi 44: @@
 						jQuery( this ).html( '<i class="fas fa-expand"></i>' );
+						cardEl.css( 'overflow', 'inherit' );
 					} else {
@@ Rivi 55: / Rivi 58: @@
 						}
-						jQuery( this ).find( 'button' ).html( '<i class="fas fa-compress"></i>' );
+						jQuery( this ).html( '<i class="fas fa-compress"></i>' );
+						cardEl.css( 'overflow', 'auto' );
 					}

Widget:Fullscreen

Nykyinen versio 23. toukokuuta 2024 kello 09.24