Right, drag and drop works fine. I made a function so when you click save it runs a function to get the x&y co-ordinates... and for now alert them so i know its working.
Theres the coding, but when i click Save, it wont alert the co-ordinates.PHP Code:<?php
ob_start();
include("config.php");
function save()
{
$topval = document.getElementById('example').style.top;
$leftval = document.getElementById('example').style.left;
echo("
<script>
alert ('$topval $leftval')
</script>
");
}
?>
<html>
<head>
<title>OurHabbo</title>
<link href="ourhabbo.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="dom-drag.js"></script>
</head>
<body class='content'>
<span class='contentHeading'>Drag & Drop Practise</span><br><Br>
<img id="example" src="lips_small.gif" style="position: relative" />
<script type="text/javascript">
Drag.init(document.getElementById("example"));
</script>
<a href='#' onClick='javascript: save();return true'>Save</a>
</body>
</html>
Results 1 to 8 of 8
Thread: Alerting x/y
-
08-05-2007, 03:59 PM #1
Alerting x/y
-
Thats php mate.. try javascript :S
-
08-05-2007, 04:10 PM #3
Kk, so how would i do it =]
Last edited by Romanity; 08-05-2007 at 04:12 PM.
-
your mixing both php functions with javascript functions, interesting...
-
08-05-2007, 04:15 PM #5
Im far from good with functions (A)
Sooooo, how would i go about getting the position of "example" and then alert the user with them?
-
I think?HTML Code:
<script> function save() { var top = document.getElementById('example').style.top; var bot = document.getElementById('example').style.left; alert(top bot) } </script>
-
Code:
<?php ob_start(); include("config.php"); function save() { $topval = document.getElementById('example').style.top; $leftval = document.getElementById('example').style.left; ?> <script> alert ("<?php echo "$topval $leftval"; ?>") </script> <? } ?> <html> <head> <title>OurHabbo</title> <link href="ourhabbo.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="dom-drag.js"></script> </head> <body class='content'> <span class='contentHeading'>Drag & Drop Practise</span><br><Br> <img id="example" src="lips_small.gif" style="position: relative" /> <script type="text/javascript"> Drag.init(document.getElementById("example")); </script> <a href='#' onClick='javascript: save();return true'>Save</a> </body> </html>
-
08-05-2007, 04:51 PM #8
None of the codes seem to code... could it be the save link aswell as the coding?
Reply With Quote
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts