Salve a tutti.
Ho uno script inserito in un piccolo CMS (in asp classic), che sino ad ora ha funzionato correttamente sia su Explorer che su altri browser.
Con la nuova versione di Explorer (l'ultima) mi crea un problema, mentre con Chrome per esempio non mi da nessun problema. E passo dunque al problema.....
Ho un form con delle caselle input in cui inserire il valore di percentuale di ridimensionamento che si desidera effettuare su una immagine precedentemente selezionata. Insieme alla percentuale di ridimensionamento ho anche una casella input in cui inserire un valore numerico per l'altezza e una terza casella in cui inserire il valore numerico della larghezza.
Confermando il form viene riprodotta nella finestra una immagine ridimensionata.
Come detto con chrome tutto bene ma ecco che con Explorer le caselle mi sono inibilte dall'inserire i valori e confermando il form non mi da errore ma naturalmente l'immagine mantiene le dimensioni originarie.
Ecco il codice javascript:
<SCRIPT language=JavaScript>
<!--
var isNav, isIE;
var offsetX, offsetY, clientX, clientY;
var selectedObj;
var mode;
var init_t,init_l,errore;
var saveType;
saveType='jpg';
init_t=60;
init_l=190;
errore=0;
menushow='no';
direz='';
function setZIndex(obj, zOrder) {
obj.zIndex=zOrder
}
function shiftTo(obj, x, y) {
var scarto=5;
//if (x<document.eimg.width-init_l+scarto && x>init_l-errore-scarto && y<document.eimg.height-init_t+scarto && y>init_t-errore-scarto) {
obj.pixelLeft=x
obj.pixelTop=y
//}
write_dim();
}
function setSelectedElem(evt) {
var imgObj=window.event.srcElement
if (imgObj.parentElement.id.indexOf("dlay") != -1) {
selectedObj=imgObj.parentElement.style
setZIndex(selectedObj,100)
return
}
selectedObj=null
return
}
function dragIt(evt) {
if (selectedObj) {
if(mode=="tra"){
shiftTo(selectedObj, (window.event.clientX - offsetX), (window.event.clientY - offsetY))
return false
}
if(mode=="rit"){
document.dimg.width=window.event.clientX-clientX+width;
document.dimg.height=window.event.clientY-clientY+height;
}
write_dim();
}
}
function engage(evt) {
setSelectedElem(evt)
if (selectedObj) {
width=document.dimg.width;
height=document.dimg.height;
offsetX=window.event.offsetX;
offsetY=window.event.offsetY;
clientX=window.event.clientX;
clientY=window.event.clientY;
}
return false
}
function release(evt) {
if (selectedObj) {
setZIndex(selectedObj, 0);
selectedObj=null;
width=document.dimg.width;
height=document.dimg.height;
clientX=window.event.clientX-window.event.offsetX-init_l-errore;
clientY=window.event.clientY-window.event.offsetY-init_t-errore;
write_dim();
}
if (mode=='rit') modo('tra');
}
function write_dim(){
frm_rit.val_w.value=document.dimg.width;
frm_rit.val_h.value=document.dimg.height;
frm_rit.val_l.value=window.event.clientX-window.event.offsetX-init_l-errore;
frm_rit.val_t.value=window.event.clientY-window.event.offsetY-init_t-errore;
}
function init() {
mode="tra";
document.all.dlay.style.posLeft=init_l
document.all.dlay.style.posTop=init_t
width=document.dimg.width;
height=document.dimg.height;
frm.w_orig.value=document.eimg.width;
frm.h_orig.value=document.eimg.height;
frm_rit.val_w.value=100;
frm_rit.val_h.value=100;
frm_rit.val_l.value=0;
frm_rit.val_t.value=0;
frm_rid.val_w.value=document.eimg.width;
frm_rid.val_h.value=document.eimg.height;
clientX=0;
clientY=0;
document.onmousedown=engage
document.onmousemove=dragIt
document.onmouseup=release
}
function modo(mod) {
eval("document."+mode+".src='/mango/sys_img/edit_img/"+mode+"_off.gif';");
mode=mod;
eval("document."+mode+".src='/mango/sys_img/edit_img/"+mode+"_on.gif';");
}
function calc(oper) {
if (oper=='rit') {
width=document.dimg.width;
height=document.dimg.height;
}
if (oper=='rid') {
width=frm_rid.val_w.value;
height=frm_rid.val_h.value;
}
l=clientX;
t=clientY;
if(oper=='rit' && (t<0 || l<0 || width<1 || height<1 || t>document.eimg.height || l>document.eimg.width || document.eimg.height-(t+height)<0 || document.eimg.width-(l+width)<0)) alert("Attenzione, l'area di ritaglio inserita non è corretta!");
else location.href="edita_img.aspx?step=1&oper="+oper+" &ftname=<%= server.urlEncode(ftname) %>&direz="+direz+"&l="+l+"&t="+t+"&w="+width+"&h=" +height+"&ftmp=<%= ftmp %>&bpp=<%= request.querystring("bpp") %>&img=<%= request.querystring("img") %>&input_fs=<%= request.querystring("input_fs") %>&input_tit=<%= request.querystring("input_tit") %>&tipo=<%= request.querystring("tipo") %>";
}
function setv_rit() {
document.all.dlay.style.posLeft=parseInt(frm_rit.v al_l.value)+init_l;
document.all.dlay.style.posTop=parseInt(frm_rit.va l_t.value)+init_t;
document.dimg.width=parseInt(frm_rit.val_w.value);
document.dimg.height=parseInt(frm_rit.val_h.value) ;
}
function setv_rid(param) {
if (param=="fatt_scala") {
fatt_scala=frm_rid.fatt_scala.value;
frm_rid.val_w.value=parseInt(fatt_scala*frm.w_orig .value/100);
frm_rid.val_h.value=parseInt(fatt_scala*frm.h_orig .value/100);
}
if (param=="val_h") {
val_h=frm_rid.val_h.value;
fatt_scala=frm_rid.fatt_scala.value=parseInt(val_h/frm.h_orig.value*100);
frm_rid.val_w.value=parseInt(fatt_scala*frm.w_orig .value/100);
}
if (param=="val_w") {
val_w=frm_rid.val_w.value;
fatt_scala=frm_rid.fatt_scala.value=parseInt(val_w/frm.w_orig.value*100);
frm_rid.val_h.value=parseInt(fatt_scala*frm.h_orig .value/100);
}
}
function setv_cap(param) {
direz=param;
}
function setv_ruo(param) {
direz=param;
}
function menu(nome_menu) {
if (menushow!='no') eval('m_'+menushow+'.style.visibility="hidden"');
eval('m_'+nome_menu+'.style.visibility="visible"') ;
menushow=nome_menu;
if (nome_menu=='rit') dlay.style.visibility="visible";
else dlay.style.visibility="hidden";
}
function salva() {
location.href="salva.aspx?ftname=<%= server.urlEncode(ftname) %>&ftmp=<%= ftmp %>&bpp=<%= request.querystring("bpp") %>&img=<%= request.querystring("img") %>&input_fs=<%= server.urlEncode(request.querystring("input_fs")) %>&input_tit=<%= server.urlEncode(request.querystring("input_tit")) %>&tipo=<%= request.querystring("tipo") %>&saveType="+saveType+"";
}
// -->
</SCRIPT>
ed ecco le caselle con il rispettivo id che collega il form in cui sono inserite allo script precedente:
<div id="m_rid" >
<table>
<form name="frm_rid" onSubmit="calc('rid');return false;">
<tr>
<td >
Scala in percentuale
<input type="text" name="fatt_scala" class="inputimg" value="100" onChange="setv_rid('fatt_scala')">
Larghezza finale
<input type="text" name="val_w" class="inputimg" onChange="setv_rid('val_w')">
Altezza finale
<input type="text" name="val_h" class="inputimg" onChange="setv_rid('val_h')">
</td></tr>
<tr><td align="right"><input type="image" src="go_off.gif" alt="Calcola"></td></tr>
</form>
che devo fa?
Rispondi quotando