Postingan lainnya
SLIDER untuk <div> bukan Image .img
Saya mempunyai slider yang dihalaman sebelumnya fungsi muouse hover berhasil dimana jika pointer masuk ke area slide maka slide akan berhenti berjalan selama pointer masih berada disana. Saat saya menerapkan nya kehalamn yang lain fungsi hover nya tidak berjalan.
ini adalah code yang fungsi hovernya berjalan
<script type="text/javascript">
/*<![CDATA[*/$(document).ready(function() {
$(".paging").show();
$(".paging a:first").addClass("active");
var imageWidth = $(".easyslider").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;
$(".image_reel").css({'width' : imageReelWidth});
rotate = function(){ var triggerID = $active.attr("rel") - 1;
var image_reelPosition = triggerID * imageWidth;
$(".paging a").removeClass('active');
$active.addClass('active');
$(".easytitledes").stop(true,true).slideUp('slow');
$(".easytitledes").eq(
$('.paging a.active').attr("rel") - 1 ).slideDown("slow");
$(".image_reel").animate({left: -image_reelPosition}, 400 );
};
rotateSwitch = function(){
$(".easytitledes").eq( $('.paging a.active').attr("rel") - 1 ).slideDown("slow");
play = setInterval(function(){
$active = $('.paging a.active').next();
if ( $active.length === 0) {
$active = $('.paging a:first'); } rotate(); }, 8000); };
rotateSwitch(); $(".image_reel a, .easytitledes a").hover(function() {
clearInterval(play); }, function() { rotateSwitch();
});
$(".paging a").click(function() { $active = $(this);
clearInterval(play); rotate(); rotateSwitch(); return false;
});
});
/*]]>*/</script>
sementara ini adalah code dimana hovernya tidak mau berjalan lagi, bedanya dengan diatas ada <div> yang memanggil ajax yang disimpan dalam file .php
<script type="text/javascript">
//$(".modalbox").fancybox();
$(document).ready(function() {
grafik1();
grafik5();
grafik6();
$(".datepicker2").val("");
$("#prd1").val(<?= date('Y') ?>+"-01-01");
var d = new Date(),
date = (d.getUTCFullYear())+'-'+(d.getUTCMonth()+1)+'-'+(d.getUTCDate());
$("#prd2").val(date);
$('.datepicker2').pickadate({
selectMonths: true, // Creates a dropdown to control month
selectYears: 100,
format: 'yyyy-mm-dd',
onSet: this.handleDateChange // returns { select: dateInMilliseconds }
});
isichart();
isichartdua();
isicharttiga();
isichartempat();
$('#prd1').change(function()
{
isichart();
isichartdua();
isicharttiga();
isichartempat();
});
$('#prd2').change(function()
{
isichart();
isichartdua();
isicharttiga();
isichartempat();
});
function isichart()
{
prd1 = $('#prd1').val();
prd2 = $('#prd2').val();
$('#container2').html("");
$.ajax({
url:"ajax/home.php",
data: "op=isichart&prd1="+prd1+"&prd2="+prd2,
cache:false,
success:function(msg) {
//alert(msg);
$('#container2').html(msg);
}
});
}
function isichartdua()
{
prd1 = $('#prd1').val();
prd2 = $('#prd2').val();
$('#container2a').html("");
$.ajax({
url:"ajax/home2.php",
data: "op=isichart&prd1="+prd1+"&prd2="+prd2,
cache:false,
success:function(msg) {
//alert(msg);
$('#container2a').html(msg);
}
});
}
function isicharttiga()
{
prd1 = $('#prd1').val();
prd2 = $('#prd2').val();
$('#container3').html("");
$.ajax({
url:"ajax/home3.php",
data: "op=isichart&prd1="+prd1+"&prd2="+prd2,
cache:false,
success:function(msg) {
//alert(msg);
$('#container3').html(msg);
}
});
}
function isichartempat()
{
prd1 = $('#prd1').val();
prd2 = $('#prd2').val();
$('#container4').html("");
$.ajax({
url:"ajax/home4.php",
data: "op=isichart&prd1="+prd1+"&prd2="+prd2,
cache:false,
success:function(msg) {
//alert(msg);
$('#container4').html(msg);
}
});
}
function isicharlima()
{
prd1 = $('#prd1').val();
prd2 = $('#prd2').val();
$('#container5').html("");
$.ajax({
url:"ajax/home5.php",
data: "op=isichart&prd1="+prd1+"&prd2="+prd2,
cache:false,
success:function(msg) {
//alert(msg);
$('#container5').html(msg);
}
});
}
});
</script>
Apakah ada yang salah dengan code berikut?
0
Belum ada Jawaban. Jadi yang pertama Jawaban
Login untuk ikut Jawaban