• 08-07-2015, 18:30:01
    #1
    Merhaba,
    Tema entegre ediyorum bulut sunucu sayfasında slide kullandım.
    Tasarım html iken normalde index.html de oraya ait jsleri include ediyordum bulut sayfasında da o sayfaya ait olanları.

    Şimdi entegrede header.tpl 'e bulutunkileri koyarsam indexdeki ana slider bozuluyor ancak bulut çalışıyor. Farklı metodu var mıdır? Direk bulut.tpl 'e include edincede aktif olmuyor.

    Yardımlara R10+
    teşekkürler
  • 08-07-2015, 19:02:44
    #2
    Reveloper
    MahmutCan adlı üyeden alıntı: mesajı görüntüle
    Merhaba,
    Tema entegre ediyorum bulut sunucu sayfasında slide kullandım.
    Tasarım html iken normalde index.html de oraya ait jsleri include ediyordum bulut sayfasında da o sayfaya ait olanları.

    Şimdi entegrede header.tpl 'e bulutunkileri koyarsam indexdeki ana slider bozuluyor ancak bulut çalışıyor. Farklı metodu var mıdır? Direk bulut.tpl 'e include edincede aktif olmuyor.

    Yardımlara R10+
    teşekkürler
    Merhaba,

    js dosyalarının başına yazarsanız çalışır.

    {literal}
    JS KODU
    {/literal}
  • 08-07-2015, 19:15:26
    #3
    Burti adlı üyeden alıntı: mesajı görüntüle
    Merhaba,

    js dosyalarının başına yazarsanız çalışır.

    {literal}
    JS KODU
    {/literal}
    Çözüm alamadım hocam
  • 08-07-2015, 20:30:46
    #4
    Js kodlarını atarmısınız ?
  • 08-07-2015, 20:42:22
    #5
    Ts3Destek adlı üyeden alıntı: mesajı görüntüle
    Js kodlarını atarmısınız ?
    Bunları dışarıdan
    bulut.js - cloud.js olarak include ediyorum

    $(document)
    	.ready(function () {
    		
    		
    
    
    		
    
    
    
    		$(".changeprice")
    			.click(function () {
    				$(".changeprice")
    					.hide();
    				if ($(this)
    					.hasClass("dollar")) {
    					$(".price-tl")
    						.hide();
    					$(".changeprice.tl, .price-dollar")
    						.show();
    					$.cookie("maxr_general_currency", "USD")
    				} else {
    					$(".price-dollar")
    						.hide();
    					$(".changeprice.dollar, .price-tl")
    						.show();
    					$.cookie("maxr_general_currency", "TL")
    				}
    				tiptip()
    			});
    	});
    
    function checkCurrency() {
    	if ($(".changeprice.dollar")
    		.is(":visible")) {
    		$(".price-dollar")
    			.hide();
    		$(".price-tl")
    			.show()
    	}
    }
    
    
    
    
    
    
    
    function tiptip() {
    	$(".tip")
    		.tooltipster({
    			delay: 0
    			, contentAsHTML: true
    			, maxWidth: "180"
    		});
    	$(".tip-right")
    		.tooltipster({
    			delay: 0
    			, contentAsHTML: true
    			, maxWidth: "180"
    			, position: "right"
    		});
    	$(".tip-left")
    		.tooltipster({
    			delay: 0
    			, contentAsHTML: true
    			, maxWidth: "180"
    			, position: "left"
    		})
    }

    $(document).ready(function(){
    
    
    
        /* Satın al */
        /* DISABLED TEMPORARY
        $("#satinal").click(function(){
    
            var id = $(this).attr("data-id");
    
            $("#cloud-name").val("Bulut Sunucu Node " + $("span#" + id).find(".number").text());
    
            // console.log($("span#" + id).find(".number").text());
            // $("#cloud-name").val(serverName);
    
            $.colorbox({
                inline : true,
                href   : "#dedicated-form"
            });
    
        });
        */
    
        // Send Cloud Request
        $("#send-cloud-request").click(function(){
    
            // Loading
            $("#cloud-req-btn").hide();
            $("#cloud-loading").show();
    
            var i = 0,
                referer = $("#httpref").val();
    
            if(referer == "") {
                referer = window.location.href;
            }
    
            $("#dedicated-form input").each(function(e){
                if($(this).val() == "") {
                    i++;
                }
            });
    
            if(i>0) {
                toastr.warning("Lütfen gerekli tüm alanları doldurduğunuzdan emin olunuz");
    
                // Loading
                $("#cloud-loading").hide();
                $("#cloud-req-btn").show();
    
                return false;
            }
    
            $.post("/core/kayako/ticket.php", {
                    action  : "submit",
                    captcha : $("#dedicated-form input[name='code']").val(),
                    name    : $("#dedicated-form input[name='name']").val(),
                    email   : $("#dedicated-form input[name='mail']").val(),
                    ticket_department_id : "3",
                    subject        : "Bulut Sunucu Talebi",
                    ticket_message : 'Talep Edilen Sunucu: ' + $("#cloud-name").val() + '\n\r\n\r ' +
                    'Gönderen: ' + $("#dedicated-form input[name='name']").val() + '\n\r ' +
                    'Telefon    : ' + $("#dedicated-form input[name='phone']").val() + ' \n\r ' +
                    'E-Posta    : ' + $("#dedicated-form input[name='mail']").val() + ' \n\r ' +
                    'Mesaj      : ' + $("#dedicated-form textarea[name='message']").val() + ' \n\r\n\r\n\r ' +
                    'User IP    : [url]http://whois.domaintools.com/[/url]' + $("#userip").val() + ' \n\r ' +
                    'Referer    : ' + referer + ' \n\r ' +
                    'User Agent : ' + navigator.userAgent
                },
                function(data) {
    
                    if(data.status != "success") {
                        toastr.warning(data.message);
                    }
                    else {
                        toastr.success("Talebiniz başarıyla iletildi. Arkadaşlarımız en kısa sürede sizinle iletişime geçecekler.");
                        $.colorbox.close();
                    }
    
                    // Loading
                    $("#cloud-loading").hide();
                    $("#cloud-req-btn").show();
    
                },"json");
    
        });
    
    
    
    });
    
    function init_tariff_scroller() {
    
        var left = $("#test_droppable .droppable:eq(4)").css('left');
    
        $("#slideme").animate(({left: parseInt(left) - 16}));
        SliderLoadData(4);
    
        var Coordinates = new Array();
        $("#test_droppable .droppable").each(function (index, el) {
            Coordinates.push(parseInt($(el).css('left')) + 60);
        });
    
        var Drop     = false;
        var currentX = 0;
        var eventX   = 0;
    
        $("#slideme").draggable({
            axis: 'x',
            snap: true,
            snapMode: 'outer',
            containment: '.main_main',
            stop: function (event, ui) {
    
                if (!Drop) {
                    for (i in Coordinates) {
                        if ((ui.position.left + 50) < Coordinates[i]) {
                            //alert(i + ":" + ui.position.left + ":" + Coordinates[i]);
    
                            /*
                            if (i < 2) {
                                // i = 2;
                                $('#highlight').show("slow");
                            }
                            else {
                                $('#highlight').hide("slow");
                            }
                            */
    
                            $("#test_droppable .droppable span").attr('class', 'digit');
    
                            var allel = $("#test_droppable span").length;
    
                            for (j = 0; j <= i; j++) {
                                $("#test_droppable .droppable span:eq(" + j + ")").attr('class', 'digit-active');
                            }
    
                            $("#slideme").animate({
                                left: (parseInt(Coordinates[i]) - 77)
                            });
    
                            loadDataFromTeg($("#test_droppable .droppable:eq(" + i + ")"));
    
                            //alert(i + ":" + ui.position.left + ":" + Coordinates[i] );
                            break;
    
                        }
                    }
                }
            },
    
            drag: function (event, ui) {
                for (i in Coordinates) {
                    if ((ui.position.left + 50) < Coordinates[i]) {
                        loadDataFromTeg($("#test_droppable .droppable:eq(" + i + ")"));
                        break;
    
                    }
                }
            }
    
        });
    //$( "#slideme" ).draggable();
    
    
        $("#test_droppable .droppable").droppable({
            greedy: true,
            tolerance: 'fit',
            refreshPositions: true,
    
            drop: function (event, ui) {
                //Drop = true;
                $("#test_droppable .droppable span").attr('class', 'digit');
                var index = $("#test_droppable .droppable").index(this);
                var allel = $("#test_droppable span").length;
    
                for (i = 0; i <= index; i++) {
                    $("#test_droppable .droppable span:eq(" + i + ")").attr('class', 'digit-active');
                }
    
                loadDataFromTeg(this);
            },
    
            activate: function (event, ui) {
                Drop = false;
            }
    
    
        });
    
        function SliderLoadData(index) {
            $("#test_droppable .droppable span").attr('class', 'digit');
    
            for (j = 0; j <= index; j++) {
                $("#test_droppable .droppable span:eq(" + j + ")").attr('class', 'digit-active');
            }
    
            loadDataFromTeg($("#test_droppable .droppable:eq(" + index + ")"))
    
        }
    
        $("#test_droppable .droppable").bind('click', function () {
    
            var left = $(this).css('left');
            var index = $("#test_droppable .droppable").index(this);
    
            $("#slideme").animate(({
                left: parseInt(left) - 16
            }));
    
            SliderLoadData(index);
    
            /*
            if (index > 1) {
                $('#highlight').hide("slow");
            }
            else {
                $('#highlight').show("slow");
            }
            */
    
            /*
            if (index > 1) {
                $("#slideme").animate(({
                    left: parseInt(left) - 16
                }));
    
                SliderLoadData(index);
    
                $('#highlight').hide("slow");
            }
            else {
                $('#highlight').show("slow");
            }
            */
    
        })
    
    
    }
    
    function loadDataFromTeg(el)  {
    
        var pid = $(el).attr('id');
    
        var p1 = $(el).attr('pos1');
        var p2 = $(el).attr('pos2');
        var p3 = $(el).attr('pos3');
        var p4 = $(el).attr('pos4');
        var p5 = $(el).attr('pos5');
    
        $("#pos1").html(p1);
        $("#pos2").html(p2);
        $("#pos3").html(p3);
        $("#pos4").html(p4);
    
        /*
        if($(".monthly-price .curr").hasClass("tl")) {
            p5 = p5.replace("usd'","usd' style='display:none'").replace("tl'","tl' style='display:inline'");
            toastr.info("TL");
        }
        */
    
        $("#pos5").html(p5);
    
        // Is currency TL?
        if($(".changeprice.tl").is(":hidden")) {
            checkCurrency();
        }
    
        $("#satinal").attr("href", "#cart.php?a=add&pid=" + pid);
        // $("#satinal").attr("data-id", pid);
        // TARIFF = ($("#test_droppable .droppable").index(el) + 1);
    
        tiptip();
    
    }
    
    $(document).ready(init_tariff_scroller);
  • 08-07-2015, 20:52:19
    #6
    Şunları denermisin js alanlarının başında.
    Bul:
    "$(document).ready(function()"
    Değiştir:
    "jQuery("document").ready(function($)"
    olarak değiştirp denermisniz ?

    Not:" " işaretleri yoktur.
  • 08-07-2015, 21:01:16
    #7
    Ts3Destek adlı üyeden alıntı: mesajı görüntüle
    Şunları denermisin js alanlarının başında.
    Bul:
    "$(document).ready(function()"
    Değiştir:
    "jQuery("document").ready(function($)"
    olarak değiştirp denermisniz ?

    Not:" " işaretleri yoktur.
    Deneyip bilgi vereceğim 3-4 dakikaya çok teşekkür ederim

    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 20:59:16 -->-> Daha önceki mesaj 20:55:49 --

    Ts3Destek adlı üyeden alıntı: mesajı görüntüle
    Şunları denermisin js alanlarının başında.
    Bul:
    "$(document).ready(function()"
    Değiştir:
    "jQuery("document").ready(function($)"
    olarak değiştirp denermisniz ?

    Not:" " işaretleri yoktur.
    Hem slider bozuldu hem bulut sunucu

    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 21:01:16 -->-> Daha önceki mesaj 20:59:16 --

    En olmadı sanırım ana dizinde bulut sayfayı yapıp tpl 'ye include edeceğim yoksa çözüm yok arkadaş beceremedim
  • 08-07-2015, 21:27:40
    #8
    HTML'de calısıp WHMCS üzerinde calısmıyorsa biryerlerde hata vardır header.tpl'de js kodu giriyorsanız bunlar {literal} {/literal} içinde girmeniz gerekmetekdir
  • 08-07-2015, 21:28:45
    #9
    Ts3Destek adlı üyeden alıntı: mesajı görüntüle
    HTML'de calısıp WHMCS üzerinde calısmıyorsa biryerlerde hata vardır header.tpl'de js kodu giriyorsanız bunlar {literal} {/literal} içinde girmeniz gerekmetekdir
    header.tpl de <head> 'a include ediyorum js dosyalarını. Diğer açık <script> 'leri literal içine aldımda bunları almadım. -ki bunları alsamda bu sefer templates/{$themes} olarak kalıyor dizin adı