Buongiorno a tutti,
sono nuovo e non conosco javascript.
ho una domanda (probabilmente banale per molti di voi).
Ho ripreso questo codice Javascript dalla pagina https://codepen.io/chriscoyier/pen/ekazc
var DEVONLYpositioning = {
init: function() {
this.injectDataDisplay();
this.initDragging();
},
injectDataDisplay: function() {
$("<div />", {
id: "data-display",
html: "#<span id='dd-class'></span> {<br> top: <span id='dd-top'></span>px;<br> left: <span id='dd-left'></span>px;<br>}"
}).appendTo("body");
},
initDragging: function() {
[].forEach.call(
document.querySelectorAll('.object'),
function(el){
var tempDraggie = new Draggabilly(el, {
containment: '#site-header'
});
tempDraggie.on('dragEnd', function(draggieInstance, event, pointer) {
DEVONLYpositioning.updateInfo(draggieInstance);
});
}
);
},
updateInfo: function(inst) {
$("#dd-class").text(inst.element.id);
$("#dd-top").text(inst.position.y);
$("#dd-left").text(inst.position.x);
}
};
DEVONLYpositioning.init();
Vorrei riportare il risultato di (dd-class / dd-top / dd-left) in 3 textbox separate nella index.html anziché nel "data Display".
Grazie a chi mi può aiutare.
sono nuovo e non conosco javascript.
ho una domanda (probabilmente banale per molti di voi).
Ho ripreso questo codice Javascript dalla pagina https://codepen.io/chriscoyier/pen/ekazc
var DEVONLYpositioning = {
init: function() {
this.injectDataDisplay();
this.initDragging();
},
injectDataDisplay: function() {
$("<div />", {
id: "data-display",
html: "#<span id='dd-class'></span> {<br> top: <span id='dd-top'></span>px;<br> left: <span id='dd-left'></span>px;<br>}"
}).appendTo("body");
},
initDragging: function() {
[].forEach.call(
document.querySelectorAll('.object'),
function(el){
var tempDraggie = new Draggabilly(el, {
containment: '#site-header'
});
tempDraggie.on('dragEnd', function(draggieInstance, event, pointer) {
DEVONLYpositioning.updateInfo(draggieInstance);
});
}
);
},
updateInfo: function(inst) {
$("#dd-class").text(inst.element.id);
$("#dd-top").text(inst.position.y);
$("#dd-left").text(inst.position.x);
}
};
DEVONLYpositioning.init();
Vorrei riportare il risultato di (dd-class / dd-top / dd-left) in 3 textbox separate nella index.html anziché nel "data Display".
Grazie a chi mi può aiutare.