[PHP][JS] Verplaatsen object werkt niet

**Milan Drossaerts** · 14-12-2009, 14:51

Hallo Sitedeals leden,

Ik zit met een probleem.. Ik heb een script gemaakt waarbij je een object kunt schuiven en opslaan, en als de pagina weer geladen wordt, komt het op die positie:

Hier gaat het nog goed: http://www.menatwar.one2xs.com/sitemaker/test2.php

Echt als ik van het script dit maak:

PHP Code:


<?php

/**
 * @author Milan Drossaerts
 * @mail -
 * @uses ONLY BY -
 * @rights License, -
 * @copyright 2009
 */
include ("config.php");
$id = "";
if (isset($_GET['id'])&& ctype_digit($_GET['id']))
{
    $id = $_GET['id'];
}else{
    die("VERKEERDE GEGEVENS, MYSQL GEBLOKKEERD");
}
?>
<style>
a {
 text-decoration: none;    
 color: black;
}
</style>
<script type="text/javascript">

function geklicked() {
    this.mover = new mover;
    document.onmousemove = this.mover.move;
}

function losgelaten() {
    this.mover = null;
    document.onmousemove = null;
}

function mo() {
    this.mover = null;

    this.geklicked = geklicked;
    
    this.losgelaten = losgelaten;

}

function mover() {

    var divx = null;
    var divy = null;

    this.move = function(e) {

        var posx = 0;
        var posy = 0;
        if (!e) var e = window.event;
        if (e.pageX || e.pageY)
        {
            posx = e.pageX;
            posy = e.pageY;
        }
        else if (e.clientX || e.clientY)
        {
            posx = e.clientX + document.body.scrollLeft;
            posy = e.clientY + document.body.scrollTop;
        }
        <?php
        $sql2 = mysql_query("SELECT * FROM admin WHERE pageid = '" . $id . "'") or die(mysql_error());
        while ($fetch = mysql_fetch_assoc($sql2))
        {
            ?>
            var floatdiv = document.getElementById("<?php echo $fetch['id']; ?>");
        
        if (!divx) {
            divx = posx - parseInt(floatdiv.style.left);
            divy = posy - parseInt(floatdiv.style.top);
        }
        
        //document.getElementById("<?php echo $fetch['id']; ?>").style.position = 'absolute';
        floatdiv.style.top = posy - divy;
        floatdiv.style.left = posx - divx;
        
        document.getElementById("outputtop<?php echo $fetch['id']; ?>").value = posy ;
        document.getElementById("outputleft<?php echo $fetch['id']; ?>").value = posx;
        
            <?php
        }
        ?>
    }
    
}
</script>
<?php
$iQuery = mysql_query("SELECT * FROM admin WHERE pageid = '" . $id . "' AND soort = '0'") or die(mysql_error());

//<div style="position: absolute; top: 0px; left: 0px; width: 100%; background: url(editor_background.png); height: 20px;"><a href="#"><center><img src="img/textfield_add.png" border="0" /><strong>Voeg tekst toe</strong></a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#"><img src="img/image_add.png" border="0" /><strong>Voeg een afbeelding toe</strong></a></center></div><br /><br />
while ($iFetch = mysql_fetch_assoc($iQuery))
{
    $height = $iFetch['height']+16;
    ?>
    <div id="<?php echo $iFetch['id'];?>" style="width: 100px; height: 200px; background-color: blue; top: <?php echo $iFetch['top']; ?>px; left: <?php echo $iFetch['left']; ?>px; position: absolute;">
  <div onmouseup="e.losgelaten(); e = null;" onmousedown="e = new mo; e.geklicked();" style="margin: 0px; background-color: red; cursor: pointer; text-align: left;">Move
    <a onclick="document.getElementById('<?php echo $iFetch['id']; ?>').style.visibility='hidden' <?php  ?>">[x]</a>
  </div>
</div>
    <?php
}
?>

Kan ik het object alleen nog maar verwijderen van het scherm, maar niet meer verplaatsen:
http://www.menatwar.one2xs.com/sitemaker2/editor.php?id=1

Weet iemand waar het aan ligt?

Groeten,
Milan

AUB GEEN REACTIES DAT HET SLECHT GESCRIPT IS, IK BEN EEN BEGINNER MET JJAVASCRIPT.

[PHP][JS] Verplaatsen object werkt niet