Hjælp til javascript (alert box)
Hej..Jeg har denne kode som skal bruges til at beskære et billede ved hjælp af asp. Koden her kan finde x, y x1, og y1.. Mit problem er bare at når jeg vil sende de tal videre til den side hvor mit script så beskære billede, får jeg de 4 tal op i en alert box. Og jeg vil gerne have den til at sende dem videre til min side i stedet for fx i en hidden box eller noget. Jeg skal bare kunne lave en request("x") for hvert tal..
En der kan hjælpe med dette.. Javascript er ikke min stærke siden.
Her er koden:
<script type="text/javascript">
m_nede = null;
koord = null;
function getPos() {
obj = document.getElementById("bill");
temp = new Array(0, 0);
while (obj.parent != null) {
temp[0] += obj.offsetLeft;
temp[1] += obj.offsetTop;
obj = obj.parent;
}
return temp;
}
function musned(e) {
e = (document.all) ? event : e;
if (m_nede == null) {
m_nede = new Array(e.clientX, e.clientY);
obj = document.getElementById("markoer");
obj.style.width = "0px";
obj.style.height = "0px";
obj.style.left = e.clientX;
obj.style.top = e.clientY;
} else {
arr = getPos();
koord = new Array(m_nede[0] - arr[0], m_nede[1] - arr[1], e.clientX - arr[0], e.clientY - arr[1]);
m_nede = null;
}
}
function bevaeg(e) {
if (m_nede) {
e = (document.all) ? event : e;
obj = document.getElementById("markoer");
x = e.clientX;
y = e.clientY;
if (x < m_nede[0]) obj.style.left = x;
if (y < m_nede[1]) obj.style.top = y;
obj.style.width = Math.abs(x - m_nede[0]);
obj.style.height = Math.abs(x - m_nede[0]);
}
}
</script>
</head>
<body>
<img id="bill" src="billede.jpg" style="width: 300px; height: 200px;" onclick="musned(event);" onmousemove="bevaeg(event);" ondragstart="return false;" /><br /><br />
<form onsubmit="if (koord != null) alert('Koordinaterne, der bliver sendt videre:\n\n' + koord.join(', ')); return false;" style="display: inline;">
<input type="hidden" name="koordinater" value="" />
<input type="submit" value="Send koordinater" />
</form>
<div id="markoer" onclick="musned(event);" style="position: absolute; left: -100px; top: -100px; width: 0px; height: 0px; background-color: #999999; border: 1px solid black; filter: alpha(opacity=30); -moz-opacity: 0.3"></div>
