https://wiki.webkicks.de/index.php?action=history&feed=atom&title=I-FrameI-Frame - Versionsgeschichte2026-04-28T02:54:25ZVersionsgeschichte dieser Seite in WKwikiMediaWiki 1.44.2https://wiki.webkicks.de/index.php?title=I-Frame&diff=2151&oldid=prevDG: Nutzen für Chatbesitzer ergänzt2007-06-22T08:10:45Z<p>Nutzen für Chatbesitzer ergänzt</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 22. Juni 2007, 08:10 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Zeile 1:</td>
<td colspan="2" class="diff-lineno">Zeile 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Mit I-Frames kann man innerhalb eines [[HTML]]-Dokuments <del style="font-weight: bold; text-decoration: none;">eine andere </del>einbinden. <del style="font-weight: bold; text-decoration: none;">Das </del>ist vergleichbar mit dem Einbinden von Bildern:</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== I-Frames allgemein ==</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Mit I-Frames kann man innerhalb eines [[HTML]]-Dokuments <ins style="font-weight: bold; text-decoration: none;">ein anderes (oder auch mehrere) </ins>einbinden. <ins style="font-weight: bold; text-decoration: none;">Hierzu wird also keine extra Frameset-Seite gebraucht wie bei "herkömmlichen" [[Frames]].<br></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Der Code dazu </ins>ist vergleichbar mit dem Einbinden von Bildern:</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><code></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><code></div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5">Zeile 5:</td>
<td colspan="2" class="diff-lineno">Zeile 8:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></code></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></code></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Durch das src-Attribut wird, wie bei Bildern, bestimmt, welche Datei eingebunden wird. Durch width und height kann man Breite und Höhe definieren. Das name-Attribut ist oft unwichtig und kann weggelassen werden. Wie bei herkömmlichen [[Frames]] kann man anhand des Namens auf das I-Frame mit Links oder [[Javascript]]-Codes zugreifen. Wichtig ist, im Gegensatz zu Bildern, dass das iframe-Tag geschlossen werden muss. Zwischen open- und <del style="font-weight: bold; text-decoration: none;">colosetag </del>kann man einen alternativen Text für Browser oder Suchmaschinen schreiben, die I-Frames nicht unterstützen.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Durch das src-Attribut wird, wie bei Bildern, bestimmt, welche Datei eingebunden wird. Durch width und height kann man Breite und Höhe definieren. Das name-Attribut ist oft unwichtig und kann weggelassen werden. Wie bei herkömmlichen [[Frames]] kann man anhand des Namens auf das I-Frame mit Links oder [[Javascript]]-Codes zugreifen. Wichtig ist, im Gegensatz zu Bildern, dass das iframe-Tag geschlossen werden muss. Zwischen open- und <ins style="font-weight: bold; text-decoration: none;">closetag </ins>kann man einen alternativen Text für <ins style="font-weight: bold; text-decoration: none;">[[</ins>Browser<ins style="font-weight: bold; text-decoration: none;">]] </ins>oder Suchmaschinen schreiben, die I-Frames nicht unterstützen<ins style="font-weight: bold; text-decoration: none;">.</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== I-Frames für Chatbesitzer ==</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Im Webkicks-Chat spielen I-Frames keine sonderlich große Rolle. Die Chats selbst sind in [[Frames]] aufgebaut.<br></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Anwendung können I-Frames z.B. in einer [[Eigene_Loginseite|eigenen Loginseite]] finden, wenn man dort anzeigen lassen will, wer im Moment online ist. Dazu wird die Online-Liste, wie sie im Chat eingebunden ist (auf der rechten Seite) einfach per I-Frame in die eigene Seite eingebunden (siehe Code oben oder [[eigene Loginseite]])</ins>.</div></td></tr>
</table>DGhttps://wiki.webkicks.de/index.php?title=I-Frame&diff=2150&oldid=prevDG: ... Und da warens nurnoch 102007-06-22T07:59:19Z<p>... Und da warens nurnoch 10</p>
<p><b>Neue Seite</b></p><div>Mit I-Frames kann man innerhalb eines [[HTML]]-Dokuments eine andere einbinden. Das ist vergleichbar mit dem Einbinden von Bildern:<br />
<br />
<code><br />
<nowiki><iframe src="http://serverX.webkicks.de/cgi-bin/ol.cgi?cid=CHATNAME" width="150" height="300" name="onlineliste">Hier sollte die Online-Liste angezeigt werden. Leider unterstützt Ihr Browser keine I-Frames</iframe></nowiki><br />
</code><br />
<br />
Durch das src-Attribut wird, wie bei Bildern, bestimmt, welche Datei eingebunden wird. Durch width und height kann man Breite und Höhe definieren. Das name-Attribut ist oft unwichtig und kann weggelassen werden. Wie bei herkömmlichen [[Frames]] kann man anhand des Namens auf das I-Frame mit Links oder [[Javascript]]-Codes zugreifen. Wichtig ist, im Gegensatz zu Bildern, dass das iframe-Tag geschlossen werden muss. Zwischen open- und colosetag kann man einen alternativen Text für Browser oder Suchmaschinen schreiben, die I-Frames nicht unterstützen.</div>DG