Code:
var el = document.createElement('button');
el.setAttribute('type', 'submit');
el.id = this.get('element').id + '_save';
el.className = 'yui-img-save';
el.innerHTML = 'Save';
this._controls.appendChild(el);
Event.addListener(el, 'click', function(){
this.fireEvent('saveEvent');
}, this, true);
var el = document.createElement('button');
el.setAttribute('type', 'submit');
el.id = this.get('element').id + '_save';
el.className = 'yui-img-save';
el.innerHTML = 'Save';
this._controls.appendChild(el);
Event.addListener(el, 'click', function(){
this.fireEvent('saveEvent');
}, this, true);
saveEvent je custom event:
Code:
var resizer = new YAHOO.widget.ImageEditor('edit', {
size: 'fixed',
image: Dom.get('edit').src,
width: 312,
height: 390,
mask: fields.overlay.value.replace('/files/','http://cdn.sheknows.com/create-a-frame/')
});
var handleResizeEvent = function(size)
{
var img = Dom.get('edit_image');
fields.width.value = img.width;
fields.height.value = img.height;
};
var handleMoveEvent = function(coords)
{
var x = parseInt(Dom.getStyle('edit_image','left'), 10);
var y = parseInt(Dom.getStyle('edit_image','top'), 10);
fields.x.value = isNaN(x) ? 0 : x;
fields.y.value = isNaN(y) ? 0 : y;
};
var handleOverlayClick = function(e)
{
var target = Event.getTarget(e);
if (target.nodeName == 'SPAN')
{
var src = target.style.backgroundImage.replace('-small', '-full').replace('url(','').replace(')','');
fields.overlay.value = src.replace("http://media.sheknows.com/create-a-frame/", "/files/");
resizer.set('mask', src);
}
};
resizer.subscribe('resizeEvent', handleResizeEvent);
resizer.subscribe('moveEvent', handleMoveEvent);
resizer.subscribe(
'saveEvent',
function() {
handleResizeEvent();
handleMoveEvent();
}
);
var resizer = new YAHOO.widget.ImageEditor('edit', {
size: 'fixed',
image: Dom.get('edit').src,
width: 312,
height: 390,
mask: fields.overlay.value.replace('/files/','http://cdn.sheknows.com/create-a-frame/')
});
var handleResizeEvent = function(size)
{
var img = Dom.get('edit_image');
fields.width.value = img.width;
fields.height.value = img.height;
};
var handleMoveEvent = function(coords)
{
var x = parseInt(Dom.getStyle('edit_image','left'), 10);
var y = parseInt(Dom.getStyle('edit_image','top'), 10);
fields.x.value = isNaN(x) ? 0 : x;
fields.y.value = isNaN(y) ? 0 : y;
};
var handleOverlayClick = function(e)
{
var target = Event.getTarget(e);
if (target.nodeName == 'SPAN')
{
var src = target.style.backgroundImage.replace('-small', '-full').replace('url(','').replace(')','');
fields.overlay.value = src.replace("http://media.sheknows.com/create-a-frame/", "/files/");
resizer.set('mask', src);
}
};
resizer.subscribe('resizeEvent', handleResizeEvent);
resizer.subscribe('moveEvent', handleMoveEvent);
resizer.subscribe(
'saveEvent',
function() {
handleResizeEvent();
handleMoveEvent();
}
);
moveEvent i resizeEvent rade kako treba
a saveEvent nece...kad stavim npr
Code:
resizer.subscribe(
'saveEvent',
function() {
alert('blabla');
}
);
resizer.subscribe(
'saveEvent',
function() {
alert('blabla');
}
);
radi ok
POmagajte please :))
Kod stavljajte unutar tag-ova za kod!
[Ovu poruku je menjao Nikola Poša dana 08.02.2010. u 18:17 GMT+1]