Changeset 20546


Ignore:
Timestamp:
2011/03/07 17:43:06 (10 years ago)
Author:
pineray
Message:

refs #1062
お気に入りに登録した際、その旨のTipsをボタンのまわりに表示するように変更。

Location:
branches/version-2_5-dev
Files:
2 added
3 edited

Legend:

Unmodified
Added
Removed
  • branches/version-2_5-dev/data/Smarty/templates/default/products/detail.tpl

    r20525 r20546  
    250250                    <!--{/if}--> 
    251251                    <!--{if !$is_favorite}--> 
    252                         <a href="javascript:fnModeSubmit('add_favorite','favorite_product_id','<!--{$arrProduct.product_id|h}-->');" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_add_favorite_on.jpg','add_favolite_product');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_add_favorite.jpg','add_favolite_product');"><img src="<!--{$TPL_URLPATH}-->img/button/btn_add_favorite.jpg" alt="お気に入りに追加" name="add_favolite_product" id="add_favolite_product" /></a> 
     252                        <a href="javascript:fnModeSubmit('add_favorite','favorite_product_id','<!--{$arrProduct.product_id|h}-->');" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_add_favorite_on.jpg','add_favorite_product');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_add_favorite.jpg','add_favorite_product');"><img src="<!--{$TPL_URLPATH}-->img/button/btn_add_favorite.jpg" alt="お気に入りに追加" name="add_favorite_product" id="add_favorite_product" /></a> 
    253253                    <!--{else}--> 
    254                         <img src="<!--{$TPL_URLPATH}-->img/button/btn_add_favorite_on.jpg" alt="お気に入り登録済" name="add_favolite_product" id="add_favolite_product" /> 
     254                        <img src="<!--{$TPL_URLPATH}-->img/button/btn_add_favorite_on.jpg" alt="お気に入り登録済" name="add_favorite_product" id="add_favorite_product" /> 
     255                        <script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.tipsy.js"></script> 
     256                        <script type="text/javascript"> 
     257                            var favoriteButton = $("#add_favorite_product"); 
     258                            favoriteButton.tipsy({gravity: $.fn.tipsy.autoNS, fallback: "お気に入りに登録済み", fade: true }); 
     259                             
     260                            <!--{if $just_added_favorite == true}--> 
     261                            favoriteButton.load(function(){$(this).tipsy("show")}); 
     262                            $(function(){ 
     263                                var tid = setTimeout('favoriteButton.tipsy("hide")',5000); 
     264                            }); 
     265                            <!--{/if}--> 
     266                        </script> 
    255267                    <!--{/if}--> 
    256268                </div> 
  • branches/version-2_5-dev/data/class/pages/products/LC_Page_Products_Detail.php

    r20540 r20546  
    524524                $objQuery->commit(); 
    525525            } 
     526            // お気に入りに登録したことを示すフラグ 
     527            $this->just_added_favorite = true; 
    526528            return true; 
    527529        } 
  • branches/version-2_5-dev/html/user_data/packages/default/css/common.css

    r20531 r20546  
    410410    font-size: 140%; 
    411411} 
     412 
     413 
     414/* Tipsy 
     415----------------------------------------------- */ 
     416.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; } 
     417  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; } 
     418  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; } 
     419  .tipsy-arrow { position: absolute; background: url('../img/ajax/tipsy.gif') no-repeat top left; width: 9px; height: 5px; } 
     420  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; } 
     421    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; } 
     422    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; } 
     423  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; } 
     424    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; } 
     425    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; } 
     426  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; } 
     427  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; } 
     428 
Note: See TracChangeset for help on using the changeset viewer.