편집 버튼을 클릭 한 후 업데이트 버튼이 표시되어야합니다

Question

우리는이 "image 1"과 같이 Follwing 코드 디스플레이를 사용하고 있습니다 : http://prntscr.com/8w7f5v :

<td>
     <?php echo (int) Mage::getModel('cataloginventory/stock_item')->loadByProduct($products)->getQty(); ?>
      <input type = "text" id = "qty_<?php echo $products->getId(); ?>" name = "qty" value = "<?php echo (int) Mage::getModel('cataloginventory/stock_item')->loadByProduct($products)->getQty(); ?>" style = "display:none"/>

    <span class = "label wk_action">
      <img onclick = "updateField('<?php echo $products->getId(); ?>'); " 
      src = "<?php echo $this->getSkinUrl('marketplace/images/icon-edit.png'); ?>"/>
    </span>    

        <br/>

    <button class="button wk_mp_btn1" title="<?php echo $helper->__('Save') ?>" type="submit" id="save_butn">
    <span><span style="font-size:12px;"><?php echo $helper->__('Update') ?></span></span>
    </button>



    <button type="reset" class="button wk_mp_btn1" onclick="updateField('<?php echo $products->getId(); ?>');return false;">
    <span><span><?php echo $helper->__('Cancel') ?></span></span>
    </button>
         </td>

.

편집 버튼을 클릭하면 "이미지 2"와 같이 표시됩니다. http://prntscr.com/8w7fdp

내가 필요한 것은

a) 편집 버튼을 클릭하면 "업데이트"& "취소"버튼과 "편집"버튼 만 숨겨야합니다.

b) 나중에 "취소"버튼을 클릭하면 "업데이트 및 취소"버튼을 클릭하면 "편집"버튼이 표시되어야합니다.

Answer 1

뭔가를 시도해보십시오, 나는 그 일을하는지 확실하지 않거나

<span class="label wk_action" id="edit_link_<?php echo $products->getId(); ?>">
        <img onclick="updateField('<?php echo $products->getId(); ?>'); return false;" src="<?php echo $this->getSkinUrl('marketplace/images/icon-edit.png'); ?>"/>
    </span>  

    <br/>
    <button id="update_button_<?php echo $products->getId(); ?>" class="button wk_mp_btn1" title="<?php echo $helper->__('Save') ?>" type="submit" id="save_butn">
        <span><span style="font-size:12px;"><?php echo $helper->__('Update') ?></span></span>
    </button>

    <button id="reset_button_<?php echo $products->getId(); ?>" type="reset" class="cancel" onclick="hideReset('<?php echo $products->getId(); ?>'); return false;">
        <span><span><?php echo $helper->__('Cancel') ?></span></span>
    </button>

.

및

에 따라 스크립트를 변경하십시오.

<script type = "text/javascript" >

        var $wk_jq = jQuery.noConflict();

        function hideReset(product_id) {
            var editLink = "#edit_link_"+ product_id;
            var updateButton = "#update_button_"+ product_id;
            var resetButton = "#reset_button"+ product_id;

            $wk_jq(editLink).show();
            $wk_jq(updateButton).hide();
            $wk_jq(resetButton).hide();
        }

        function updateField(product_id)
        {
            var qtyId = '#qty_'+ product_id;

            var editLink = "#edit_link_"+ product_id;
            var updateButton = "#update_button_"+ product_id;
            var resetButton = "#reset_button"+ product_id;

            $wk_jq(qtyId).toggle()

            $wk_jq(editLink).hide();
            $wk_jq(updateButton).show();
            $wk_jq(resetButton).show();

            $qty = $wk_jq(qtyId).val();

            new Ajax.Request('<?php echo $url ?>', {
                method: 'post',
                parameters: {id: product_id, qty: $qty}
            });
        }
    </script>

.