Prospecting HTML Calculator

**topalsinek** · 12-23-2012

Hey guys ,

I cant find any easy,usable calculator for prospecting and im creating a few calculator for myself.

Its not including Sparkling Shard.

For gem prices i used the most profitable gems for example ; for wild jade im using Vivid Wild Jade.

Calculation maybe wrong so check out first.If you want any calculator or feature you can reply.

Kyparite Jewelcraft Calculator.
http://pastehtml.com/view/cmnxlxmro.html

PHP Code:




<html>

<head>

    <title>Jewel Crafting Calculation</title>

    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>

    <script type="text/javascript">

        $(function(){

            $('input[type=text]').keyup(function(){

                

                var mini_toplam=

                (0.24*(Number($('#alexandrite').attr('value'))))+

                (0.24*(Number($('#lapislazuli').attr('value'))))+

                (0.24*(Number($('#pandariangarnet').attr('value'))))+

                (0.24*(Number($('#sunstone').attr('value'))))+

                (0.23*(Number($('#roguestone').attr('value'))))+

                (0.23*(Number($('#tigeropal').attr('value'))));

                var max_toplam=

                (0.05*(Number($('#imperialamethyst').attr('value'))))+

                (0.05*(Number($('#riversheart').attr('value'))))+

                (0.05*(Number($('#sunsradiance').attr('value'))))+

                (0.04*(Number($('#primordialrub').attr('value'))))+

                (0.04*(Number($('#vermiliononyx').attr('value'))))+

                (0.04*(Number($('#wildjade').attr('value'))));



                var number_item=Number($('#num_item').attr('value'));

                var kyparite=Number($('#kyparite').attr('value'))

                var total_get=(number_item * (mini_toplam+max_toplam));

                var total_spend=(kyparite*number_item);

                var profit= (total_get-total_spend).toFixed(3);

                $('#sonuc,#profit').html(profit+' g');

                $('#total_spend').html((kyparite*number_item)+' g');

                $('#total').html((number_item * (mini_toplam+max_toplam).toFixed(3)) +' g');

            });

        });

    </script>

    <style type="text/css">

    html,body {

        margin:0;

        padding:0;

    }

    body {

        background: #040404 url("https://eu.battle.net/account/images/layout/bg-top.jpg") 50% 0 no-repeat;

        color: #4A4A4A;

        font: normal 12px/1.25 "Trebuchet MS", Arial, sans-serif;

        min-width: 990px;

        

    }

    #layout-top {

        background: url("https://eu.battle.net/account/images/layout/bg-sides.png") bottom center repeat-x;

        position: relative;

    }

    .wrapper{

        width: 990px;

        margin: 0 auto;

    }

    #header {

        padding-top: 50px;

        clear: both;

    }

    #layout-middle{

        background: #D3D1CE url("https://eu.battle.net/account/images/layout/bg-middle.jpg") top center repeat-x;

        border-bottom: 4px solid #777674;

        min-height: 400px;

        min-width: 1120px;

    }

    #content {

        padding: 25px 0;

    }

    .subcategory{

        color: #5D5D5D;

        text-transform: uppercase;

        font: normal 11px/1.25 "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif;

        margin-top:0;

    }

    .headline {

        color: #393939;

        letter-spacing: -.04em;

        font: bold 28px/1.25 "Trebuchet MS", Arial, sans-serif;

        margin-top:-10px;

    }

    #page-header{

        padding-bottom: 10px;

        margin-bottom: 10px;

        border-bottom: 1px solid #AFADAC;

        height:52px;

        position: relative;

    }

    ul,li {

        list-style: none;

        margin-top:10px;

    }

    li span {

        font-family: 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;

        font-size: 14px;

        width:200px;

        display:inline-block;

    }

    input[type=text]{

        background: white url("https://eu.battle.net/account/images/form/input-bg.gif") repeat-x;

        font: 14px "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif;

        color: #5A5A5A;

        padding: 0 7px;

        height: 32px;

        border: 1px solid silver;

        width: 250px;

        margin: 0;

        display: block;

        -moz-border-radius: 5px;

        -webkit-border-radius: 5px;

        border-radius: 5px;

        -moz-box-shadow: #b2b2b2 0 0 5px;

        -webkit-box-shadow: #B2B2B2 0 0 5px;

        box-shadow: #B2B2B2 0 0 5px;

        display:inline-block;

    }

    input:focus {

        outline: none;

    }

    h5 {

        font-size:18px;

        color:#115E14;

        position: absolute;

        top:0;

        right:10px;

    }

    li p {

        display: inline-block;

    }

    </style>

</head>

<body>

    <div id="layout-top">

        <div class="wrapper">

            <div id="header">

            

            </div>

        </div>

    </div>

    <div id="layout-middle">

        <div class="wrapper">

            <div id="content">

                <div id="page-header">

                    <h2 class="subcategory">Topalsinek</h2>

                    <h3 class="headline">JewelCrafting Calculator</h3>

                    <h5><div id="sonuc"> 0 g</div></h5>

                </div>

                

                <ul>

                    <li><span>Kyparite<i>Per item</i> </span><input type="text" value="1" name="kyparite" id="kyparite"></li>

                    <li><span>Number of Ore</span><input type="text" value="1" name="num_item" id="num_item"></li>

                    <li><span>Sparkling Shard</span><input type="text" value="0" id="shard"></li>

                    <li><span>Alexandrite</span><input type="text" value="0.60" id="alexandrite"></li>

                    <li><span>Lapis Lazuli</span><input type="text" value="0.60" id="lapislazuli"></li>

                    <li><span>Pandarian Garnet</span><input type="text" value="0.60" id="pandariangarnet"></li>

                    <li><span>Sunstone</span><input type="text" value="0.60" id="sunstone"></li>

                    <li><span>Roguestone</span><input type="text" value="0.60" id="roguestone"></li>

                    <li><span>Tiger Opal</span><input type="text" value="0.60" id="tigeropal"></li>

                    <li><span>Imperial Amethyst</span><input type="text" value="" id="imperialamethyst"></li>

                    <li><span>River's Heart</span><input type="text" value="" id="riversheart"></li>

                    <li><span>Sun's Radiance</span><input type="text" value="" id="sunsradiance"></li>

                    <li><span>Primordial Ruby</span><input type="text" value="" id="primordialrub"></li>

                    <li><span>Vermilion Onyx</span><input type="text" value="" id="vermiliononyx"></li>

                    <li><span>Wild Jade</span><input type="text" value="" id="wildjade"></li>

                </ul>

                <ul>

                    <li>

                        <span>Total Spend</span>

                        <p id="total_spend"></p>

                    </li>

                    <li>

                        <span>Total Gain</span>

                        <p id="total"></p>

                    </li>

                    <li>

                        <span>Profit</span>

                        <p id="profit"></p>

                    </li>

                </ul>

            </div>

        </div>

    </div>

</body>

</html>

**asdfx123** · 12-24-2012

good work +5 rep

Shout-Out

User Tag List

Thread: Prospecting HTML Calculator

Thread Tools

Search Thread

Prospecting HTML Calculator

Similar Threads

[Profession] Alchemy Flask Cost Calculator [html]

[Gold] Tool - Calculate Profit from Prospecting (JC)

Lvling for talent Calculator-thingy

How +Spell Damage Is Calculated For Mages

OwnedCore Forums

casino

CoreCoins

My OwnedCore

About Us

Casino