Welcome, Guest
Username: Password: Secret Key

TOPIC:

Versenden klappt nicht 13 Jan 2016 18:41 #1140

  • BUschman
  • BUschman's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
  • Posts: 21
  • Thank you received: 1
WOW Romana und Karl,

es hat geklappt und ich hab's als Override drin.
Ich hab's noch etwas verfeinert, damit unter dem NL nicht zuviel Weissraum ensteht, denn trotz display: none werden die Pixel ja dazu addiert:
<script type="text/javascript">
/* <![CDATA[ */
	window.onload = function() {
			var framefenster = document.getElementById("myIframe");
		if(framefenster.contentWindow.document.body){
			var framefenster_size = framefenster.contentWindow.document.body.offsetHeight;
				if(document.all && !window.opera) {
				framefenster_size = framefenster.contentWindow.document.body.scrollHeight;
			}
			framefenster.style.height = framefenster_size + -380 +'px';
		}

		var head = jQuery("#myIframe").contents().find("head");
		var css1 =	'<style type="text/css">' +
					'div#header-text{display: none;};' +
					'</style>';
		var css2 =	'<style type="text/css">' +
					'div#header-schoder:after{content:"hier steht dann Text drin"; font-size: 16px; text-align: center; display: block};' +
 					'</style>';
		var css3 =	'<style type="text/css">' +
					'div#small-nl{display: none};' +
 					'</style>';
		jQuery(head).append(css1,css2,css3);
	}
	/* ]]> */
</script>

Was jetzt noch perfekt wär, dass sich beim Skalieren des Browserfensters auch die Höhe des iframes dynamisch anpasst. Hab da war mit jQuery gefunden, aber klappt noch nicht ganz - tüfftle also weiter:
$(function(){
  $(window).on('load resize', adjustIframe);
});
function adjustIframe() {
  $(parent.document.getElementById("myIframe")).css("height", $("html").css("height"));
}

Beim Verkleinern des Browserfenster geht's, beim Vergrößern dann wieder nicht. Melde mich aber, wenn ich die Lösung habe.

Also nochmal - vielen lieben Dank an Euch beide
Brigitta

Please Log in or Create an account to join the conversation.

Versenden klappt nicht 13 Jan 2016 18:58 #1141

  • Romana
  • Romana's Avatar
  • Offline
  • Moderator
  • Moderator
  • Posts: 955
  • Thank you received: 86
:lol: :silly: :woohoo: :lol: :woohoo: :silly:
Problem gelöst? Dann bitte auf gelöst klicken. Über ein Danke freue ich mich immer.
Problem solved? Please click to solved.I am glad to every thank you.

Please Log in or Create an account to join the conversation.

Versenden klappt nicht 14 Jan 2016 11:43 #1144

  • Karl
  • Karl's Avatar
  • Offline
  • Platinum Member
  • Platinum Member
  • Posts: 330
  • Thank you received: 31
Hallo Brigitta,
du musst nicht mit "display:none" arbeiten, du kannst den Text auch löschen.

Probier mal folgendes:
<script type="text/javascript">
/* <![CDATA[ */
	window.onload = function() {
		var header = jQuery("#myIframe").contents().find("div#header-text");
		var small = jQuery("#myIframe").contents().find("div#small-nl");
		var css2 =	'<style type="text/css">' +
					'div#header-schoder:after{content:"hier steht dann Text drin"; font-size: 16px; text-align: center; display: block};' +
 					'</style>';
		jQuery(header).remove();
		jQuery(small).remove();
		jQuery(head).append(css2);

		var framefenster = document.getElementById("myIframe");
		if(framefenster.contentWindow.document.body){
			var framefenster_size = framefenster.contentWindow.document.body.offsetHeight;
				if(document.all && !window.opera) {
				framefenster_size = framefenster.contentWindow.document.body.scrollHeight;
			}
			framefenster.style.height = framefenster_size + 2 +'px';
		}

	}
	/* ]]> */
</script>

Ob das mit deinem "hier steht dann Text drin" funktioniert kann ich sagen, aber bei mir wird die Iframe-Höhe richtig berechnet.

Liebe Grüße
Karl

Please Log in or Create an account to join the conversation.

Versenden klappt nicht 14 Jan 2016 15:45 #1145

  • Karl
  • Karl's Avatar
  • Offline
  • Platinum Member
  • Platinum Member
  • Posts: 330
  • Thank you received: 31
Mir ist eben durch den Kopf gegangen, dass ich eine Variable nicht definiert habe.

vor var header feht

var head = jQuery("#myIframe").contents().find("head");

ansonsten klappt das mit dem append(css2) nie.

Please Log in or Create an account to join the conversation.

Versenden klappt nicht 14 Jan 2016 16:23 #1146

  • BUschman
  • BUschman's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
  • Posts: 21
  • Thank you received: 1
Danke Karl,

ich probiere es morgen mal, sonst lass ich es so wie jetzt, der Kunde ist zufrieden und es sieht in jeder Screengröße o.k. aus, man muss halt - hat man den Browser skaliert neu laden...

Lieben Gruß
Brigitta

PS: Javascript/Jquery ist nicht so mein Ding ;)

Please Log in or Create an account to join the conversation.

Versenden klappt nicht 15 Jan 2016 13:05 #1150

  • BUschman
  • BUschman's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
  • Posts: 21
  • Thank you received: 1
Hallo Karl,

ja ich habe die 2. Versin genommen, die ist schicker und zuverlässiger.
Ein anderes Mail werde ich das noch mit dem Resize ausprobieren, dann gebe ich bei gelingen noch das Ergebnis kund :)

LG
Brigitta

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum

Newsletter Subscription

Hint: Your entered data are only used to register to and sending of the newsletter. Your data will be processed and stored by me. For more information have a look at my privacy policy.

Your mailing list:

BwPostman
Infos about Joomla! extensions of Boldt Webservice, especially BwPostman. The newsletter will only be sent if there are any news.

Please help us prevent spam, and solve this little math question!

captcha

() Mandatory fields

Information

×

Voluntary salary

If you like Boldt Webservice then I would be glad about your backing:
  • Recommend Boldt Webservice
  • If you want to support my work with a donation, please click on the following button - the donation will be handled via paypal.

With your voluntary salary you also support the development of free software and extensions for the CMS Joomla.

Enter your amount below and click on the following button: