Billedeskæring med phoenixv ?
Hej. Har fundet denne kode på phoenixv.dk. Dette er en fed kode, men vil gerne have udbygget den lidt.. Her ses den :<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Markér billede</title>
<script type="text/javascript">
m_nede = null;
koord = null;
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(y - m_nede[1]);
}
}
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;
}
</script>
</head>
<body>
<img id="bill" src="billede.gif" 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>
</body>
</html>
Men jeg vil gerne have to radiobokse som gør følenge:
1. Kører scriptet over (hvor du selv vælger størrelsen)
2. Her kommer den en boks frem på 100 X 100 pixels, som kun kan flyttes. Altså ikke laves større.
Har jeg udtrykt mig godt nok ?
Hvis ja, så glæder jeg mig til at se svaret ;) ..
På forhånd tak.
Rasmus Madsen
