Willkommen, Gast
Benutzername: Passwort: Sicherheitsschlüssel
  • Seite:
  • 1
  • 2
  • 3

THEMA:

Versenden klappt nicht 13 Jan 2016 18:41 #1140

  • BUschman
  • BUschmans Avatar Autor
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Beiträge: 21
  • Dank erhalten: 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

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Versenden klappt nicht 13 Jan 2016 18:58 #1141

  • Romana
  • Romanas Avatar
  • Offline
  • Moderator
  • Moderator
  • Beiträge: 955
  • Dank erhalten: 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.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Versenden klappt nicht 14 Jan 2016 11:43 #1144

  • Karl
  • Karls Avatar
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Beiträge: 330
  • Dank erhalten: 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

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Versenden klappt nicht 14 Jan 2016 15:45 #1145

  • Karl
  • Karls Avatar
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Beiträge: 330
  • Dank erhalten: 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.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Versenden klappt nicht 14 Jan 2016 16:23 #1146

  • BUschman
  • BUschmans Avatar Autor
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Beiträge: 21
  • Dank erhalten: 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 ;)

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Versenden klappt nicht 15 Jan 2016 13:05 #1150

  • BUschman
  • BUschmans Avatar Autor
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Beiträge: 21
  • Dank erhalten: 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

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • Seite:
  • 1
  • 2
  • 3
Powered by Kunena Forum

Newsletter-Anmeldung

Hinweis: Ihre eingegebenen Daten werden von mir nur für die Registrierung zum und den Versand des Newsletters verwendet. Diese Daten werden von mir verarbeitet und gespeichert. Weitere Informationen erhalten Sie in meiner Datenschutzerklärung.

Ihre Mailingliste:

BwPostman
Infos rund um Joomla!-Erweiterungen von Boldt Webservice, insbesondere BwPostman. Der Newsletter wird nur versendet, wenn es etwas neues gibt.

Bitte helfen Sie uns Spam zu vermeiden, und lösen Sie diese kleine Aufgabe!

captcha

() Pflichtfelder

Information

×

Freiwilliges Honorar

Wenn Sie Boldt Webservice gut finden, freue ich mich über ihre Unterstützung:
  • Empfehlen Sie Boldt Webservice weiter
  • oder lassen Sie mir ein freiwilliges Honorar zukommen, wenn Ihnen die Tipps auf dieser Seite oder die Erweiterungen für Joomla eine Hilfe waren. Die Abwicklung erfolgt über Paypal.

Sie unterstützen mit ihrem freiwilligen Honorar auch die Neu- und Weiterentwicklung freier Software und Erweiterungen für das CMS Joomla.

Geben Sie einfach unten den Betrag ein, den Sie mir zukommen lassen möchten und klicken auf den Button freiwilliges Honorar: