11549 sujets
bonjour a nouveau un problème avec Firefox
J'ai cette erreur: ReferenceError: jQuery is not defined
J'ai cette erreur: ReferenceError: jQuery is not defined
(function(s){
$.fn.dropfile = function(oo){
this.each(function(){
$('<span>').addClass('message').append('Déposer l\'image ici !').appendTo(this);
$('<span>').addClass('progress').appendTo(this);
$(this).bind({
dragenter : function(e){
e.preventDefault();
},
dragover : function(e){
e.preventDefault();
$(this).addClass('hover');
},
dragleave : function(e){
e.preventDefault();
$(this).removeClass('hover');
}
});
this.addEventListener('drop', function(e){
e.preventDefault();
var files = e.dataTransfer.files;
var id = e.target.parentElement.parentElement.id;
upload(files,id,$(this),0);
}, 'false');
});
function upload(files,id,area,index){
var file = files[index];
var xhr = new XMLHttpRequest();
var progress = area.find('.progress');
var numeros = document.getElementById("N_equipement").value;
a = id.split('_');
var remarque = $('.r_' + a[1]).val();
xhr.open('post', 'upload.php', true);
xhr.setRequestHeader('content-type', 'multipart/form-data');
xhr.setRequestHeader('x-file-type', file.type);
xhr.setRequestHeader('x-file-size', file.size);
xhr.setRequestHeader('x-file-name', file.name);
xhr.setRequestHeader('photo', id);
xhr.setRequestHeader('num_machine', numeros);
xhr.setRequestHeader('num_remarque', remarque);
xhr.send(file);
xhr.addEventListener('load',function(e){
area.removeClass('hover');
progress.css({width:242}).html('Image chargé');
var nom_fichier = jQuery.parseJSON(e.target.responseText);
a = id.split('_');
var a = document.getElementById('canvas_' + a[1]);
var ctx = a.getContext("2d");
var image = new Image();
image.src = 'tempo/'+ id +'/'+ nom_fichier.nom;
image.onload = function() {
ctx.drawImage(this,0,0,242,182);
a = id.split('_');
var cercle = document.getElementById('cercle_' + a[1]);
cercle.disabled = false;
cercle.onclick = function()
{
a = id.split('_');
$('#canvas_' + a[1]).click(
function(event)
{
var posXclick = event.clientX;
var posYclick = event.clientY;
a = id.split('_');
var pos_canvas = $('#canvas_' + a[1]).offset();
var x_canvas = posXclick - pos_canvas.left;
var y_canvas = posYclick - pos_canvas.top;
var a = document.getElementById('canvas_' + a[1]);
var ctx = a.getContext("2d");
ctx.beginPath();
ctx.strokeStyle = "#FF0015";
ctx.lineWidth = "5";
ctx.arc(x_canvas,y_canvas,45,0,Math.PI*2,false);
ctx.stroke();
var data = a.toDataURL();
var image_b64 = data.substr(22);
a = id.split('_');
document.getElementById('image64_' + a[1]).value = image_b64;
var xhr = new XMLHttpRequest();
xhr.open('post', 'upload_64.php', true);
var form = new FormData();
form.append('image64', data);
form.append('dossier', id);
form.append('nom_photo', nom_fichier.nom);
xhr.send(form);
}
);
};
};
},false);
xhr.upload.addEventListener('progress',function(e){
if(e.lengthComputable){
var perc = (Math.round(e.loaded/e.total) * 100)+ '%';
progress.css({width:perc}).html(perc);
}},false);
}
}
})(jQuery);