Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Markera bild m lager samt förminska lagret.

solbulle

Startad av solbulle,
i Webbutveckling

Rekommendera Poster

solbulle

solbulle

Postad
Postad

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

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...