Bonjour,
je suis confronté à un soucis de conflit entre le petit bout de code js qui gère le rating box (étoile pour commentaires sur article) - les étoiles sont bloquées sur le 5/5:
function refresh_counter() {
var form = document.getElementById('reviewform');
form.counter.value= form.comment.value.length;
}
jQuery(function($) {
var steps = 5;
var parentPos= $('.write-reviews .ratingbox').position();
var boxWidth = $('.write-reviews .ratingbox').width();// nbr of total pixels
var starSize = (boxWidth/steps);
var ratingboxPos= $('.write-reviews .ratingbox').offset();
$('.write-reviews .ratingbox').mousemove( function(e){
var span = $(this).children();
var dif = e.pageX-ratingboxPos.left; // nbr of pixels
difRatio = Math.floor(dif/boxWidth* steps )+1; //step
span.width(difRatio*starSize);
$('#vote').val(difRatio);
//console.log('note = ', difRatio);
});
});
et le jquery.min.js de mon slideshow sur la meme page :
........./mod_slideshowck/assets/jquery.min.js
J'ai bien essayé de mettre un $.noconflict() qui n'a pas l'air de faire grand chose. Je ne suis vraiment pas js coder, merci de votre aide si vous avez une idée de ce qui se passe.
je suis confronté à un soucis de conflit entre le petit bout de code js qui gère le rating box (étoile pour commentaires sur article) - les étoiles sont bloquées sur le 5/5:
function refresh_counter() {
var form = document.getElementById('reviewform');
form.counter.value= form.comment.value.length;
}
jQuery(function($) {
var steps = 5;
var parentPos= $('.write-reviews .ratingbox').position();
var boxWidth = $('.write-reviews .ratingbox').width();// nbr of total pixels
var starSize = (boxWidth/steps);
var ratingboxPos= $('.write-reviews .ratingbox').offset();
$('.write-reviews .ratingbox').mousemove( function(e){
var span = $(this).children();
var dif = e.pageX-ratingboxPos.left; // nbr of pixels
difRatio = Math.floor(dif/boxWidth* steps )+1; //step
span.width(difRatio*starSize);
$('#vote').val(difRatio);
//console.log('note = ', difRatio);
});
});
et le jquery.min.js de mon slideshow sur la meme page :
........./mod_slideshowck/assets/jquery.min.js
J'ai bien essayé de mettre un $.noconflict() qui n'a pas l'air de faire grand chose. Je ne suis vraiment pas js coder, merci de votre aide si vous avez une idée de ce qui se passe.