Compatibilidad navegadores

[josepinzon_12]

Buenas noches,

Estoy desarrollando un proyecto en edge animate donde utilizo código javascript y biblioteca de jquery-1.10.2 , jquery -ui-1.10.4.custom.js ,jquery -ui-1.10.4.custom.min.js , en el cual al momento de realizar la visualización del drag and drop solo funciona correctamente en algunos navegadores.A continuación adjunto el código.

(function($, Edge, compId){
var Composition = Edge.Composition, Symbol = Edge.Symbol; // los alias más comunes para las clases de Edge


//Edge symbol: 'stage'
(function(symbolName) {
var k=0;
var uno = new Audio('media/uno.mp3');
var dos = new Audio('media/dos.mp3');
var tres = new Audio('media/tres.mp3');
var cuatro = new Audio('media/cuatro.mp3');
var cinco = new Audio('media/cinco.mp3');
var seis = new Audio('media/seis.mp3');
var siete = new Audio('media/siete.mp3');
var ocho = new Audio('media/ocho.mp3');

function dropEvent(sym,event, ui){
k++;
ui.draggable.draggable( 'disable' );


if(k==1){
uno.play();
} else if(k==2){
dos.play();

}
else if(k==3){
tres.play();

}
else if(k==4){
cuatro.play();

}
else if(k==5){
cinco.play();

}
else if(k==6){
seis.play();

}
else if(k==7){
siete.play();

}
else {
ocho.play();
setTimeout(function(){ sym.getSymbol('reward').play('star');
sym.$('reward').show();
sym.$('resetBtn').show(); },1000);
}
}



Symbol.bindElementAction(compId, symbolName, "document", "compositionReady", function(sym, e) {
sym.getSymbol('reward').stop();
sym.getSymbol("abuela").stop();
sym.getSymbol("pulpo").stop();
sym.getSymbol("estrella").stop();
sym.getSymbol("caballo").stop();
sym.getSymbol("pez").stop();
sym.getSymbol("cangrejo").stop();
sym.getSymbol("pez").stop();
sym.getSymbol("ballena").stop();

sym.$('reward').hide();
sym.$('resetBtn').hide();

sym.$('resetBtn').click(function(){
window.location.reload()
});

});
//Edge binding end



Symbol.bindElementAction(compId, symbolName, "${abuela}", "mouseover", function(sym, e) {
// introducir código que se ejecute cuando se sitúe el ratón sobre el objeto
sym.$('abuela').draggable({
revert: 'invalid'
});
sym.$('animales').droppable({
accept: sym.$('abuela'),
drop: function(event, ui){
dropEvent(sym,event, ui);

}
});

});
//Edge binding end

Symbol.bindElementAction(compId, symbolName, "${estrella}", "mouseover", function(sym, e) {
// introducir código que se ejecute cuando se sitúe el ratón sobre el objeto
sym.$('estrella').draggable({
revert: 'invalid'
});
sym.$('animales').droppable({
accept: sym.$('estrella'),
drop: function(event, ui){
dropEvent(sym,event, ui);

}
});

});
//Edge binding end

Symbol.bindElementAction(compId, symbolName, "${pulpo}", "mouseover", function(sym, e) {
// introducir código que se ejecute cuando se sitúe el ratón sobre el objeto
sym.$('pulpo').draggable({
revert: 'invalid'
});
sym.$('animales').droppable({
accept: sym.$('pulpo'),
drop: function(event, ui){
dropEvent(sym,event, ui);

}
});

[josepinzon_12]

});
//Edge binding end

Symbol.bindElementAction(compId, symbolName, "${caballo}", "mouseover", function(sym, e) {
// introducir código que se ejecute cuando se sitúe el ratón sobre el objeto
sym.$('caballo').draggable({
revert: 'invalid'
});
sym.$('animales').droppable({
accept: sym.$('caballo'),
drop: function(event, ui){
dropEvent(sym,event, ui);

}
});

});
//Edge binding end

Symbol.bindElementAction(compId, symbolName, "${pez}", "mouseover", function(sym, e) {
// introducir código que se ejecute cuando se sitúe el ratón sobre el objeto
sym.$('pez').draggable({
revert: 'invalid'
});
sym.$('animales').droppable({
accept: sym.$('pez'),
drop: function(event, ui){
dropEvent(sym,event, ui);

}
});

});
//Edge binding end

Symbol.bindElementAction(compId, symbolName, "${bailarina}", "mouseover", function(sym, e) {
// introducir código que se ejecute cuando se sitúe el ratón sobre el objeto
sym.$('bailarina').draggable({
revert: 'invalid'
});
sym.$('animales').droppable({
accept: sym.$('bailarina'),
drop: function(event, ui){
dropEvent(sym,event, ui);

}
});

});
//Edge binding end

Symbol.bindElementAction(compId, symbolName, "${ballena}", "mouseover", function(sym, e) {
// introducir código que se ejecute cuando se sitúe el ratón sobre el objeto
sym.$('ballena').draggable({
revert: 'invalid'
});
sym.$('animales').droppable({
accept: sym.$('ballena'),
drop: function(event, ui){
dropEvent(sym,event, ui);

}
});

});
//Edge binding end

Symbol.bindElementAction(compId, symbolName, "${cangrejo}", "mouseover", function(sym, e) {
// introducir código que se ejecute cuando se sitúe el ratón sobre el objeto
sym.$('cangrejo').draggable({
revert: 'invalid'
});
sym.$('animales').droppable({
accept: sym.$('cangrejo'),
drop: function(event, ui){
dropEvent(sym,event, ui);

}
});

});
//Edge binding end

Symbol.bindElementAction(compId, symbolName, "${atrasCopy}", "click", function(sym, e) {
// introducir aquí código para clic de ratón
// Ir a una nueva dirección URL en la ventana actual
// (sustituya "_self" por el atributo de destino correspondiente)
window.open("../ejercicio2/ejercicio2.html", "_self");


});
//Edge binding end

})("stage");
//Edge symbol end:'stage'

//================================================== =======

//Edge symbol: 'calificar'
(function(symbolName) {



})("calificar");
//Edge symbol end:'calificar'

//================================================== =======

//Edge symbol: 'resetBtn'
(function(symbolName) {

})("resetBtn");
//Edge symbol end:'resetBtn'

//================================================== =======

//Edge symbol: 'ballenas'
(function(symbolName) {

})("ballenas");
//Edge symbol end:'ballenas'

//================================================== =======

//Edge symbol: 'estrellas'
(function(symbolName) {

})("estrellas");
//Edge symbol end:'estrellas'

//================================================== =======

//Edge symbol: 'caballitos'
(function(symbolName) {

})("caballitos");
//Edge symbol end:'caballitos'

//================================================== =======

//Edge symbol: 'letrab'
(function(symbolName) {

})("letrab");
//Edge symbol end:'letrab'

//================================================== =======

//Edge symbol: 'letrae'
(function(symbolName) {

})("letrae");
//Edge symbol end:'letrae'

//================================================== =======

//Edge symbol: 'ballenitas'
(function(symbolName) {

})("ballenitas");
//Edge symbol end:'ballenitas'

//================================================== =======

//Edge symbol: 'estrellitas'
(function(symbolName) {

})("estrellitas");
//Edge symbol end:'estrellitas'

//================================================== =======

//Edge symbol: 'abuela'
(function(symbolName) {

})("abuela");
//Edge symbol end:'abuela'

//================================================== =======

//Edge symbol: 'estrella'
(function(symbolName) {

})("estrella");
//Edge symbol end:'estrella'

//================================================== =======

//Edge symbol: 'pulpo'
(function(symbolName) {

})("pulpo");
//Edge symbol end:'pulpo'

//================================================== =======

//Edge symbol: 'caballo'
(function(symbolName) {

})("caballo");
//Edge symbol end:'caballo'

//================================================== =======

//Edge symbol: 'pez'
(function(symbolName) {

})("pez");
//Edge symbol end:'pez'

//================================================== =======

//Edge symbol: 'bailarina'
(function(symbolName) {

})("bailarina");
//Edge symbol end:'bailarina'

//================================================== =======

//Edge symbol: 'ballena'
(function(symbolName) {

})("ballena");
//Edge symbol end:'ballena'

//================================================== =======

//Edge symbol: 'cangrejo'
(function(symbolName) {

})("cangrejo");
//Edge symbol end:'cangrejo'

})(window.jQuery || AdobeEdge.$, AdobeEdge, "EDGE-56113120");





Nota: En caso de necesitar mas información permitamos un correo electrónico donde se le pueda enviar la información.