[Javascript][FF] divs verplaatsen werkt niet - Softwareontwikkeling

maandag 21 februari 2005 18:23

Acties:

w00t

Topicstarter

Na urenlang zoeken op zowel google als GoT en zelfs na het lezen van een hele hoop javascripts kom ik nog steeds niet uit het volgende probleem.

Ik heb een pagina met div's. Nu kan ik met mijn javascript functie move() de div's verplaatsen. Dit werkt perfect in IE en Opera, maar in FireFox gebeurt er dus helemaal niks. Misschien dat iemand anders inziet waarom er niets gebeurt in firefox?

code:

<script>
  
var moving = false;
function move(){
    if (moving == false) {
        document.getElementById('left').style.pixelLeft = -160
        document.getElementById('right').style.pixelRight = -160
        moving = true
    }
    
    if (document.getElementById('left').style.pixelLeft<20)
        document.getElementById('left').style.pixelLeft+=6
    if (document.getElementById('right').style.pixelRight<20)
        document.getElementById('right').style.pixelRight+=6
    setTimeout("move()",50)
}
</script>

het probleem is niet dat FF het element niet kan vinden. Ik kan namelijk wel gewoon de marges en andere dingen van de divs aanpassen, maar pixelLeft/pixelRight lijkt niet te werken. Wat doe ik verkeerd?

MechWarrior || Monsters Game

maandag 21 februari 2005 18:33

Acties:

GambitRS

w00t

Topicstarter

Ik heb mijn script aangepast om geen pixelLeft/Right meer te gebruiken, nu werkt het wel goed in alle browsers, maar het is weer eens behelpen.

Ik heb het nu veranderd in:

code:

<script>
  
var moving = false;
function move(){
    if (moving == false) {
        document.getElementById('left').style.left = "-160px";
        document.getElementById('right').style.right = "-160px";
        moving = true
    }
    var left = parseInt(document.getElementById('left').style.left);
    var right = parseInt(document.getElementById('right').style.right);
    
    if (left<20) {
        left+=6;
        document.getElementById('left').style.left = left + "px";
    }
    if (right<20) {
        right+=6;
        document.getElementById('right').style.right = right + "px";
    }
    setTimeout("move()",50)
}
</script>

misschien dat iemand anders iets van deze fout leert voordat hij hem zelf maakt.

MechWarrior || Monsters Game

maandag 21 februari 2005 18:55

Acties:

HyperioN

Toch vreemd dat je eerst vertelt urenlang gezocht te hebben, maar nadat je gepost hebt de oplossing in 10 minuten vind...

maandag 21 februari 2005 19:01

Acties:

ironx

HyperioN. schreef op maandag 21 februari 2005 @ 18:55:
Toch vreemd dat je eerst vertelt urenlang gezocht te hebben, maar nadat je gepost hebt de oplossing in 10 minuten vind...

Kan toch zijn dat je ineens een "ingeving" krijgt? Heb ik ook wel eens

This posting is provided "AS IS" with no warranties, and confers no rights.

maandag 21 februari 2005 22:27

Acties:

GambitRS

w00t

Topicstarter

inderdaad, best raar eigenlijk, maar het schoot me ineens te binnen dat de functie wel eens niet zou kunnen bestaan in firefox en toen ik me besefte dat je in CSS gewoon left/right gebruikt heb ik dat maar geprobeerd. Gelukkig werkt dat in alle browsers.

MechWarrior || Monsters Game

maandag 21 februari 2005 22:34

Acties:

André

Analytics dude

Je gebruikt een variabele left, een id left en style.left, een beetje verwarrend niet? En het kan ook nog fout gaan zelfs, ik zou ze de eerste 2 een andere naam geven.

donderdag 24 februari 2005 14:50

Acties:

GambitRS

w00t

Topicstarter

Fout gaan? alleen als je zelf niet meer weet wat je doet, javascript zal ze heus niet door elkaar gaan gebruiken.

MechWarrior || Monsters Game

donderdag 24 februari 2005 16:09

Acties:

André

Analytics dude

Oh nee? Dacht het wel. Kijk maar eens naar dit voorbeeld:

code:

<html>
  <head>
    <title>Test</title>
    <script type="text/javascript">
      function doe()
      {
        alert(test.innerHTML);
      }
    </script>
 </head>
  <body onload="doe()">

    <div id="test">Blaat</div>

  </body>
</html>

Het script zal Blaat alerten, maar wat als ik nu een variabele test heb? Dan zal hij toch undefined geven omdat die variabele geen property innerHTML heeft. En met left wordt het nog verwarrender dan met test, dus een goede raad: gebruik diverse namen, ook om het voor jezelf in grotere scripts overzichtelijk te houden.