- Siri im Sperrbildschirm abschalten: Sonst sind Anrufe und SMS möglich!
- 10 WhatsApp Tipps: Versteckte Funktionen im Chat-Programm
- Mehr Arbeitsspeicher: Notebook-RAM aufrüsten
- Heute bei Aldi Belgien: Medion Akoya E6418 Notebook + MS Office
- iFrame Werte aus iFrame selber ändern: Größe, Höhe, Breite...
- 14 WhatsApp Tipps: Versteckte Funktionen im Chat-Programm
- Siri im Sperrbildschirm abschalten: Sonst sind Anrufe und SMS möglich!
iFrame Werte aus iFrame selber ändern: Größe, Höhe, Breite…
Ein iFrame ist ein viereckiger Bereich einer Webseite, der eine eigene HTML-Seite als Inhalt hat. Die kann von fremden Seiten kommen, wie zum Beispiel ein eingebettetes YouTube Video, aber auch von eigenen Seiten: So haben wir für den Smart Home Server FHEM die zusätzlichen Menüs zum Beispiel mit iFrames über einen Hintergrund gelegt.
Das kann aber problematisch sein, wenn der iFrame – wie in unserem Menü-Beispiel – andere Inhalte auf der Webseite verdeckt. Bei dem Beispiel sollte er per Klick “ausfahren” und sich vergrößern, ein erneuter Klick soll dann dafür sorgen, dass der iFrame wieder kleiner wird und nicht mehr die anderen, unten liegenden Teile der Webseite verdeckt.
Aus Sicherheitsgründen funktioniert dies in den meisten Browsern aber nur, wenn sowohl die iFrame-Seite als auch die Seite, die den iFrame aufruft, auf der gleichen Webadresse liegen.
iFrame Werte aus dem iFrame selbst heraus verändern – so geht’s!
Man kann jedem Element einer Webseite mit den Style-Attributen Werte zuweisen – auch nach einer Aktion mit Javascript: Ein Klick startet eine Javascript Funktion, die dann nachträglich Style-Attribute ändert: So lässt sich zum Beispiel die Größe anpassen oder die Sichtbarkeit (“visibility”), aber auch einfach nur eine Farbe.
Man spricht ein Element auf der Web-Seite über eine eindeutig vergebene ID an, zum Beispiel in einem DIV oder iframe: <iframe id=”frame”>
var layer = document.getElementById("frame");
Jetzt kann man die Style-Attribute beliebig verändern, zum Beispiel Größe und Sichtbarkeit:
layer.style.height=0; layer.style.visibility="hidden";
Aus einem iFrame kann man so die Werte des iFrames, also zum Beispiel Höhe, Breite, Sichtbarkeit oder z-index, nicht ändern: Dazu muss man zunächst mit “parent” auf das nächsthöhere Dokument wechseln, dass den iFrame enthält:
var iframe = window.parent.document.getElementById("frame");
Jetzt kann man auch hier die Style Attribute des iFrame, auch direkt aus dem iFrame selbst heraus, ändern:
<script type="text/javascript"> var menuon = 0; function menu() { var iframe = window.parent.document.getElementById("frame"); if(menuon == 1) { iframe.style.height="10"; menuon = 0; } else { iframe.style.height="76px"; menuon = 1; } } </script>
Jetzt kann man mit einem Button die Funktion menu() aufrufen, die dann den iFrame in der Größe ändert – auch, wenn der Button, der die Funktion zum Ändern aufruft, sich in dem iFrame selbst befindet.
- pc fehrt von selber runter und schaltet sich von selber wieder ein u. fährt wied
hallo,mein pc medio fehrt von selber runter und schaltet sich von selber wieder ein u. fährt ...
- Internetseite benutzt nur 8 cm von 38cm Breite des Bildschirms
- iphone 5 zeigt breite weiße Streifen an
- neue Grafikkarte zeigt nur breite bunte Streifen
- pc-einsteigerkurs (76x gelesen)
- datenschutz (46x gelesen)
- windows-schneller-starten-autostart-aufraeumen (39x gelesen)
- windows-beschleunigen (38x gelesen)
- pc-einsteigerkurs-1-2 (13x gelesen)
Mehr Tipps zu iFrame Werte aus iFrame selber ände...
-
FHEM if-Abfrage – Beispiel: Schalten nach Wochentag
In unserem Artikel "Intelligente Zeitschaltuhr mit FHEM" zeigen wir bereits, wie man das Licht oder die Rolläden jeden Tag zu einer bestimmten Zeit schalten kann...
-
PDF verkleinern: Dateigröße von PDF Dokumenten reduzieren
PDF-Dateien sind ein beliebtes Format zum Austausch von Dokumenten: Sie behalten die Formatierung und Inhalt bei unabhängig vom verwendeten Betriebssystem oder Programm. Ein häufiges Problem...
-
HTML: <ul> Liste mit andersfarbigen oder größeren Listen-Punkten
Um die Listen-Punkte oder Bullet-Points einer <ul> Liste einzufärben, muss man auch die Textfarbe der Liste ändern. Möchte man dies nicht, kann man mit CSS...
-
Umschaltung des XP-Style auf die klassische Ansicht
Ein Rechtsklick auf den Desktop öffnet ein Kontextmenü. Wählen Sie hier "Eigenschaften" aus und stellen Sie auf der Registerkarte "Design" in dem Drop-Down-Menü von "Windows...
-
Webseiten-Titel ändern oder animieren mit JavaScript (mehr Aufmerksamkeit bei Tabs!)
Der Webseiten-Titel wurde früher in der Titelleiste des Browsers angezeigt: Mittlerweile sieht man den Text oft nur noch bei mehreren geöffneten Tabs. Für Besucher, die...
-
Webmaster / SEO: Webseite ohne www auf www umleiten
Wenn eine Webseite unter der Adresse https://webseite.de und https://www.webseite.de zu erreichen ist, kann das ungünstige Auswirkungen bei den Suchmaschinen haben: Unter Umständen werden dann manche...
iFrame Werte aus iFrame selber ändern: Größe, Höhe, Breite...