11549 sujets

JavaScript, DOM et API Web HTML5

Bonjour, j'ai petit problème sous chrome je récupère bien la position de la sourie mais sous firefox j'ai cette erreur "ReferenceError: event is not defined"

Voila mon code:

var posXclick = event.clientX;
var posYclick = event.clientY;
Ton code n'est pas complet... Je suppose que tu n'as pas récupérer l'objet Event en le nommant "event".

function(event){
   var posXclick = event.clientX;
   var posYclick = event.clientY;
}
Non effectivement car sa marche sans sous chrome

Par compte j'ai fait ce que tu ma écrit mais j'ai cette erreur TypeError: s(...).dropfile is not a function

Finalement je viens de voir pourquoi. Sa marche maintenant merci
Modifié par stephcache (30 Aug 2013 - 20:40)
Je ne sais pas trop comment t'as écrit mais concrètement c'est ça:

document.addEventListener("mousemove", function(event){
	var posXclick = event.clientX,
   		posYclick = event.clientY;
}, false);
bonjour a nouveau un problème avec Firefox

J'ai cette erreur: ReferenceError: jQuery is not defined


(function(s){

$.fn.dropfile = function(oo){
 
this.each(function(){
$('<span>').addClass('message').append('D&eacute;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);