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

Changeset 7020


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

#2359:絵文字挿入ボタンクリック後に絵文字画像の読み込みをおこなうように変更

File:
1 edited

Legend:

Unmodified
Added
Removed
  • OpenPNE/trunk/public_html/js/pc_emoji_palet/pc_emoji_palet.js

    r6792 r7020  
    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    Element.removeClassName("epDocomo", "processLoadEmojiImage");
     60}
     61
     62function renderEmojiPalletAu()
     63{
     64    for (n=1; n<=eNumAu1; n++) {
     65        emojiPallet(n, "e", "epAu");
     66    }
     67    for (n=700; n<=eNumAu2; n++) {
     68        emojiPallet(n, "e", "epAu");
     69    }
     70    Element.addClassName("epAu", "finishLoadEmojiImage");
     71    Element.removeClassName("epAu", "processLoadEmojiImage");
     72}
     73
     74function renderEmojiPalletSoftBank()
     75{
    6276    for (n=1; n<=eNumSb; n++) {
    63         emojiPallet(n, "s");
     77        emojiPallet(n, "s", "epSb");
    6478    }
    65     document.write('</div>');
     79    Element.addClassName("epSb", "finishLoadEmojiImage");
     80    Element.removeClassName("epSb", "processLoadEmojiImage");
    6681}
    6782
     
    97112
    98113// 絵文字出力
    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+']")\'>');
     114function emojiPallet(i, career, target) {
     115    var src = "./skin/default/img/emoji/" + career + "/" + career + i + ".gif";
     116    var alt = "[" + career + ":" + i + "]";
     117    var onclick = "putEmojiToSelf('[" + career + ":" + i + "]')";
     118    if (target) {
     119        var div = document.getElementById(target);
     120        var img = document.createElement("img");
     121        img.setAttribute("src", src);
     122        img.setAttribute("alt", alt);
     123        img.setAttribute("onclick", onclick);
     124        div.appendChild(img);
     125    } else {
     126        document.write('<img src="' + src + '" alt="' + alt + '" onclick="' + onclick + '">');
     127    }
    101128}
    102129
     
    122149function togglePallet(pallet) {
    123150    if ($(pallet).style.display == "none") {
     151        if (!Element.hasClassName(pallet, 'finishLoadEmojiImage')) {
     152            Element.addClassName(pallet, "processLoadEmojiImage");
     153            if (pallet == 'epDocomo') {
     154                renderEmojiPalletDoCoMo();
     155            }
     156            if (pallet == 'epAu') {
     157                renderEmojiPalletAu();
     158            }
     159            if (pallet == 'epSb') {
     160                renderEmojiPalletSoftBank();
     161            }
     162        }
     163        if (Element.hasClassName(pallet, 'processLoadEmojiImage')) {
     164            return togglePallet(pallet);
     165        }
    124166        Element.show(pallet);
    125167    } else {
     
    128170}
    129171
     172Event.observe(window, "load", function() {
     173    // 確実に表示するDoCoMo絵文字は先読みする
     174    renderEmojiPalletDoCoMo();
     175});
     176
     177
    130178// ポップアップ
    131179function popupPallet(URL){
Note: See TracChangeset for help on using the changeset viewer.