Skip to content

Failed test: Inject CSS in Iframe

  • css
a black and white photo of cubes in the dark

Das folgende funktioniert leider nicht korrekt. Ich wollte in einem IFrame ein Custom CSS laden. Das Ganze hab eich hier mit jQuery probiert aber ich habe dann auch davon Abstand genommen, das überhaupt zu versuchen. Wer mag, kann den Ansatz weiterverfolgen. Mir dient diese Information hier lediglich als Archiv.


/*
function my_header_script(){
?>
<script>
	jQuery("#tucalendi_widget").on("load", function() {
		alert( 'frame loaded inject css' );

		let head = jQuery("#tucalendi_widget").contents().find("head");
		let css = '<style>body {background-color: #000 !important;}</style>';
		jQuery(head).append(css);
	});
</script>
<?php
}
add_action( 'wp_head', 'my_header_script' );



add_action( 'wp_footer', function() { ?>
<script>
	(function($) {
		'use strict';
		//$( document ).ready( function() {
		$("#tucalendi_widget").on("load", function() {

			alert( 'frame loaded inject css' );
			let head = $("#tucalendi_widget").contents().find("head");
			let css = '<style>body {background-color: #000 !important;}</style>';
			$(head).append(css);

		});
	}(jQuery));
</script>
<?php }, 99 );

*/

Dieser Beitrag hat 0 Kommentare

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

An den Anfang scrollen