tag:forum.selfhtml.org,2005:/selfFrage zum Wiki-Artikel ‚innerWidth‘ – SELFHTML-Forum2016-09-30T01:26:06Zhttps://forum.selfhtml.org/self/2016/sep/29/frage-zum-wiki-artikel-innerwidth/1676080#m1676080Da Mu2016-09-29T17:40:16Z2016-09-29T17:40:16ZFrage zum Wiki-Artikel ‚innerWidth‘<p>Wie bekomme ich die Daten per window.location.href weitergeleitet?</p>
<p>hier ein kleiner ausschnitt:</p>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span> <span class="token special-attr"><span class="token attr-name">onload</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">Auswerten</span><span class="token punctuation">(</span><span class="token punctuation">)</span></span><span class="token punctuation">"</span></span></span> <span class="token special-attr"><span class="token attr-name">onresize</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">Auswerten</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>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span>
</code></pre>
<pre><code class="block language-php"><span class="token keyword">if</span><span class="token punctuation">(</span><span class="token variable">$_GET</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'size'</span><span class="token punctuation">]</span> <span class="token operator">==</span> <span class="token string double-quoted-string">""</span><span class="token punctuation">)</span>
<span class="token punctuation">{</span>
<span class="token keyword">echo</span> <span class="token string double-quoted-string">"<p>innnerWidth: <span id=\"innerX\"></span>px innerHeight: <span id=\"innerY\"></span>px</p>"</span><span class="token punctuation">;</span>
<span class="token keyword">echo</span> <span class="token string double-quoted-string">"<script type=\"text/javascript\">
<!--
window.location.href = 'http://www.muskatewitz.info/?size=y&width=' + innerX + '&height=' + height;
//–>
</script>"</span><span class="token punctuation">;</span>
</code></pre>
<p>wenn ich die Text Ausgabe mit "P" weglasse passiert Garnichts mehr...und wenn ich sie da lasse sieht die URL nach der Weiterleitung so aus:</p>
<p>http://www.muskatewitz.info/?size=y&width=[object HTMLSpanElement]&height=[object HTMLSpanElement]</p>
<p>Kann mir einer bitte eine Lösung geben? Versuche schon seit Stunden das hinzubekommen. Irgendwasverstehe ich wieder nicht.</p>
<p>Danke :-)</p>
https://forum.selfhtml.org/self/2016/sep/29/frage-zum-wiki-artikel-innerwidth/1676081#m1676081JürgenB2016-09-29T17:59:25Z2016-09-29T17:59:25ZFrage zum Wiki-Artikel ‚innerWidth‘<p>Hallo,</p>
<blockquote>
<p>Wie bekomme ich die Daten per window.location.href weitergeleitet?</p>
</blockquote>
<p>was willst du denn erreichen?</p>
<blockquote>
<p>hier ein kleiner ausschnitt:</p>
</blockquote>
<p>da scheint einiges zu fehlen,</p>
<blockquote>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span> <span class="token special-attr"><span class="token attr-name">onload</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">c</span><span class="token punctuation">(</span><span class="token punctuation">)</span></span><span class="token punctuation">"</span></span></span> <span class="token special-attr"><span class="token attr-name">onresize</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">Auswerten</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>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span>
</code></pre>
</blockquote>
<p>wie sieht die Funktion „Auswerten“ aus?</p>
<blockquote>
<pre><code class="block language-php"><span class="token keyword">if</span><span class="token punctuation">(</span><span class="token variable">$_GET</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'size'</span><span class="token punctuation">]</span> <span class="token operator">==</span> <span class="token string double-quoted-string">""</span><span class="token punctuation">)</span>
<span class="token punctuation">{</span>
<span class="token keyword">echo</span> <span class="token string double-quoted-string">"<p>innnerWidth: <span id=\"innerX\"></span>px innerHeight: <span id=\"innerY\"></span>px</p>"</span><span class="token punctuation">;</span>
<span class="token keyword">echo</span> <span class="token string double-quoted-string">"<script type=\"text/javascript\">
<!--
window.location.href = 'http://www.muskatewitz.info/?size=y&width=' + innerX + '&height=' + height;
//–>
</script>"</span><span class="token punctuation">;</span>
</code></pre>
<p>wenn ich die Text Ausgabe mit "P" weglasse passiert Garnichts mehr...und wenn ich sie da lasse sieht die URL nach der Weiterleitung so aus:</p>
</blockquote>
<p>??? Wo wird dieser HTML-Schmipsel denn eingebaut?</p>
<blockquote>
<p>http://www.muskatewitz.info/?size=y&width=[object HTMLSpanElement]&height=[object HTMLSpanElement]</p>
</blockquote>
<p>Wass soll denn hier stehen?</p>
<p>Du solltest dir mal neben den Grundlagen noch <a href="https://wiki.selfhtml.org/wiki/JavaScript/DOM/Element" rel="nofollow noopener noreferrer">https://wiki.selfhtml.org/wiki/JavaScript/DOM/Element</a> ansehen.</p>
<p>Gruß<br>
Jürgen</p>
https://forum.selfhtml.org/self/2016/sep/29/frage-zum-wiki-artikel-innerwidth/1676083#m1676083Da Mu2016-09-29T18:20:50Z2016-09-29T18:20:50ZFrage zum Wiki-Artikel ‚innerWidth‘<p>sorry ich dachte das müsste nicht weiter erklärt werden da es zu der Seite verlinkt war.</p>
<p>Ich wollte mir die Breite und Höhe des Browserbereichs per Javascript weiterleiten um die Werte mit PHP weiter zu nutzen über GET.</p>
<p>....Da das Beispiel von Selfhtml aber nur per klick auf den Button funktioniert du dann die Werte als Text darstellt....habe ich es nicht so umbauen können das es überall funktioniert.</p>
<p>Habe jetzt einen anderen Weg gefunden.</p>
https://forum.selfhtml.org/self/2016/sep/29/frage-zum-wiki-artikel-innerwidth/1676088#m1676088Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2016-09-29T18:43:15Z2016-09-29T18:43:15ZFrage zum Wiki-Artikel ‚innerWidth‘<p>Hallo Da Mu,</p>
<blockquote>
<p>sorry ich dachte das müsste nicht weiter erklärt werden da es zu der Seite verlinkt war.</p>
</blockquote>
<p>Die verlinkte Seite beschäftigt sich mit der Eigenschaft innerWidth, nicht damit irgendwelche Werte zu versenden.</p>
<blockquote>
<p>Ich wollte mir die Breite und Höhe des Browserbereichs per Javascript weiterleiten um die Werte mit PHP weiter zu nutzen über GET.</p>
</blockquote>
<blockquote>
<p>Habe jetzt einen anderen Weg gefunden.</p>
</blockquote>
<p>Die Idee klingt nicht gut, was möchtest du erreichen?.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Dieses Forum nutzt Markdown. Im <a href="https://wiki.selfhtml.org" rel="nofollow noopener noreferrer">Wiki</a> erhalten Sie <a href="https://wiki.selfhtml.org/wiki/SELFHTML:Forum/Formatierung_der_Beitr%C3%A4ge" rel="nofollow noopener noreferrer">Hilfe bei der Formatierung Ihrer Beiträge</a>.
</div>
https://forum.selfhtml.org/self/2016/sep/29/frage-zum-wiki-artikel-innerwidth/1676096#m1676096Gunnar Bittersmannselfhtml@bittersmann.dehttp://bittersmann.de2016-09-30T01:26:06Z2016-09-30T01:26:06ZFrage zum Wiki-Artikel ‚innerWidth‘<p>@@Da Mu</p>
<blockquote>
<p>Ich wollte mir die Breite und Höhe des Browserbereichs per Javascript weiterleiten um die Werte mit PHP weiter zu nutzen über GET.</p>
</blockquote>
<p>Die Viewportgröße im Client sollte den Server nichts angehen. Was soll der mit dieser Information anfangen?</p>
<p>Der Client selbst sollte anhand der Viewportgröße die Darstellung regeln, bspw. über <em>CSS media queries</em>.</p>
<blockquote>
<p>Habe jetzt einen anderen Weg gefunden.</p>
</blockquote>
<p>Ich hoffe, du bist auf dem richtigen™.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>“I love to go to JS conferences to speak about how to avoid using JavaScript. Please learn CSS & HTML to reduce your JS code bloat.”</em> —Estelle Weyl
</div>