Just nu i M3-nätverket
Jump to content

Markera bild m lager samt förminska lagret.


solbulle

Recommended Posts

Markera bild m lager samt förminska lagret.

Jag försöker mig på att skapa en sida där man kan ladda upp en bild samt sen beskära den mm.

 

Det jag tänkte att ni skulle fixa åt mig är just funktionen med beskärningen, eller rättare sagt markeringen av det område man vill ha ut.

jag tänkte att det skulle fungera som så att man har en bild på sidan samt tar ett genomskinligt lager och på så sätt markerar det område man vill ha ut.

Skulle väldigt gärna även vilja att om man typ kunde förminska det övre lagret genom att dra i nedre högra hörnet.. proportionelt.

 

Jag hittade ett script som Jojoxx samt doggelito skruvat på och har tagit mig friheten att utgå från det. http://www.webforum.nu/showthread.p...lytta+and+lager

 

Mina problem:

 

Jag kan nu inte ens sätta in min bild på sidan, om jag gör det kan jag inte dra mitt lager på andra ställen än där det just är text i lagret. Hur lösa det?

 

Hur kan jag förminska lagret proportionellt genom att dra i högra nedre hörnet? (Eller motsvarande)

 

Har jag med mig kod som är överflödig?

 

Nuvarande kod:

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>
<body>

<script language="JavaScript" src="layerlib.js" type="text/JavaScript"></script>
<script language="JavaScript" src="stdiolib.js" type="text/JavaScript"></script>
<script language="JavaScript" type="text/JavaScript">

function savepos(){

document.form2.x.value=(getLayerX('foo'));
document.form2.y.value=(getLayerY('foo'));

document.form2.xx.value=(getLayerWidth('foo'));
document.form2.yy.value=(getLayerHeight('foo'));

}
function glue(layer){
	offsetX=getMouseX()-getLayerX(layer);	
	offsetY=getMouseY()-getLayerY(layer);	
	currentLayer=layer;
	setOnMousemove("moveit();"); 
}
function rubber(){
	setOnMousemove(""); 
}
function moveit(){
	moveLayerAbs(currentLayer,Math.min(Math.max(getMouseX()-offsetX,0),getClientWidth()-getLayerWidth('foo')),Math.min(Math.max(getMouseY()-offsetY,0),getClientHeight()-getLayerHeight('foo')))
}
function getLayerWidth(Id){
	if (document.all){
		return parseInt(document.all[id].style.width);
	} else if (document.layers){
		return parseInt(document.layers[id].width);
	} else if (document.getElementById){
		return parseInt(document.getElementById(Id).style.width);
	}
}
function getLayerHeight(Id){
	if (document.all){
		return parseInt(document.all[id].style.height);
	} else if (document.layers){
		return parseInt(document.layers[id].height);
	} else if (document.getElementById){
		return parseInt(document.getElementById(Id).style.height);
	}
}

</script>
<div
id="foo"
style=" position:absolute;top:150px;left:150px;width:300px;height:30
0px;border:1px solid black; padding:5px;"
onMousedown="glue('foo');"
onMouseup="rubber();">
Move me!
</div>


<form name="form2">
X<input type="text" name="x">
Y<input type="text" name="y">
<br>
Bredd<input type="text" name="xx">
Höjd<input type="text" name="yy">
<input type="button" value="Sätt värden" onClick="savepos();">
</form>


</body>
</html>

 

 

Åsså har jag en länk till sidan:

 

Utan bild:

http://www.solbulle.com/wf/lager/index.html

Med bild:

http://www.solbulle.com/wf/lager/bild.html

/solbulle

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...