Question

PHP kendi sınıf ve kimlik olsun bir çok ürün unsurlar var:

$product1["codename"] = "product-1";
$product1["short"] = "Great Product 1";

$product2["codename"] = "product-2";
$product2["short"] = "Great Product 2";



<div class="leftMenuProductButton" id="'. $product1["codename"].'" >'. $product1["short"].'</div>

<div class="leftMenuProductButton" id="'. $product2["codename"].'" >'. $product2["short"].'</div>

Bu görüntü olarak:

<div class="leftMenuProductButton" id="product-1" > Great Product 1</div>

<div class="leftMenuProductButton" id="product-2" > Great Product 2</div>

Sayfasında, ben HTML değiştirmek istediğiniz bir öğe var:

        <div id="productPopupTop">
         //Replace this content
        </div>

Jquery kullanarak, aşağıdakileri denedim:

$( '.leftMenuProductButton' ).hover (
            function () {

                var swapNAME = $(this).attr("id"); //gets the ID, #product-1, #product-2 etc. This works.
                $("#productPopupTop").html('  <? echo $' + swapNAME + '["short"] ?>'); //This is supposed to get something like <? echo $product-1["short"] ?> This doesn't appear to work.


            },
            function () {
            //this is just here for later

    });

Ben yapmaya çalışırsanız, bir alert('<? echo $' + swapNAME + '["short"] ?>'); anlamıyla <? echo $product-1["short"] ?> gibi bir şey gösterecektir

Javascript ve PHP hem dıştan bir PHP dosyası bağlantılı olduğunu unutmayınız (index.php <<< (js.js, products.php)

QUESTION: nasıl ["short"] bir ürün ile #productPopupTop in) (HTML değiştiririm? Ben Ajax kullanmanız gerekiyorsa, bunu nasıl kod istiyorsunuz?

Answer 1

Bu deneyin:

$( '.leftMenuProductButton' ).hover (
            function () {
                $("#productPopupTop").html($(this).html());


            },
            function () {
            //this is just here for later

    });

Answer 2

Knittl belirtildiği gibi, php sunucu üzerinde bir ön-işlemci ve sayfa istemciye gönderildikten sonra hiçbir şey yapamaz.

Ben olduğunu düşünebilirsiniz seçenekleri

Istemci üzerinde javascript ürün bilgileri (php ile doldurulur yani javascript array) Mağaza
Bir kod adı ile sunucuyu sorgulamak ve ilgili verileri almak için ajax kullanmak (ile yanıt vereceğini yani server.com/getshort.php?codename=product-2, Great Product 2).

Etiketi içinde metin her zaman aynı, @ ise Kasia 'cevabı çalışmak ve basit olacaktır.

PHP yankılanan tarafından div html () Değiştirilmesi - nasıl?

2 Cevap

etiketler