PHP를 에코하여 div html() 바꾸기 - 방법?

Question

나는 PHP에서 자신의 클래스와 ID를 얻을 여러 제품 요소가 :

$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> 

이 디스플레이로 : 페이지에서

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

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

, 난 HTML을 대체 할 요소를 가지고 :

: jQuery를 사용하여

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

, 나는 다음과 같은 시도

나는 그것이 그대로 <? echo $product-1["short"] ?>

같은 것을 표시하는 것 alert('<? echo $' + swapNAME + '["short"] ?>');을하려고하면 자바 스크립트와 PHP 모두 외부 PHP 파일 (index.php를 < < < (js.js에 연결되어 있습니다, products.php)

질문 :#productPopupTop의 HTML()을 제품의 ["short"]으로 바꾸려면 어떻게합니까? Ajax를 사용해야한다면 코드를 어떻게 작성합니까?

Answer 1

이 시도 :

언급 knittl은, PHP는 서버에서 사전 프로세서이며, 페이지가 클라이언트로 전송되고 나면 아무것도 할 수 없기 때문에

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


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

    }); 

Answer 2

. 내가 생각할 수있는

옵션은 스토어 클라이언트에서 자바 스크립트에서 제품 정보 (즉, 자바 스크립트 PHP로 채워진 배열)

사용 아약스가있는 서버를 조회 할 수

1. 입니다 (예 : Great Product 2으로 응답하는 server.com/getshort.php?codename=product-2)를 수신합니다.

태그 내의 텍스트는 항상 같은 경우, Kasia의 대답은 작동 @, 그리고 간단합니다.