<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Kommentare zu: Zwei DIV Bereiche gleichzeitig (synchron) scrollen</title>
	<atom:link href="http://www.yourhelpcenter.de/2009/08/zwei-div-bereiche-gleichzeitig-synchron-scrollen/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.yourhelpcenter.de/2009/08/zwei-div-bereiche-gleichzeitig-synchron-scrollen/</link>
	<description>Hilfe, Lösungen &#38; Support für IT Probleme</description>
	<lastBuildDate>Tue, 31 Jan 2012 14:25:46 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
	<item>
		<title>Von: admin</title>
		<link>http://www.yourhelpcenter.de/2009/08/zwei-div-bereiche-gleichzeitig-synchron-scrollen/comment-page-1/#comment-1201</link>
		<dc:creator>admin</dc:creator>
		<pubDate>Fri, 19 Mar 2010 14:59:35 +0000</pubDate>
		<guid isPermaLink="false">http://www.yourhelpcenter.de/?p=516#comment-1201</guid>
		<description>Beispiel für das horizontale Koppeln von DIV Bereichen:

&lt;code&gt;
var Marker = [0,0];

function CS(div1, div2) {
  if (!div1 &#124;&#124; !div2) return;
  var control = null;

  if (div1.scrollLeft != Marker[0])
    control = div1;
  else
    if (div2.scrollLeft != Marker[1])
      control = div2;

  if (control == null)
    return;
  else
    div1.scrollLeft = div2.scrollLeft = control.scrollLeft;

  Marker[0] = div1.scrollLeft;
  Marker[1] = div2.scrollLeft;
}

window.setInterval(&quot;CS(document.getElementById(&#039;ta1&#039;), document.getElementById(&#039;ta2&#039;))&quot;, 100);

[Hier wieder die Tabelle ...]
&lt;/code&gt;</description>
		<content:encoded><![CDATA[<p>Beispiel für das horizontale Koppeln von DIV Bereichen:</p>
<p><code><br />
var Marker = [0,0];</p>
<p>function CS(div1, div2) {<br />
  if (!div1 || !div2) return;<br />
  var control = null;</p>
<p>  if (div1.scrollLeft != Marker[0])<br />
    control = div1;<br />
  else<br />
    if (div2.scrollLeft != Marker[1])<br />
      control = div2;</p>
<p>  if (control == null)<br />
    return;<br />
  else<br />
    div1.scrollLeft = div2.scrollLeft = control.scrollLeft;</p>
<p>  Marker[0] = div1.scrollLeft;<br />
  Marker[1] = div2.scrollLeft;<br />
}</p>
<p>window.setInterval("CS(document.getElementById('ta1'), document.getElementById('ta2'))", 100);</p>
<p>[Hier wieder die Tabelle ...]<br />
</code></p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Ingo Scholz</title>
		<link>http://www.yourhelpcenter.de/2009/08/zwei-div-bereiche-gleichzeitig-synchron-scrollen/comment-page-1/#comment-1200</link>
		<dc:creator>Ingo Scholz</dc:creator>
		<pubDate>Fri, 19 Mar 2010 14:34:05 +0000</pubDate>
		<guid isPermaLink="false">http://www.yourhelpcenter.de/?p=516#comment-1200</guid>
		<description>Hallo admin,

danke für Ihre Antwort. Ich habe dies nun wie folgt umgesetzt:

var Marker = [0,0];

function CS(div1, div2) {
  if (!div1 &#124;&#124; !div2) return;
  var control = null;
  if (div1.scrollLeft != Marker[0])
    control = div1;
  else
    if (div2.scrollLeft != Marker[1])
      control = div2;

  if (control == null)
    return;
  else
    div1.scrollLeft = div2.scrollLeft = control.scrollLeft;

  Marker[0] = div1.scrollLeft;
  Marker[1] = div2.scrollLeft;
}

window.setInterval(&quot;CS(document.getElementById(&#039;ta1&#039;), document.getElementById(&#039;ta2&#039;))&quot;, 100);




        Testzeile 1Testzeile 2
        Testzeile 3Testzeile 4
        Testzeile 5Testzeile 6
        Testzeile 7Testzeile 8
        
        Testzeile Rechts 1Testzeile Rechts 2
        Testzeile Rechts 3Testzeile Rechts 4
        Testzeile Rechts 5Testzeile Rechts 6
        Testzeile Rechts 7Testzeile Rechts 8
        


Leider bringt dies jedoch kein Ergebnis. Die Scrollbars am rechten Fensterrand bleiben bestehen &amp; die Funktion des gleichzeitigen Verschiebens besteht nun nicht mehr. Die waagerechten Scrollbars werden nicht angezeigt.
Gruss,Ingo</description>
		<content:encoded><![CDATA[<p>Hallo admin,</p>
<p>danke für Ihre Antwort. Ich habe dies nun wie folgt umgesetzt:</p>
<p>var Marker = [0,0];</p>
<p>function CS(div1, div2) {<br />
  if (!div1 || !div2) return;<br />
  var control = null;<br />
  if (div1.scrollLeft != Marker[0])<br />
    control = div1;<br />
  else<br />
    if (div2.scrollLeft != Marker[1])<br />
      control = div2;</p>
<p>  if (control == null)<br />
    return;<br />
  else<br />
    div1.scrollLeft = div2.scrollLeft = control.scrollLeft;</p>
<p>  Marker[0] = div1.scrollLeft;<br />
  Marker[1] = div2.scrollLeft;<br />
}</p>
<p>window.setInterval(&#8220;CS(document.getElementById(&#8216;ta1&#8242;), document.getElementById(&#8216;ta2&#8242;))&#8221;, 100);</p>
<p>        Testzeile 1Testzeile 2<br />
        Testzeile 3Testzeile 4<br />
        Testzeile 5Testzeile 6<br />
        Testzeile 7Testzeile 8</p>
<p>        Testzeile Rechts 1Testzeile Rechts 2<br />
        Testzeile Rechts 3Testzeile Rechts 4<br />
        Testzeile Rechts 5Testzeile Rechts 6<br />
        Testzeile Rechts 7Testzeile Rechts 8</p>
<p>Leider bringt dies jedoch kein Ergebnis. Die Scrollbars am rechten Fensterrand bleiben bestehen &amp; die Funktion des gleichzeitigen Verschiebens besteht nun nicht mehr. Die waagerechten Scrollbars werden nicht angezeigt.<br />
Gruss,Ingo</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: admin</title>
		<link>http://www.yourhelpcenter.de/2009/08/zwei-div-bereiche-gleichzeitig-synchron-scrollen/comment-page-1/#comment-1199</link>
		<dc:creator>admin</dc:creator>
		<pubDate>Fri, 19 Mar 2010 14:09:01 +0000</pubDate>
		<guid isPermaLink="false">http://www.yourhelpcenter.de/?p=516#comment-1199</guid>
		<description>Hallo Herr Scholz,

ersetzen Sie dafür im Beispiel die &quot;scrollTop&quot; durch &quot;scrollLeft&quot;.

&lt;strong&gt;Hinweis&lt;/strong&gt;
&quot;scrollTop&quot; und &quot;scrollLeft&quot; sind IE spezifisch. 
Für andere Browser (Firefox etc.) sollte &quot;pageXOffset&quot; und &quot;pageYOffset&quot; verwendet werden.</description>
		<content:encoded><![CDATA[<p>Hallo Herr Scholz,</p>
<p>ersetzen Sie dafür im Beispiel die &#8220;scrollTop&#8221; durch &#8220;scrollLeft&#8221;.</p>
<p><strong>Hinweis</strong><br />
&#8220;scrollTop&#8221; und &#8220;scrollLeft&#8221; sind IE spezifisch.<br />
Für andere Browser (Firefox etc.) sollte &#8220;pageXOffset&#8221; und &#8220;pageYOffset&#8221; verwendet werden.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Ingo Scholz</title>
		<link>http://www.yourhelpcenter.de/2009/08/zwei-div-bereiche-gleichzeitig-synchron-scrollen/comment-page-1/#comment-1198</link>
		<dc:creator>Ingo Scholz</dc:creator>
		<pubDate>Fri, 19 Mar 2010 11:02:29 +0000</pubDate>
		<guid isPermaLink="false">http://www.yourhelpcenter.de/?p=516#comment-1198</guid>
		<description>Hallo,
Können Sie mir bitte sagen, was am Code verändert werden muss, damit man statt senkrecht, „waagerecht“ mit den DIVs scrollen kann. Danke &amp; Gruss</description>
		<content:encoded><![CDATA[<p>Hallo,<br />
Können Sie mir bitte sagen, was am Code verändert werden muss, damit man statt senkrecht, „waagerecht“ mit den DIVs scrollen kann. Danke &amp; Gruss</p>
]]></content:encoded>
	</item>
</channel>
</rss>

