ここの情報は古いです。ご理解頂いた上でお取り扱いください。

Changeset 7018


Ignore:
Timestamp:
May 7, 2008, 8:31:23 PM (11 years ago)
Author:
ebihara
Message:

#2359:絵文字挿入ボタンクリック後に絵文字画像の読み込みをおこなうように変更(ただしDoCoMo絵文字についてはウィンドウ読み込み後に描写する)

File:
1 edited

Legend:

Unmodified
Added
Removed
  • OpenPNE/branches/stable-2.12.x/public_html/js/pc_emoji_palet/pc_emoji_palet.js

    r6792 r7018  
    3838function createEmojiPalletDoCoMo()
    3939{
    40     document.write('<div id="epDocomo" style="display:none;">');
    41     for (n=1; n<=eNumDocomo; n++) {
    42         emojiPallet(n, "i");
    43     }
    44     document.write('</div>');
     40    document.write('<div id="epDocomo" style="display:none;"></div>');
    4541}
    4642
    4743function createEmojiPalletAu()
    4844{
    49     document.write('<div id="epAu" style="display:none">');
    50     for (n=1; n<=eNumAu1; n++) {
    51         emojiPallet(n, "e");
    52     }
    53     for (n=700; n<=eNumAu2; n++) {
    54         emojiPallet(n, "e");
    55     }
    56     document.write('</div>');
     45    document.write('<div id="epAu" style="display:none"></div>');
    5746}
    5847
    5948function createEmojiPalletSoftBank()
    6049{
    61     document.write('<div id="epSb" style="display:none">');
     50    document.write('<div id="epSb" style="display:none"></div>');
     51}
     52
     53function renderEmojiPalletDoCoMo()
     54{
     55    for (n=1; n<=eNumDocomo; n++) {
     56        emojiPallet(n, "i", "epDocomo");
     57    }
     58    Element.addClassName("epDocomo", "finishLoadEmojiImage");
     59}
     60
     61function renderEmojiPalletAu()
     62{
     63    for (n=1; n<=eNumAu1; n++) {
     64        emojiPallet(n, "e", "epAu");
     65    }
     66    for (n=700; n<=eNumAu2; n++) {
     67        emojiPallet(n, "e", "epAu");
     68    }
     69    Element.addClassName("epAu", "finishLoadEmojiImage");
     70}
     71
     72function renderEmojiPalletSoftBank()
     73{
    6274    for (n=1; n<=eNumSb; n++) {
    63         emojiPallet(n, "s");
     75        emojiPallet(n, "s", "epSb");
    6476    }
    65     document.write('</div>');
     77    Element.addClassName("epSb", "finishLoadEmojiImage");
    6678}
    6779
     
    97109
    98110// 絵文字出力
    99 function emojiPallet(i, career) {
    100     document.write('<img src="./skin/default/img/emoji/'+career+'/'+career+i+'.gif" alt="['+career+':'+i+']" onclick=\'putEmojiToSelf("['+career+':'+i+']")\'>');
     111function emojiPallet(i, career, target) {
     112    var src = "./skin/default/img/emoji/" + career + "/" + career + i + ".gif";
     113    var alt = "[" + career + ":" + i + "]";
     114    var onclick = "putEmojiToSelf('[" + career + ":" + i + "]')";
     115    if (target) {
     116        var div = document.getElementById(target);
     117        var img = document.createElement("img");
     118        img.setAttribute("src", src);
     119        img.setAttribute("alt", alt);
     120        img.setAttribute("onclick", onclick);
     121        div.appendChild(img);
     122    } else {
     123        document.write('<img src="' + src + '" alt="' + alt + '" onclick="' + onclick + '">');
     124    }
    101125}
    102126
     
    122146function togglePallet(pallet) {
    123147    if ($(pallet).style.display == "none") {
     148        if (!Element.hasClassName(pallet, 'finishLoadEmojiImage')) {
     149            if (pallet == 'epDocomo') {
     150                renderEmojiPalletDoCoMo();
     151            }
     152            if (pallet == 'epAu') {
     153                renderEmojiPalletAu();
     154            }
     155            if (pallet == 'epSb') {
     156                renderEmojiPalletSoftBank();
     157            }
     158        }
    124159        Element.show(pallet);
    125160    } else {
     
    128163}
    129164
     165Event.observe(window, "load", function() {
     166    // 確実に表示するDoCoMo絵文字は先読みする
     167    renderEmojiPalletDoCoMo();
     168});
     169
     170
    130171// ポップアップ
    131172function popupPallet(URL){
Note: See TracChangeset for help on using the changeset viewer.