Raw HTML

  • ← Back to discussions
    In Progress
    Posted in: Fortuna – WordPress Template  

  • Member
    ErenEmrah
    December 21, 2015 at 9:56 pm #25831

    I’ve added Raw HTML to the page. After I added it I could not touch any item in the HTML.(it freezes)

    Could you try the HTML code below ?

    html class=”no-js” dir=”ltr” lang=”tr-TR” xml:lang=”tr-TR” itemscope itemtype=”http://schema.org/Article”>
    <head>

    <meta http-equiv=”Content-type” content=”text/html;charset=UTF-8″ />

    </head>
    <body>

    <div class=”row calcer clearfix”>
    <div class=”col-md-6″>
    <div class=”h”>AĞIRLIĞA GÖRE</div>
    <div class=”bdiv clearfix”>
    <div class=”col-md-9″>
    <div class=”row”>
    <input type=”text” name=”weight” id=”Weight” placeholder=”AĞIRLIK” style=”width:60%;margin-right:2%”>
    <select id=”WeightType” style=”width:38%;”>
    <option value=”lb”>LBS</option>
    <option value=”kg”>KG</option>
    </select>
    </div>
    </div>
    <div class=”col-md-3″>
    <div class=”row”>
    <input id=”wInput” type=”button” value=”HESAPLA” onclick=”calculateByWeight()” data-error=”Lütfen ağırlık bilgisini giriniz.”>
    </div>
    </div>
    </div>
    </div>

    </div>
    <div class=”row”>

    <div id=”rateList”>
    <div class=”col-md-6 tabh tabs”>
    <div class=”ps-mid”>
    <div class=”h-h”>

    <div class=”h fs-l”>EKONOMİ SERVİSİ</div>
    <div class=”d”>6-8 GÜN İÇİNDE TESLİMAT</div>
    </div>
    <div>
    <div id=”tr-1″ style=”" class=”ero” >
    <span class=’p'>$16.00</span> 1 LBS <b>- 0.5 <span class=’kg’>KG</span></b>
    </div>
    <div id=”tr-2″ style=”" class=”r”>
    <span class=’p'>$20.00</span> 2 LBS <b>- 0.9 <span class=’kg’>KG</span></b>
    </div>
    <div id=”tr-3″ style=”" class=”r”>
    <span class=’p'>$24.00</span> 3 LBS <b>- 1.4 <span class=’kg’>KG</span></b>
    </div>
    <div id=”tr-4″ style=”" class=”r”>
    <span class=’p'>$28.00</span> 4 LBS <b>- 1.8 <span class=’kg’>KG</span></b>
    </div>
    <div id=”tr-5″ style=”" class=”r”>
    <span class=’p'>$32.00</span> 5 LBS <b>- 2.3 <span class=’kg’>KG</span></b>
    </div>
    <div id=”tr-10″ style=”" class=”r”>
    <span class=’p'>$52.00</span> 10 LBS <b>- 4.5 <span class=’kg’>KG</span></b>
    </div>
    <div id=”tr-15″ style=”" class=”r”>
    <span class=’p'>$72.00</span> 15 LBS <b>- 6.8 <span class=’kg’>KG</span></b>
    </div>
    <div id=”tr-20″ style=”" class=”r”>
    <span class=’p'>$92.00</span> 20 LBS <b>- 9.1 <span class=’kg’>KG</span></b>
    </div>
    <div id=”tr-25″ style=”" class=”r”>
    <span class=’p'>$112.00</span> 25 LBS <b>- 11.3 <span class=’kg’>KG</span></b>
    </div>
    </div>
    </div>
    <br><br>
    <div class=”col-md-6″>
    <div class=”h”>PAKET ÖLCÜSÜNE GÖRE</div>
    <div class=”bdiv clearfix”>
    <div class=”col-md-9″>
    <div class=”row”>
    <input type=”text” id=”Height” placeholder=”BOY” style=”width:20%;margin-right:3%”>
    <input type=”text” id=”Width” placeholder=”EN” style=”width:18%;margin-right:3%”>
    <input type=”text” id=”Lenght” placeholder=”YÜKSEKLİK” style=”width:26%;margin-right:3%”>
    <select id=”DimmessionType” style=”width:27%;”>
    <option value=”inch”>INCH</option>
    <option value=”cm”>CM</option>
    </select>
    </div>
    </div>
    <div class=”col-md-3″>
    <div class=”row”>
    <input id=”dInput” type=”button” class=”black” value=”HESAPLA” onclick=”calculateByDimession()” data-error=”Lütfen en, boy ve yükseklik bilgilerini eksiksiz giriniz.” >
    </div>
    </div>
    </div>
    </div>

    <div class=”col-md-6 tabh tabs”>
    <div class=”ps-mid”>
    <div class=”h-h”>

    <div class=”h fs-l”>EXPRESS SERVİS</div>
    <div class=”d”>2-4 GÜN İÇİNDE TESLİMAT</div>
    </div>
    <div id=”tr-1″ style=”" class=”r”>
    <span class=’p'>$25.00</span> 1 LBS <b>- 0.5 <span class=’kg’>KG</span></b>
    </div>
    <div id=”tr-2″ style=”" class=”r”>
    <span class=’p'>$30.00</span> 2 LBS <b>- 0.9 <span class=’kg’>KG</span></b>
    </div>
    <div id=”tr-3″ style=”" class=”r”>
    <span class=’p'>$35.00</span> 3 LBS <b>- 1.4 <span class=’kg’>KG</span></b>
    </div>
    <div id=”tr-4″ style=”" class=”r”>
    <span class=’p'>$40.00</span> 4 LBS <b>- 1.8 <span class=’kg’>KG</span></b>
    </div>
    <div id=”tr-5″ style=”" class=”r”>
    <span class=’p'>$45.00</span> 5 LBS <b>- 2.3 <span class=’kg’>KG</span></b>
    </div>
    <div id=”tr-10″ style=”" class=”r”>
    <span class=’p'>$70.00</span> 10 LBS <b>- 4.5 <span class=’kg’>KG</span></b>
    </div>
    <div id=”tr-15″ style=”" class=”r”>
    <span class=’p'>$95.00</span> 15 LBS <b>- 6.8 <span class=’kg’>KG</span></b>
    </div>
    <div id=”tr-20″ style=”" class=”r”>
    <span class=’p'>$120.00</span> 20 LBS <b>- 9.1 <span class=’kg’>KG</span></b>
    </div>
    <div id=”tr-25″ style=”" class=”r”>
    <span class=’p'>$140.00</span> 25 LBS <b>- 11.3 <span class=’kg’>KG</span></b>
    </div>
    </div>
    </div>

    </div>

    <script type=”text/javascript”>

    function calculateByWeight() {

    var agirlik = document.getElementById(‘Weight’).value;
    var weighttype = document.getElementById(‘WeightType’).value;
    if (agirlik == “” || weighttype == “”)
    alert(“Lütfen Ağırlık Bilgisini Kontrol Ediniz!”);

    else{

    //müşterinin girdiği değer bir fonksiyona çevrilebilir, lbs ve kg a göre bilgi verilebilir weighttype a göre gösterilecek satır
    //alert yerine ilgili satırın kalın yada kırmızı arka plan ile gösterilmesi ve kg to lbs hesapmalası eklenecek
    if (agirlik == ’1′){
    document.getElementById(“tr-1″).setAttribute(“style”, “background: red”);
    alert(“1 ” + weighttype + ” için ödeyeceğiniz kargo ücreti 16$”);

    }

    }
    //adamların yazdıkları yer
    /*var w = $(“#Weight”).val();
    var wt = $(“#WeightType”).val();
    if (w == “” || wt == “”) {

    alert($(“#wInput”).data(“error”));
    return false;
    }
    $.post(“/rates/_RateList”, { Weight: w, WeightType: wt }, function (data) {
    $(“#rateList”).html(data);
    });*/
    }
    function calculateByDimession() {
    //dimension için bilgi almamız lazım
    //adamların yazdıkları yer
    /*var l = $(“#Lenght”).val();
    var w = $(“#Width”).val();
    var h = $(“#Height”).val();
    var dt = $(“#DimmessionType”).val();
    if (l == “” || w == “” || h == “”) {
    alert($(“#dInput”).data(“error”));
    return false;

    }
    if (dt == “”) {
    alert(“Olcu birimini seciniz”);
    return false;

    }
    $.post(“/rates/_RateList”, { Width: w, Lenght: l, Height: h, DimmessionType: dt }, function (data) {
    $(“#rateList”).html(data);
    });*/

    }

    function cleanRateList() {
    $.post(“/rates/cleanRateList”, function (data) {
    $.get(“/rates/_ratelist”, function (response) {
    $(“#rateList”).html(response);
    });
    });
    }

    </script>
    </div>
    <div class=”clearfix”></div>
    <div class=”clearfix” style=”height:50px”></div>
    </body>
    </html>

    • This topic was modified 10 years by  ErenEmrah. Reason: Notify me of follow-up replies via email

    Sorry, this forum is for verified users only. Please Login or Register to continue

Comments are closed.