Vorlage:Iframe: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
− | '''FUNKTIONIERT NOCH NICHT!''' | + | {{red|'''FUNKTIONIERT NOCH NICHT!'''}} |
+ | |||
'''Skalierbarer iFrame unter Verwendung der Extension iFrame''' | '''Skalierbarer iFrame unter Verwendung der Extension iFrame''' | ||
+ | |||
+ | '''Test siehe rechts:''' {{iframe| t=Überschrift | q=Quelle | a=www.google.com/maps/embed?pb=!4v1679004147342!6m8!1m7!1sfS4aC4hyyVxLj8zykVioMg!2m2!1d51.47808704651855!2d7.439317489880289!3f92.64815354515562!4f0!5f0.7820865974627469 | b=300 | h=225 | z=0 }} | ||
'''Eingabe:''' | '''Eingabe:''' | ||
Zeile 14: | Zeile 17: | ||
<pre><nowiki> | <pre><nowiki> | ||
− | <onlyinclude><div class="thumb tright"><div class="thumbinner" style="width: 302px; height: {{#expr: 300/{{{b}}}*{{{h}}}+{{{z}}} }}px"><div class="thumbcaption"><span class="TgbZ"></span>''{{{t}}} [{{{q}}} (Quelle)]''</div><div style="overflow: hidden; float: right; transform-origin: right top; transform: scale({{#expr: 300/{{{b}}} }});"> | + | Ziel ist das Einbetten des <iframe.../>, wie er von der entsprechenden Extension gefordert wird, in eine Vorlage: |
+ | <onlyinclude><div class="thumb tright"><div class="thumbinner" style="width: 302px; height: {{#expr: 300/{{{b}}}*{{{h}}}+{{{z}}} }}px"><div class="thumbcaption"><span class="TgbZ"></span>''{{{t}}} [{{{q}}} (Quelle)]''</div><div style="overflow: hidden; float: right; transform-origin: right top; transform: scale({{#expr: 300/{{{b}}} }});"><iframe k="all" p="{{{a}}}" w="{{{b}}}" h="{{{h}}}" /></div></div></div></onlyinclude> | ||
+ | Innerhalb des <iframe.../>-Tags wird der Code ausgeführt, aber die Werte werden nicht rechtzeitig befüllt, sondern als https://{{{a}}} usw. ausgegeben! | ||
− | + | Bei Ersatz der spitzen Klammern durch <iframe.../> , also | |
+ | <xxxonlyinclude><div class="thumb tright"><div class="thumbinner" style="width: 302px; height: {{#expr: 300/{{{b}}}*{{{h}}}+{{{z}}} }}px"><div class="thumbcaption"><span class="TgbZ"></span>''{{{t}}} [{{{q}}} (Quelle)]''</div><div style="overflow: hidden; float: right; transform-origin: right top; transform: scale({{#expr: 300/{{{b}}} }});"><iframe k="all" p="{{{a}}}" w="{{{b}}}" h="{{{h}}}" /></div></div></div></xxxxonlyinclude> | ||
+ | wird es richtig befüllt, aber nicht nicht ausgeführt!! | ||
− | + | ChatGPT schlägt vor: | |
+ | <xxxonlyinclude><div class="thumb tright"><div class="thumbinner" style="width: 302px; height: {{#expr: 300/{{{b}}}*{{{h}}}+{{{z}}} }}px"><div class="thumbcaption"><span class="TgbZ"></span>''{{{t}}} [{{{q}}} (Quelle)]''</div><div style="overflow: hidden; float: right; transform-origin: right top; transform: scale({{#expr: 300/{{{b}}} }});"><img src="https://{{{a}}}" width="{{{b}}}" height="{{{h}}}" /></div></div></div></xxxonlyinclude> | ||
+ | klappt aber auch nicht!!! | ||
</nowiki></pre> | </nowiki></pre> | ||
[[Kategorie:Tagebuchfragmente]] | [[Kategorie:Tagebuchfragmente]] |
Aktuelle Version vom 17. März 2023, 00:30 Uhr
FUNKTIONIERT NOCH NICHT!
Skalierbarer iFrame unter Verwendung der Extension iFrame
Test siehe rechts:
Eingabe:
{{iframe| t=Überschrift | q=Quelle | a=Bildadresse ohne https:// | b=Breite | h=Höhe | z=Zuschlag zur Höhe bei langer Überschrift }}
Code:
Ziel ist das Einbetten des <iframe.../>, wie er von der entsprechenden Extension gefordert wird, in eine Vorlage: <onlyinclude><div class="thumb tright"><div class="thumbinner" style="width: 302px; height: {{#expr: 300/{{{b}}}*{{{h}}}+{{{z}}} }}px"><div class="thumbcaption"><span class="TgbZ"></span>''{{{t}}} [{{{q}}} (Quelle)]''</div><div style="overflow: hidden; float: right; transform-origin: right top; transform: scale({{#expr: 300/{{{b}}} }});"><iframe k="all" p="{{{a}}}" w="{{{b}}}" h="{{{h}}}" /></div></div></div></onlyinclude> Innerhalb des <iframe.../>-Tags wird der Code ausgeführt, aber die Werte werden nicht rechtzeitig befüllt, sondern als https://{{{a}}} usw. ausgegeben! Bei Ersatz der spitzen Klammern durch <iframe.../> , also <xxxonlyinclude><div class="thumb tright"><div class="thumbinner" style="width: 302px; height: {{#expr: 300/{{{b}}}*{{{h}}}+{{{z}}} }}px"><div class="thumbcaption"><span class="TgbZ"></span>''{{{t}}} [{{{q}}} (Quelle)]''</div><div style="overflow: hidden; float: right; transform-origin: right top; transform: scale({{#expr: 300/{{{b}}} }});"><iframe k="all" p="{{{a}}}" w="{{{b}}}" h="{{{h}}}" /></div></div></div></xxxxonlyinclude> wird es richtig befüllt, aber nicht nicht ausgeführt!! ChatGPT schlägt vor: <xxxonlyinclude><div class="thumb tright"><div class="thumbinner" style="width: 302px; height: {{#expr: 300/{{{b}}}*{{{h}}}+{{{z}}} }}px"><div class="thumbcaption"><span class="TgbZ"></span>''{{{t}}} [{{{q}}} (Quelle)]''</div><div style="overflow: hidden; float: right; transform-origin: right top; transform: scale({{#expr: 300/{{{b}}} }});"><img src="https://{{{a}}}" width="{{{b}}}" height="{{{h}}}" /></div></div></div></xxxonlyinclude> klappt aber auch nicht!!!