Joined: 27 Jan 2005 Posts: 1591 Location: insula aurea
Posted: 09.01.2006 14:32 Post subject: JS - crop box drugi put
http://david.blackledge.com/XBMDrawLibrary.html - ovaj primjer je točno ono što mi treba ali ne radi u FF-u, znate li možda ašto ne radi ili link do nečeg sličnog što bi radilo?
kao npr http://encytemedia.com/demo/cropper/ u kojem se nažalost ne uspijevam snaći
radi se dakle o crtanju boxa preko slike povlačenjem miša i da se na kraju slika poveća na sadržaj unutar boxa
išla sam proučavati ova dva linka i zaključak je da prva verzija ne radi u FF-u a druga ne radi u IE-u, zaista lijepo
Joined: 27 Jan 2005 Posts: 1591 Location: insula aurea
Posted: 11.01.2006 09:52 Post subject:
Probat ću još jednom pitati s konkretnim primjerom koji sam pronašla na netu i samo malo modificirala, lik kaže da radi u IE-u i mozilli ali FF ponovno ne radi - je li moguće ovo modificirati pa da proradi i u FF-u?
Evo koda:
<html>
<head>
<script>
var moz = ((document.all)? false : true);
var ie = ((document.all)? true : false);
function ImageBox(imgId) {
var origX, origY;
var imgPosition, imgDimension;
var dragDiv, overLayer;
var isCropped = false;
function init() {
var img = document.getElementById(imgId);
imgPosition = ElementUtil.getElementPosition(img);
imgDimension = ElementUtil.getElementDimension(img);
// I put this div over the image to remove drag behaviour
// on image in mozilla.
if(moz) {
overLayer = document.createElement("div");
document.body.appendChild(overLayer);
overLayer.style.position = "absolute";
overLayer.style.left = imgPosition.left;
overLayer.style.top = imgPosition.top;
overLayer.style.width = imgDimension.width;
overLayer.style.height = imgDimension.height;
}
btw jedini script s neta koji radi otprilike ovo u FF-u a kojeg sam našla je onaj navedeni u gornjem postu koji je meni stvarno kompliciran. Mogla bih to kombinirati s ovim kodom gore pa da u FF-u vrti jedan script a u IE-u drugi al mi to nije baš neko rješenje. Radilo bi ali....
Joined: 02 Apr 2004 Posts: 692 Location: Around & about
Posted: 11.01.2006 13:50 Post subject:
Vidjeh sličan alat u aplikaciji " gallery " koja se može nabaviti kao appserv addon. Probaj to proguglati.
_________________ The quest for certainty blocks the search for meaning. Uncertainty is the very condition to impel a man to unfold his powers.
http://origami.hr
Joined: 27 Jan 2005 Posts: 1591 Location: insula aurea
Posted: 11.01.2006 14:35 Post subject:
već sam proučavala desetak jscipta koji rade ovo...
oni koji rade u IE-u rade tako da naprave transparentni div s borderom pa ga resajzaju
a oni koji rade u FF-u naprave transparentni gif image pa s njim manipuliraju
u FF-u ovo s DIV-om izgledan ne radi jer prelaskom preko slike koja je u pozadini brovser preuzima neki behaviour vezan uz tu sliku a div ostavi... to se inače događa i u IE-u samo postoji način da se taj default behaviour makne
// Removes default drag behaviour on image
ElementUtil.addEventListener(img, "drag", function() {return false;});
...u ovom primjeru su napravili i alternativu te funkcije za mozzilu ali meni to kod testiranja ne radi
sve u svemu izgleda dosta komplicirano, i možda je na kraju najbolje rješenje raditi za IE s DIV-om a za FF-paralelno s gif-om
... a već mi je lagano pun kufer
btw. ako to išta znači web je na win serveru, koristi asp i .NET, i Integraphov webmap
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot vote in polls in this forum