Auf Thema antworten 2026

Beitrag

<blockquote data-quote="MasterT" data-source="post: 2226154" data-attributes="member: 168770">Hallo, ich möchte 2 divs gleichzeitig bewegen, das eine nach links, das andere nach rechts. Mein Code[PHP]function show(id1,id2) {var TIMERSHOW;var target1 = document.getElementById(id1); //das entsprechende DIV mit der angegeben Id ranholenvar tposl1 = parseInt(target1.style.left); // die position der linken oberen ecke des divs vom linken randvar target2 = document.getElementById(id2); //das entsprechende DIV mit der angegeben Id ranholenvar tposl2 = parseInt(target2.style.left); // die position der linken oberen ecke des divs vom linken rand&nbsp; &nbsp; if(tposl1 &lt;= 0){ // die if-abfrage die prüft ob das div schon an pixel 600 angekommen ist&nbsp; &nbsp; &nbsp; &nbsp; target1.style.left = tposl1 + 5 + &quot;px&quot;; // aufsummieren auf die alte position um eine neue position zu erreichen&nbsp; &nbsp; }&nbsp; &nbsp; if(tposl2 &lt;= -200){ // die if-abfrage die prüft ob das div schon an pixel 600 angekommen ist&nbsp; &nbsp; &nbsp; &nbsp; target2.style.left = tposl2 -5 + &quot;px&quot;; // aufsummieren auf die alte position um eine neue position zu erreichen&nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; TIMERSHOW = setTimeout(function(){show(id1,id2)}, 5);}&lt;/script&gt;&lt;body&gt;&lt;div style=&quot;background-color: #999; width: 20%; height: 800px;&quot;&gt;&lt;div id=&quot;start&quot;&gt;&nbsp; &nbsp; &lt;a href=&quot;javascript:show(&#039;start&#039;,&#039;popupalternative&#039;);&quot;&gt;Neuigkeiten&lt;/a&gt;&lt;br /&gt;&nbsp; &nbsp; &lt;a href=&quot;javascript:show()&quot;&gt;Bands&lt;/a&gt;&lt;br /&gt;&nbsp; &nbsp; &lt;a href=&quot;javascript:show()&quot;&gt;Announcen&lt;/a&gt;&lt;br /&gt;&nbsp; &nbsp; &lt;a href=&quot;javascript:show()&quot;&gt;Veranstaltungen&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: -200px;&quot; id=&quot;popupalternative&quot;&gt;&nbsp; &nbsp; &lt;a href=&quot;&quot;&gt;Neuigkeiten&lt;/a&gt;&lt;br /&gt;&nbsp; &nbsp; &lt;a href=&quot;javascript:show()&quot;&gt;Bands&lt;/a&gt;&lt;br /&gt;&nbsp; &nbsp; &lt;a href=&quot;javascript:show()&quot;&gt;Announcen&lt;/a&gt;&lt;br /&gt;&nbsp; &nbsp; &lt;a href=&quot;javascript:show()&quot;&gt;Veranstaltungen&lt;/a&gt;&lt;/div&gt;[/PHP]Was hab ich falsch gemacht? :schmoll:Freundliche Grüße</blockquote>

[QUOTE="MasterT, post: 2226154, member: 168770"] Hallo, ich möchte 2 divs gleichzeitig bewegen, das eine nach links, das andere nach rechts. Mein Code [PHP] function show(id1,id2) { var TIMERSHOW; var target1 = document.getElementById(id1); //das entsprechende DIV mit der angegeben Id ranholen var tposl1 = parseInt(target1.style.left); // die position der linken oberen ecke des divs vom linken rand var target2 = document.getElementById(id2); //das entsprechende DIV mit der angegeben Id ranholen var tposl2 = parseInt(target2.style.left); // die position der linken oberen ecke des divs vom linken rand if(tposl1 <= 0){ // die if-abfrage die prüft ob das div schon an pixel 600 angekommen ist target1.style.left = tposl1 + 5 + "px"; // aufsummieren auf die alte position um eine neue position zu erreichen } if(tposl2 <= -200){ // die if-abfrage die prüft ob das div schon an pixel 600 angekommen ist target2.style.left = tposl2 -5 + "px"; // aufsummieren auf die alte position um eine neue position zu erreichen } TIMERSHOW = setTimeout(function(){show(id1,id2)}, 5); } </script> <body> <div style="background-color: #999; width: 20%; height: 800px;"> <div id="start"> <a href="javascript:show('start','popupalternative');">Neuigkeiten</a> <a href="javascript:show()">Bands</a> <a href="javascript:show()">Announcen</a> <a href="javascript:show()">Veranstaltungen</a> </div> <div style="position: absolute; left: -200px;" id="popupalternative"> <a href="">Neuigkeiten</a> <a href="javascript:show()">Bands</a> <a href="javascript:show()">Announcen</a> <a href="javascript:show()">Veranstaltungen</a> </div> [/PHP]Was hab ich falsch gemacht? :schmoll: Freundliche Grüße [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?