0

私はウェブサイトHostingshine.comを持っています

スクリプトを機能させたいのですが、通常のスクリプトまたはそれ以外の場合はこれを見ることができます

$(document).ready( function() { 
    $('#usd').click(function(){
    $('.usd').show();
    $('.inr').hide();
    })

    $('#inr').click(function(){
    $('.inr').show();
    $('.usd').hide();
    })
          });  

Jqueryで使用すると、

そして、ページはこのようになります

<ul id="currencychange"><li>
  <a id="usd">USD</a>&nbsp;<a id="inr">INR</a>
</li></ul>

クラスinrとusdを希望の通貨で表示したい場所に指定すると、ページを変更したりページを更新したりするたびに、デフォルトのusdに戻ります。

これを手伝ってください、cookie関数またはgeo関数をこのコードで動作させるのを手伝ってください...

前もって感謝します。

4

2 に答える 2

1
You can use geoplugin library from here 
http://www.geoplugin.com/webservices/javascript
and do something like following code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script language="JavaScript" src="http://www.geoplugin.net/javascript.gp" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {

            var currencyCode = geoplugin_currencyCode();
            $('#currencychange').children().children().each(function () {
                if ($(this).attr('id') != currencyCode.toLowerCase()) {
                    $(this).hide();
                }


            });


        });
    </script>
</head>
<body>
<ul id="currencychange">
    <li>
        <a id="usd">USD</a>&nbsp;<a id="gbp">GBP</a>
    </li>
</ul>

</body>
</html>
于 2012-06-26T14:19:45.047 に答える
1

これが完全なソリューションです David: 以下のコードで行ったように、geoplugin と money.js への参照を追加する必要があります。また、各行の後にコメントを追加しました。わからないことがあれば何でも聞いてください。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>


    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

    <!--Add a reference to geoplugin -- we will use this to get geo/local settings -->
    <script language="JavaScript" src="http://www.geoplugin.net/javascript.gp" type="text/javascript"></script>

    <!--Add a reference to money.js -- we will use this to convert our currency -->
    <script type="text/javascript" src="http://josscrowcroft.github.com/money.js/money.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {

            // get local currency code using geo plugin
            var localCurrencyCode = geoplugin_currencyCode();


            // make an ajax call to open exchange rates
            $.ajax({
                url: 'http://openexchangerates.org/latest.json',
                dataType: 'jsonp',
                success: function(json) {
                    // Rates are in `json.rates`
                    // Base currency (USD) is `json.base`

                    // set the returned values to money.js object
                    // we will use this later for currency conversion
                    fx.rates = json.rates;
                    fx.base = json.base;

                    // get exchange rate for local currency
                    var exchangeRate = json.rates[localCurrencyCode];

                    // get all elements on page that has a class of currency (you can use the same logic for selection or have your own)
                    $(".currency").each(function () {
                        // extract price eg if $10.00 get 10
                        var priceRaw = parseFloat($(this).html().replace('$',''));

                        // convert the price to local price
                        // we use money.js for this
                        var priceLocal = fx(priceRaw).from(fx.base).to(localCurrencyCode);


                        // finally we construct our price and inject it in the html
                        var finalPrice = localCurrencyCode +  priceLocal;
                        $(this).html(finalPrice) ;

                    });
                }
            });




        });
    </script>
</head>
<body>
<ul id="currencychange">
    <li>
        $10 = <a class="currency">$10</a><br>
        $20 = <a class="currency">$20</a><br>
        $30 = <a class="currency">$30</a><br>
    </li>
</ul>

</body>
</html>
于 2012-06-26T16:19:24.260 に答える