und noch mal: frames – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self?srt=yes und noch mal: frames Tue, 20 Sep 22 14:52:47 Z https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802247?srt=yes#m1802247 https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802247?srt=yes#m1802247 <p>bevor sich jemand beschwert: ich weiß, Frames sind sowas von over and out (seit HTML5, Ajax etc.), aber ...</p> <p>Die (.html-)Seiten laufen lokal, same Origin. Ich habe ein frameset mit zwei Frames: frame[0] (name: auswertung), der 'empfängt' Daten von frame[1] (name: main). Das klappt soweit (Dank netter Hilfe hier im Forum).</p> <pre><code class="block"><frameset rows="0,*" border="0" frameborder="0"> <frame name="auswertung" src="auswertung.html"> <frame name="main" src="main.html"> </frameset> </code></pre> <p>frame[0] ist 'unsichtbar' (Größe im frameset: 0) ... mit welcher Art von Link / JavaScript-Anweisung / PHP-Code kann ich diesen frame[0] 'vergrößern' auf das (volle) Browser-Fenster ohne diese Seite (neu) zu laden (denn dann sind die eingetragenen Daten natürlich weg) ... sofern das überhaupt geht?</p> <p>Mit</p> <pre><code class="block">parent.frames[0].document.moveTo(0,0); parent.frames[0].resizeTo(screen.availWidth,screen.availHeight); </code></pre> <p>oder ähnlich, aufgerufen aus der main.html, sollte es eigentlich funktionieren ... tut es aber nicht? Wo ist mein Denk- bzw. Syntax-Fehler?</p> und noch mal: frames Tue, 20 Sep 22 15:44:39 Z https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802250?srt=yes#m1802250 https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802250?srt=yes#m1802250 <p>Servus!</p> <blockquote> <p>bevor sich jemand beschwert: ich weiß, Frames sind sowas von over and out (seit HTML5, Ajax etc.), aber ...</p> </blockquote> <p>Übrigens, Frames sind out, seit …</p> <blockquote> <p>Die (.html-)Seiten laufen lokal, same Origin. Ich habe ein frameset mit zwei Frames: frame[0] (name: auswertung), der 'empfängt' Daten von frame[1] (name: main). Das klappt soweit (Dank netter Hilfe hier im Forum).</p> <pre><code class="block"><frameset rows="0,*" border="0" frameborder="0"> <frame name="auswertung" src="auswertung.html"> <frame name="main" src="main.html"> </frameset> </code></pre> <p>frame[0] ist 'unsichtbar' (Größe im frameset: 0) ... mit welcher Art von Link / JavaScript-Anweisung / PHP-Code kann ich diesen frame[0] 'vergrößern' auf das (volle) Browser-Fenster ohne diese Seite (neu) zu laden (denn dann sind die eingetragenen Daten natürlich weg) ... sofern das überhaupt geht?</p> </blockquote> <p>HTML macht das selbst! In einem HTML-Dokument gehen die HTML-Elemente <em><strong>ohne weitere CSS-Festlegungen</strong></em> bis zum Ende des Viewports und brechen dann <em><strong>automatisch</strong></em> um.</p> <blockquote> <p>Wo ist mein Denk- bzw. Syntax-Fehler?</p> </blockquote> <p>Dass Du denkst, dass es einfacher ist, Deine Frames zu modernisieren, als beide Frames in ein HTML-Dokument zu stecken und dann nicht mehr normale Features von HTML mit JavaScript nachbauen zu müssen.</p> <p>Bitte nimm es nicht übel! Ich bin Lehrer und höre häufig von 5.-7. Klässlern, dass es auf ihre Weise doch auch geht. Das frustriert auf Dauer.</p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> und noch mal: frames Tue, 20 Sep 22 15:45:32 Z https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802251?srt=yes#m1802251 https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802251?srt=yes#m1802251 <p>Hallo pb,</p> <p>ich würde annehmen, dass Du das rows-Attribut im Frameset verändern musst und nicht den Frame selbst. Das Frameset kontrolliert die Größen.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> und noch mal: frames Thu, 22 Sep 22 13:28:58 Z https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802293?srt=yes#m1802293 https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802293?srt=yes#m1802293 <p>Ich weiß ja nicht, wozu das ganze gebraucht wird, aber vielleicht reicht es ja schon, wenn du die erste Zeile deines Framesets durch<code><frameset rows="0,*" border="3" frameborder="3"></code> ersetzt. Dann kannst du den Rahmen zwischen deinen Frames einfach verschieben. Wenn du nach unten schiebst, siehst du die Auswertung, nach oben siehst du Main.</p> und noch mal: frames Wed, 21 Sep 22 06:31:26 Z https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802255?srt=yes#m1802255 https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802255?srt=yes#m1802255 <p>Warum sollte ich es dir übel nehmen, dass du Lehrer bist? Ich frage ja hier im Forum, WEIL ich etwas lernen will. Aber dazu sollte ich auch verstehen, was du mir mitteilen willst ... und das fällt mir bei diesem Satz sehr schwer:</p> <blockquote> <p>Dass Du denkst, dass es einfacher ist, Deine Frames zu modernisieren, als beide Frames in ein HTML-Dokument zu stecken und dann nicht mehr normale Features von HTML mit JavaScript nachbauen zu müssen.</p> </blockquote> <p>Ich möchte meine Frames nicht 'modernisieren' und auch nicht den LocalStorage von HTML5 oder Frameworks oder PHP nutzen, sondern ganz bewußt und absichtlich diese Uralt-Technik (Frameset) für ein Spiel- und Bastelprojekt nutzen, gerade weil ich es interessant finde, eben ohne Datenbank und oben genanntes, Daten zu 'verarbeiten'. Wahrscheinlich (ganz sicher) habe ich meine Frage/n nur nicht eindeutig und verständlich genug formuliert ... denn ich verstehe auch diese Antwort leider nicht:</p> <blockquote> <p>HTML macht das selbst! In einem HTML-Dokument gehen die HTML-Elemente ohne weitere CSS-Festlegungen bis zum Ende des Viewports und brechen dann automatisch um.</p> </blockquote> <p>Danke aber für JEDE Anregung und JEDEN Kommentar!</p> und noch mal: frames Wed, 21 Sep 22 06:37:48 Z https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802256?srt=yes#m1802256 https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802256?srt=yes#m1802256 <p>Hab ich auch drüber nachgegrübelt. Aber, wie auch immer, ich müsste das Frameset ja nach Änderung der Row-Werte wohl neu laden ... und damit wären die gesammelten Daten wieder weg!? Ich wollte eigentlich PHP vermeiden und ein 'reines' (wenn auch vorsintflutliches) HTML/JavaScript-Konstrukt benutzen, aber es wäre vielleicht eine Lösung die Daten-gefüllte Seite (frame[0]) vor dem Aufruf/Anzeige zuerst lokal zu speichern?</p> und noch mal: frames Wed, 21 Sep 22 09:31:08 Z https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802261?srt=yes#m1802261 https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802261?srt=yes#m1802261 <p>Hallo pb,</p> <p>du klammerst Dich vermutlich ans Frameset weil Du die Alternativen nicht kennst.</p> <p>Wenn es darum geht, das Fenster aufzuteilen, kann man bspw. Grid-Layout verwenden und durch einfaches Zuweisen einer Klasse die Zeilen- oder Spalten-Templates umschalten. Dann steckt natürlich alles in einer HTML Seite.</p> <p>Geht es Dir <strong>unbedingt</strong> darum, zwei HTML Dateien miteinander kommunizieren zu lassen, die separat geladen werden? Wenn ja: warum nur? Das ist kein relevanter Anwendungsfall.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> und noch mal: frames Thu, 22 Sep 22 04:58:08 Z https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802284?srt=yes#m1802284 https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802284?srt=yes#m1802284 <p>Hallo PB,</p> <blockquote> <p>Warum sollte ich es dir übel nehmen, dass du Lehrer bist? Ich frage ja hier im Forum, WEIL ich etwas lernen will. Aber dazu sollte ich auch verstehen, was du mir mitteilen willst ... und das fällt mir bei diesem Satz sehr schwer:</p> <blockquote> <p>Dass Du denkst, dass es einfacher ist, Deine Frames zu modernisieren, als beide Frames in ein HTML-Dokument zu stecken und dann nicht mehr normale Features von HTML mit JavaScript nachbauen zu müssen.</p> </blockquote> </blockquote> <p>Wir können nur raten, wie es genau bei Dir aussieht. Manchmal hat man etwas aus vergangenen Threads im Hinterkopf:</p> <blockquote> <blockquote> <blockquote> <p>Noch mal: das ist ein privates Bastelprojekt das auf einem Raspi läuft für das ich Frames brauche;</p> </blockquote> </blockquote> </blockquote> <p>Die Arbeit mit den Mikrocontrollern ist spannend und wir haben da einige interne Baustellen und gleich neben dir sogar einen Jobauftrag:</p> <p><a href="https://forum.selfhtml.org/self/2022/sep/09/modbus-und-raspberry-pi/1801958#m1801958" rel="noopener noreferrer">Modbus und Raspberry Pi</a></p> <p>Dein Problem scheinen ja aber wohl die Frames zu sein. Ich hatte in den letzten Jahren einigen Kontakt mit Leuten, deren Webseite zumindest auf Chrome irgendwann „nicht mehr ging“. <a href="/users/6547" class="mention registered-user" rel="noopener noreferrer">@Rolf B</a> hatte schon die Begriffe <a href="https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802259#m1802259" rel="noopener noreferrer">Same-Origin</a> (im Wiki: <a href="https://wiki.selfhtml.org/wiki/Same-Origin-Policy" rel="nofollow noopener noreferrer">Same-Origin-Policy</a>) verwendet.</p> <p>In den letzten Jahren haben die Browser die Sicherheitsstandards bei JavaScript, aber auch anderen Technologien so hochgeschraubt, dass die Browser es erschweren, andere Webseiten auszulesen. Deshalb ist das von Rolf erwähnte lokale Testen ohne Server z.B. bei eingebundenen Schriften gar nicht mehr möglich. Fazit: Man muss eigentlich immer gleich einen eigenen Server haben. (Wie das geht wird in Kap 2 und 3 in unserem <a href="https://wiki.selfhtml.org/wiki/Webserver" rel="nofollow noopener noreferrer">Webserver</a>-Bereich beschrieben. Ein Bereich zu Raspberry ist in Arbeit!)</p> <p>Jetzt zu Deinem konkreten Problem:</p> <blockquote> <p>mit welcher Art von Link / JavaScript-Anweisung / PHP-Code kann ich diesen frame[0] 'vergrößern' auf das (volle) Browser-Fenster ohne diese Seite (neu) zu laden (denn dann sind die eingetragenen Daten natürlich weg) .</p> </blockquote> <blockquote> <p><code>parent.frames[0].resizeTo(screen.availWidth,screen.availHeight);</code></p> </blockquote> <p>Antwort: Eine „normale“ Webseite nimmt eben „das (volle) Browser-Fenster“ ein und eine Änderung des Viewports (Handy wird um 90° gedreht; Seite wird gezoomt, Desktop-Monitor wird geteilt) sorgt für eine automatische Anpassung <strong>ohne weiteres CSS</strong> „ohne diese Seite (neu) zu laden (denn dann sind die eingetragenen Daten natürlich weg)“.</p> <p>Mit CSS (wie dem von Rolf erwähnten grid) könnte man dann Tabellen und Diagramme nebeneinander anstatt untereinander anordnen.</p> <p>In Deinem Ansatz musst Du erst einmal mit Javascript Breite und Höhe des Bildschirms auslesen um dann deinen Frame mit resize anzupassen. wenn Du das gelöst hast, wirst Du bald das nächste problem mit frames bekommen.</p> <p>Was hier aber völlig fehlt ist die Frage, welche Daten von wo kommen. Das wäre noch interessant!</p> <blockquote> <p>Ich möchte meine Frames nicht 'modernisieren' und auch nicht den LocalStorage von HTML5 oder Frameworks oder PHP nutzen, sondern ganz bewußt und absichtlich diese Uralt-Technik (Frameset) für ein Spiel- und Bastelprojekt nutzen, gerade weil ich es interessant finde, eben ohne Datenbank und oben genanntes, Daten zu 'verarbeiten'.</p> </blockquote> <p>Ja, da stößt du aber immer wieder auf Probleme und Herausforderungen, die du sonst nicht hättest.</p> <p><a href="/users/4179" class="mention registered-user" rel="noopener noreferrer">@TS</a> und ich wollten den Raspberry-Bereich mit mehreren Tutorials irgendwann mal zur Veröffentlichung bringen. Evtl. ist dass der Anstoß, da mal wieder weiterzumachen!<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup></p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> <hr class="footnotes-sep"> <section class="footnotes"> <ol class="footnotes-list"> <li id="fn1" class="footnote-item"><p>Für alle Webdesign-Puristen: Es geht nicht drum im SELF-Wiki das Löten und Basteln neu einzuführen, sondern die Schnittstellen zwischen Webdesign, Server und Raspberry und Datenvisualsierung aufzuzeigen. <a href="#fnref1" class="footnote-backref">↩︎</a></p> </li> </ol> </section> und noch mal: frames Wed, 21 Sep 22 07:43:01 Z https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802257?srt=yes#m1802257 https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802257?srt=yes#m1802257 <p>Hi,</p> <p>ich würde versuchen über versuchen über die id zu gehen. Die Seite wird dabei nicht neu geladen, wenn du mit Javascript Werte änderst.</p> <pre><code class="block">var myFrameset = parent.document.getElementById("myFrameset"); var value = "100%,0" myFrameset.removeAttribute("rows"); myFrameset.setAttribute("rows", value); </code></pre> Statt +1: Der Test fürs „Webmuseum" Wed, 21 Sep 22 08:32:03 Z https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802258?srt=yes#m1802258 https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802258?srt=yes#m1802258 <p><s>Als England noch eine Königin hatte</s> <strong>Im vorigen Jahrtausend</strong> wäre das Folgende akzeptabel gewesen. Immerhin: Via <code>php -S 127.0.0.1:9000</code> „serviert“ „macht“ es mein Chromium noch. Er weigert sich aber sobald ich die index.html direkt vom Filesystem öffnen will.</p> <p>File: index.html</p> <pre><code class="block bad language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>frameset</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>myFrameset<span class="token punctuation">"</span></span> <span class="token attr-name">cols</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>50%,50%<span class="token punctuation">"</span></span> <span class="token attr-name">border</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0<span class="token punctuation">"</span></span> <span class="token attr-name">frameborder</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>frame</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>links<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>links.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>frame</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>rechts<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>rechts.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>frameset</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span> </code></pre> <p>File: links.html</p> <pre><code class="block bad language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript"> <span class="token keyword">function</span> <span class="token function">vollbildL</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">var</span> myFrameset <span class="token operator">=</span> parent<span class="token punctuation">.</span>document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">"myFrameset"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> myFrameset<span class="token punctuation">.</span><span class="token function">setAttribute</span><span class="token punctuation">(</span><span class="token string">"cols"</span><span class="token punctuation">,</span> <span class="token number">100</span><span class="token operator">%</span><span class="token punctuation">,</span><span class="token number">0</span><span class="token operator">%</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token keyword">function</span> <span class="token function">einordnenL</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">var</span> myFrameset <span class="token operator">=</span> parent<span class="token punctuation">.</span>document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">"myFrameset"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> myFrameset<span class="token punctuation">.</span><span class="token function">setAttribute</span><span class="token punctuation">(</span><span class="token string">"cols"</span><span class="token punctuation">,</span> <span class="token string">"50%,50%"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> </span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h1</span><span class="token punctuation">></span></span>Links<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h1</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span> <span class="token special-attr"><span class="token attr-name">onclick</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value javascript language-javascript"><span class="token function">vollbildL</span><span class="token punctuation">(</span><span class="token punctuation">)</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>Vollbild<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span> <span class="token special-attr"><span class="token attr-name">onclick</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value javascript language-javascript"><span class="token function">einordnenL</span><span class="token punctuation">(</span><span class="token punctuation">)</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>Einordnen<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span> </code></pre> <p>File: rechts.html</p> <pre><code class="block bad language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript"> <span class="token keyword">function</span> <span class="token function">vollbildR</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">var</span> myFrameset <span class="token operator">=</span> parent<span class="token punctuation">.</span>document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">"myFrameset"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> myFrameset<span class="token punctuation">.</span><span class="token function">setAttribute</span><span class="token punctuation">(</span><span class="token string">"cols"</span><span class="token punctuation">,</span> <span class="token string">"0%,100%"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token keyword">function</span> <span class="token function">einordnenR</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">var</span> myFrameset <span class="token operator">=</span> parent<span class="token punctuation">.</span>document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">"myFrameset"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> myFrameset<span class="token punctuation">.</span><span class="token function">setAttribute</span><span class="token punctuation">(</span><span class="token string">"cols"</span><span class="token punctuation">,</span> <span class="token string">"50%,50%"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> </span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h1</span><span class="token punctuation">></span></span>Rechts<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h1</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span> <span class="token special-attr"><span class="token attr-name">onclick</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value javascript language-javascript"><span class="token function">vollbildR</span><span class="token punctuation">(</span><span class="token punctuation">)</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>Vollbild<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span> <span class="token special-attr"><span class="token attr-name">onclick</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value javascript language-javascript"><span class="token function">einordnenR</span><span class="token punctuation">(</span><span class="token punctuation">)</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>Einordnen<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span> </code></pre> <p>Nachtrag: Man verzeihe mir Nutzung des modernen <code><button></code>. Mit</p> <pre><code class="block bad language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>button<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>…<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">onclick</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value javascript language-javascript">…</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>` </code></pre> <p>wird das aber auch gehen. Wer also ein Museum einrichten will ändere das, wer aber neue Webseiten baut (wir haben den 21.09.2022) mache das einfach mal <strong>nicht</strong> nach.</p> Statt +1: Der Test fürs „Webmuseum" Wed, 21 Sep 22 09:06:48 Z https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802259?srt=yes#m1802259 https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802259?srt=yes#m1802259 <p>Hallo Raketenwilli,</p> <p>es ist zwar ein Museum, aber muss es paläontologisch sein?</p> <ul> <li> <p><code>parent.document.getElementById("myFrameset")</code>- warum?</p> <ul> <li><code>parent.document.body</code> geht auch.</li> </ul> </li> <li> <p><code>get/setAttribute("rows")</code>- warum?</p> <ul> <li>Es gibt ein <code>rows</code> Property.</li> </ul> </li> <li> <p><code>var</code>? Achso, const und let sind <strong>zu</strong> neu.</p> </li> </ul> <blockquote> <p>Er weigert sich aber sobald ich die index.html direkt vom Filesystem öffnen will.</p> </blockquote> <p>Was daran liegt, dass diese Spielerei same-origin verlangt und file:/// niemals same-origin ist.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Statt +1: Der Test fürs „Webmuseum" Wed, 21 Sep 22 09:12:52 Z https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802260?srt=yes#m1802260 https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802260?srt=yes#m1802260 <blockquote> <p>es ist zwar ein Museum, aber muss es paläontologisch sein?</p> </blockquote> <p>Aber ja doch: <em>„Webmuseum“</em> ist nur der Begriff in der allvermurksenden Umgangssprache. Korrekt heißt es <em>„Museum für Frühgeschichte des Webkrams“</em>.</p> <blockquote> <p>Was daran liegt, dass diese Spielerei same-origin verlangt und file:/// niemals same-origin ist</p> </blockquote> <p>Das ist geradezu <em>„brandneu“</em>. Als ich <s>das</s> sowas zum letzten Mal getestet habe, gab es diese (und solche Regel)[n] noch gar nicht…</p> <p>(Rest:)</p> <ul> <li>Man kann immer alles verschlimmbessern.</li> </ul> und noch mal: frames Fri, 23 Sep 22 08:30:42 Z https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802306?srt=yes#m1802306 https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802306?srt=yes#m1802306 <p>Hello,</p> <blockquote> <p>du klammerst Dich vermutlich ans Frameset weil Du die Alternativen nicht kennst.</p> <p>Wenn es darum geht, das Fenster aufzuteilen, kann man bspw. Grid-Layout verwenden und durch einfaches Zuweisen einer Klasse die Zeilen- oder Spalten-Templates umschalten. Dann steckt natürlich alles in einer HTML Seite.</p> <p>Geht es Dir <strong>unbedingt</strong> darum, zwei HTML Dateien miteinander kommunizieren zu lassen, die separat geladen werden? Wenn ja: warum nur? Das ist kein relevanter Anwendungsfall.</p> </blockquote> <p>Nicht zu vergessen, dass Frames erfunden wurden, als es noch um totale Traffic-Minimierung ging und 64kBit/s noch als äußerst innovativ und schnell galten.</p> <p>Heute (4G) kostet ein zusätzlicher Request x-mal mehr Zeit, als die sofortige (textliche) Übertragung aller erforderlicher Daten.</p> <p>Glück Auf<br> Tom vom Berg</p> <div class="signature">-- <br> Es gibt soviel Sonne, nutzen wir sie.<br> <a href="https://www.Solar-Harz.de" rel="nofollow noopener noreferrer">www.Solar-Harz.de</a><br> S☼nnige Grüße aus dem Oberharz </div> und noch mal: frames Thu, 22 Sep 22 06:58:06 Z https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802285?srt=yes#m1802285 https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802285?srt=yes#m1802285 <p>Hallo,</p> <blockquote> <p>… Datenvisualsierung …</p> </blockquote> <p>ich nehme das Stichwort mal auf und verweise auf unser Wiki:</p> <ul> <li><a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Funktionsplotter" rel="nofollow noopener noreferrer">Funktionsplotter mit SVG</a></li> <li><a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Funktionsplotter" rel="nofollow noopener noreferrer">Funktionsplotter mit Canvas</a></li> </ul> <p>Gruß<br> Jürgen</p> und noch mal: frames Fri, 23 Sep 22 08:25:06 Z https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802304?srt=yes#m1802304 https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802304?srt=yes#m1802304 <p>Hello Matthias,</p> <blockquote> <blockquote> <p>Warum sollte ich es dir übel nehmen, dass du Lehrer bist? Ich frage ja hier im Forum, WEIL ich etwas lernen will. Aber dazu sollte ich auch verstehen, was du mir mitteilen willst ... und das fällt mir bei diesem Satz sehr schwer:</p> <blockquote> <p>Dass Du denkst, dass es einfacher ist, Deine Frames zu modernisieren, als beide Frames in ein HTML-Dokument zu stecken und dann nicht mehr normale Features von HTML mit JavaScript nachbauen zu müssen.</p> </blockquote> </blockquote> <p>Wir können nur raten, wie es genau bei Dir aussieht. Manchmal hat man etwas aus vergangenen Threads im Hinterkopf:</p> <blockquote> <blockquote> <blockquote> <p>Noch mal: das ist ein privates Bastelprojekt das auf einem Raspi läuft für das ich Frames brauche;</p> </blockquote> </blockquote> </blockquote> <p>Die Arbeit mit den Mikrocontrollern ist spannend und wir haben da einige interne Baustellen und gleich neben dir sogar einen Jobauftrag:</p> <p><a href="https://forum.selfhtml.org/self/2022/sep/09/modbus-und-raspberry-pi/1801958#m1801958" rel="noopener noreferrer">Modbus und Raspberry Pi</a></p> <p>Dein Problem scheinen ja aber wohl die Frames zu sein. Ich hatte in den letzten Jahren einigen Kontakt mit Leuten, deren Webseite zumindest auf Chrome irgendwann „nicht mehr ging“. <a href="/users/6547" class="mention registered-user" rel="noopener noreferrer">@Rolf B</a> hatte schon die Begriffe <a href="https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802259#m1802259" rel="noopener noreferrer">Same-Origin</a> (im Wiki: <a href="https://wiki.selfhtml.org/wiki/Same-Origin-Policy" rel="nofollow noopener noreferrer">Same-Origin-Policy</a>) verwendet.</p> <p>In den letzten Jahren haben die Browser die Sicherheitsstandards bei JavaScript, aber auch anderen Technologien so hochgeschraubt, dass die Browser es erschweren, andere Webseiten auszulesen. Deshalb ist das von Rolf erwähnte lokale Testen ohne Server z.B. bei eingebundenen Schriften gar nicht mehr möglich. Fazit: Man muss eigentlich immer gleich einen eigenen Server haben. (Wie das geht wird in Kap 2 und 3 in unserem <a href="https://wiki.selfhtml.org/wiki/Webserver" rel="nofollow noopener noreferrer">Webserver</a>-Bereich beschrieben. Ein Bereich zu Raspberry ist in Arbeit!)</p> <p>Jetzt zu Deinem konkreten Problem:</p> <blockquote> <p>mit welcher Art von Link / JavaScript-Anweisung / PHP-Code kann ich diesen frame[0] 'vergrößern' auf das (volle) Browser-Fenster ohne diese Seite (neu) zu laden (denn dann sind die eingetragenen Daten natürlich weg) .</p> </blockquote> <blockquote> <p><code>parent.frames[0].resizeTo(screen.availWidth,screen.availHeight);</code></p> </blockquote> <p>Antwort: Eine „normale“ Webseite nimmt eben „das (volle) Browser-Fenster“ ein und eine Änderung des Viewports (Handy wird um 90° gedreht; Seite wird gezoomt, Desktop-Monitor wird geteilt) sorgt für eine automatische Anpassung <strong>ohne weiteres CSS</strong> „ohne diese Seite (neu) zu laden (denn dann sind die eingetragenen Daten natürlich weg)“.</p> <p>Mit CSS (wie dem von Rolf erwähnten grid) könnte man dann Tabellen und Diagramme nebeneinander anstatt untereinander anordnen.</p> <p>In Deinem Ansatz musst Du erst einmal mit Javascript Breite und Höhe des Bildschirms auslesen um dann deinen Frame mit resize anzupassen. wenn Du das gelöst hast, wirst Du bald das nächste problem mit frames bekommen.</p> <p>Was hier aber völlig fehlt ist die Frage, welche Daten von wo kommen. Das wäre noch interessant!</p> <blockquote> <p>Ich möchte meine Frames nicht 'modernisieren' und auch nicht den LocalStorage von HTML5 oder Frameworks oder PHP nutzen, sondern ganz bewußt und absichtlich diese Uralt-Technik (Frameset) für ein Spiel- und Bastelprojekt nutzen, gerade weil ich es interessant finde, eben ohne Datenbank und oben genanntes, Daten zu 'verarbeiten'.</p> </blockquote> <p>Ja, da stößt du aber immer wieder auf Probleme und Herausforderungen, die du sonst nicht hättest.</p> <p><a href="/users/4179" class="mention registered-user" rel="noopener noreferrer">@TS</a> und ich wollten den Raspberry-Bereich mit mehreren Tutorials irgendwann mal zur Veröffentlichung bringen. Evtl. ist dass der Anstoß, da mal wieder weiterzumachen!<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup></p> </blockquote> <p>Stimmt. Ich hadere schon seit Wochen, mich endlich wieder an den passenden Schreibtisch zu setzen und die gesammelten Toolboxen und Tutorials mal zu sortieren und auszuwerten.</p> <p>Und dann gehe ich doch immer erst wieder raus, um meine Solar-Testanlagen vom Saharastaub zu säubern :-O</p> <p>Aber nun kehrt ja der Winter so langsam ein (Nachts schon knapp über der Frostgrenze) und da lohnt sich das Putzen nicht mehr so sehr. Außerdem hat es die letzten 14 Tage hier oben immer wieder geregnet. Meine Wassertonne ist dauerhaft voll.</p> <p>Die Himbeere kann sich also schon mal in Startposition bewegen.</p> <blockquote></blockquote> <p>Glück Auf<br> Tom vom Berg</p> <div class="signature">-- <br> Es gibt soviel Sonne, nutzen wir sie.<br> <a href="https://www.Solar-Harz.de" rel="nofollow noopener noreferrer">www.Solar-Harz.de</a><br> S☼nnige Grüße aus dem Oberharz </div> <hr class="footnotes-sep"> <section class="footnotes"> <ol class="footnotes-list"> <li id="fn1" class="footnote-item"><p>Für alle Webdesign-Puristen: Es geht nicht drum im SELF-Wiki das Löten und Basteln neu einzuführen, sondern die Schnittstellen zwischen Webdesign, Server und Raspberry und Datenvisualsierung aufzuzeigen. <a href="#fnref1" class="footnote-backref">↩︎</a></p> </li> </ol> </section> und noch mal: frames Fri, 23 Sep 22 08:27:07 Z https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802305?srt=yes#m1802305 https://forum.selfhtml.org/self/2022/sep/20/und-noch-mal-frames/1802305?srt=yes#m1802305 <p>Hello Jürgen,</p> <blockquote> <blockquote> <p>… Datenvisualsierung …</p> </blockquote> <p>ich nehme das Stichwort mal auf und verweise auf unser Wiki:</p> <ul> <li><a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Funktionsplotter" rel="nofollow noopener noreferrer">Funktionsplotter mit SVG</a></li> <li><a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Funktionsplotter" rel="nofollow noopener noreferrer">Funktionsplotter mit Canvas</a></li> </ul> </blockquote> <p>Kommt auch in meine Sammlung.<br> Und dann gibt es ja immer noch den großen Hammer: <a href="https://grafana.com/" rel="nofollow noopener noreferrer">Grafana</a></p> <p>Glück Auf<br> Tom vom Berg</p> <div class="signature">-- <br> Es gibt soviel Sonne, nutzen wir sie.<br> <a href="https://www.Solar-Harz.de" rel="nofollow noopener noreferrer">www.Solar-Harz.de</a><br> S☼nnige Grüße aus dem Oberharz </div>