Hello
Hope you can help. I have been using the code below to move elenents around
the page. This has worked fine until I put some arguments into the functions
so I could use them in many places with out having to create lots of
slightly different functions. The code that has now stoped working is below.
My javascript is not great and I have been struggling with this all day. Can
anyone see where Ive gone wrong
Thanks
Ian
This first bit is two elements that will be dynamically moved around by
pressing buttons on a form (I have many of these but have only shown two).
*******code starts here*********** ****
<div id='h1' style='position :absolute;left: <?php echo $xh1/2;?>px; top:<?php
echo $yh1/2;?>px; font-size:<?php echo $sh1/2;?>px; visibility:
visible;'><?php echo wordwrap($h1,$w h1, "<br />\n"); ?></div>
<div id='h2' style='position :absolute;left: <?php echo $xh2/2;?>px; top:<?php
echo $yh2/2;?>px; font-size:<?php echo $sh2/2;?>px; visibility:
visible;'><?php echo wordwrap($h2,$w h2, "<br />\n"); ?></div>
*************** *************** *************** *************** *************** *
*
These are the functions which do the moving. They have 3 arguments, one for
the number of pixels to move each time, one for the textfield that stores
the elements position, and one for the id of the element to be moved. Ive
used arguments in the functions instead of the actual values so that I can
reuse the functions with other blocks.
***code starts here *****
<script type="text/javascript" language="javas cript">
<!--
/*var texttop=100;*/
var h1 = document.getEle mentById('h1');
var textleft =120;
var texttop = 0;
function ymove(amount,yp osition,textstr {
texttop += amount;
textstr.style.t op =texttop+'px';
document.form2. yposition.value = texttop*2;
}
function xmove(amount,xp osition,textstr ) {
textleft += amount;
textstr.style.l eft =textleft+'px';
document.form2. xposition.value = textleft*2;
}
//-->
</script>
*************** *************** *************** *************** *************
This final bit is two buttons on either side of a text field, and when they
are clicked they call on the functions above. These then change the left and
top positions of the elements (the first bit of code)
I have a number of these blocks (only one shown below) each acting to move
an element around and storing its position in the textfield.
******code starts here*********** ***
<input name="button23" type='button' class="BodyText "
onClick="xmove(-10,'xh1,'h1')"
value='<'>
<input name="xh1" type="text" class="BodyText " value="<?php echo
$xh1; // echo $row['xh1']; ?>" size="1">
<input name="button22" type='button' class="BodyText "
onClick="xmove( 10,'xh1,'h1')"
value='>'>
</div></td>
<td nowrap class="BodyText "><div align="center">
<input name="button" type='button' class="BodyText "
onClick="ymove(-10,'yh1','h1')"
value='<'>
<input name="yh1"type= "text" class="BodyText " value="<?php echo $yh1;
?>" size="1">
<input name="button2" type='button' class="BodyText "
onClick="ymove( 10,'yh1','h1')"
value='>'>
