/home/crealab/pueblito.brainware.com.co/wp-content/plugins/fullscreen-button/fullscreen-button.php
<?php
/**
* Plugin Name: Fullscreen Button
* Plugin URI: https://klaetke.com/wordpress-fullscreen-button
* Description: A Button to set the Page in Fullscreen (Like the F11 Button). After Install use the following Shortcodes to integrate the Fullscreen Button. [fullscreen_button] or Alternative with Font Awesome Icon [fullscreen_button_fa] New: Alternate Icon SVG [fullscreen_button_a1] [fullscreen_button_text] [fullscreen_button_2] [fullscreen_button_3] [fullscreen_toggle]
* Version: 1.6
* Text Domain: klaetke.com
* Author: Toni Klätke
* Author URI: https://klaetke.com
*/
function fullscreen_button_plugin_1($atts) {
$Content .= '<a style="text-decoration:none;" href="#full" id="goFS" onclick="toggleFullScreen()">⛶</a>
<script>
function toggleFullScreen() {
var doc = window.document;
var docEl = doc.documentElement;
var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;
if(!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement) {
requestFullScreen.call(docEl);
}
else {
cancelFullScreen.call(doc);
}
}
</script>';
return $Content;
}
add_shortcode('fullscreen_button', 'fullscreen_button_plugin_1');
function fullscreen_button_plugin_2($atts) {
$Content .= '<a href="#full" id="goFS" onclick="toggleFullScreen()"><i class="fas fa-expand"></i></a>
<script>
function toggleFullScreen() {
var doc = window.document;
var docEl = doc.documentElement;
var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;
if(!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement) {
requestFullScreen.call(docEl);
}
else {
cancelFullScreen.call(doc);
}
}
</script>';
return $Content;
}
add_shortcode('fullscreen_button_fa', 'fullscreen_button_plugin_2');
function fullscreen_button_plugin_3($atts) {
$Content .= '<a href="#full" id="goFS" onclick="toggleFullScreen()"><img style="text-decoration:none; height:20px; width:20px;" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzg0cHQiIGhlaWdodD0iMzgzLjk5OTk4NnB0IiB2aWV3Qm94PSIwIDAgMzg0IDM4My45OTk5ODYiIHZlcnNpb249IjEuMiI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMCUsMCUsMCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAwIDAgTCAwIDE0NCBMIDMyIDE0NCBMIDMyIDMyIEwgMTQ0IDMyIEwgMTQ0IDAgWiBNIDI0MCAwIEwgMjQwIDMyIEwgMzUyIDMyIEwgMzUyIDE0NCBMIDM4NCAxNDQgTCAzODQgMCBaIE0gMCAyNDAgTCAwIDM4NCBMIDE0NCAzODQgTCAxNDQgMzUyIEwgMzIgMzUyIEwgMzIgMjQwIFogTSAzNTIgMjQwIEwgMzUyIDM1MiBMIDI0MCAzNTIgTCAyNDAgMzg0IEwgMzg0IDM4NCBMIDM4NCAyNDAgWiBNIDM1MiAyNDAgIi8+CjwvZz4KPC9zdmc+Cg=="</a>
<script>
function toggleFullScreen() {
var doc = window.document;
var docEl = doc.documentElement;
var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;
if(!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement) {
requestFullScreen.call(docEl);
}
else {
cancelFullScreen.call(doc);
}
}
</script>';
return $Content;
}
add_shortcode('fullscreen_button_a1', 'fullscreen_button_plugin_3');
function fullscreen_button_plugin_4($atts) {
$Content .= '<a href="#full" id="goFS" onclick="toggleFullScreen()">Fullscreen</a>
<script>
function toggleFullScreen() {
var doc = window.document;
var docEl = doc.documentElement;
var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;
if(!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement) {
requestFullScreen.call(docEl);
}
else {
cancelFullScreen.call(doc);
}
}
</script>';
return $Content;
}
add_shortcode('fullscreen_button_text', 'fullscreen_button_plugin_4');
function fullscreen_button_plugin_5($atts) {
$Content .= '<a href="#full" id="goFS" onclick="toggleFullScreen()">🡥</a>
<script>
function toggleFullScreen() {
var doc = window.document;
var docEl = doc.documentElement;
var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;
if(!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement) {
requestFullScreen.call(docEl);
}
else {
cancelFullScreen.call(doc);
}
}
</script>';
return $Content;
}
add_shortcode('fullscreen_button_2', 'fullscreen_button_plugin_5');
function fullscreen_button_plugin_6($atts) {
$Content .= '<a style="text-decoration:none;" href="#full" id="goFS" onclick="toggleFullScreen()">↕</a>
<script>
function toggleFullScreen() {
var doc = window.document;
var docEl = doc.documentElement;
var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;
if(!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement) {
requestFullScreen.call(docEl);
}
else {
cancelFullScreen.call(doc);
}
}
</script>';
return $Content;
}
add_shortcode('fullscreen_button_3', 'fullscreen_button_plugin_6');
function fullscreen_toggle_button($atts) {
$Content .= '<style>
input[type="checkbox"].toogle_switch_2{
font-size: 20px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 2em;
height: 1em;
background: #ddd;
border-radius: 2em;
position: relative;
cursor: pointer;
outline: none;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
input[type="checkbox"].toogle_switch_2:checked{
background: #0ebeff;
}
input[type="checkbox"].toogle_switch_2:after{
position: absolute;
content: "";
width: 1em;
height: 1em;
border-radius: 50%;
background: #fff;
-webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
box-shadow: 0 0 .25em rgba(0,0,0,.3);
-webkit-transform: scale(.7);
transform: scale(.7);
left: 0;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
input[type="checkbox"].toogle_switch_2:checked:after{
left: calc(100% - 1em);
}
</style>
<input onclick="toggleFullScreen()" type="checkbox" class="toogle_switch_2"><script>
function toggleFullScreen() {
var doc = window.document;
var docEl = doc.documentElement;
var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;
if(!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement) {
requestFullScreen.call(docEl);
}
else {
cancelFullScreen.call(doc);
}
}
</script>';
return $Content;
}
add_shortcode('fullscreen-btn-fa', 'fullscreen_btn_fa_plugin');
function fullscreen_btn_fa_plugin($atts) {
$Content .= '<button onclick="toggleFullScreen();FFull();FFull2();"id="fullscreen"><i id="full" class="fas fa-expand"></i><i id="full2" style="display:none;" class="fas fa-compress"></i></button>
<script>
function toggleFullScreen() {
var doc = window.document;
var docEl = doc.documentElement;
var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;
if(!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement) {
requestFullScreen.call(docEl);
}
else {
cancelFullScreen.call(doc);
}
}
</script><script>
function FFull()
{
var x = document.getElementById("full");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}
</script><script>
function FFull2()
{
var x = document.getElementById("full2");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
</script>';
return $Content;
}