2014年8月31日日曜日

HTML Tの世界 の お手伝い を別リスト化

知人から、Tの世界 の お手伝い を別リスト化したい と相談されました。
Tの世界 って 何? レベルの私ですが、何とか形にしたので、公開します。
本人と相談しながら、ほんの少しの時間で作ったので、参考程度に見て下さい。
定期的にお手伝いをすると決めている人を、PC 上でリスト化しておいて、ここからアクセスする方法です。
知人から連絡があって、運営サイド曰く、 URL 書き換えは 将来的に 処分・退会の対象となる可能性 あり だそうです。   *2


以下の方法は、グレーみたいです。
知人から連絡があって、運営サイド曰く、 URL 書き換えは 将来的に 処分・退会の対象となる可能性 あり だそうです。
実施される方は、それを踏まえてお使い下さい。   *2

先ず、断っておきます。
環境は PC 利用で、ブラウザ上に HTML で作ったファイルを表示させます。
この表形式のリストから、リンクをクリックして、訪問 (?) します。
ログインしている事が前提 ですので、Tの世界 を開いた状態 で、別タブを新規で開き、ここに表示します。

ファイルは、以下の雛形を元に、お手伝いしたい方のリンクを Tの世界 の画面からコピーし登録します。

 <!DOCTYPE html>
<html lang="jp" xmlns="http://www.w3.org/1999/xhtml">
<head>
   <meta charset="utf-8" />
   <title>MyFriendList Local</title>

   <body bgcolor="#d0f8bb">
   Tの世界 お手伝い リスト PC 版  ver0.99.1<br />
   <br />
   <!-- 注記:背景色 グリーン=d0f8bb ブルー=bbc3f8 ピンク=ffe9e5 -->

   <!-- CSS 取り込み -->
   <!-- 連番自動 -->
   <style>
   table.basic {
      counter-reset: seq_no;  /* 表毎に */
   }
   table.basic tbody th:before {
      counter-increment: seq_no;         /* th 要素でカウント */
      content: "登録 " counter(seq_no) " 番  "; /* 表示形式 */
   }
   </style>

   <table border="0" class="basic">
   <tbody>

   <!--
   <tr>
   <th></th>
   <td><a href="" target="_blank"> </a></td>
   </tr>
   -->
   <!-- 注記:
          <td><a href="" target="_blank"> </a></td> を含む 上の 4 行 をコピーして、
          ""の中に リンク URL を、
          k"> と </a の間に 名前 を入れて下さい。 以下を参考に。
   -->

   <!-- ここから 登録 -->

   <tr>
   <th></th>
   <td><a href="http://p.g.tsite.jp/proxy/19?guid=ON&url=http%3A%2F%2F211.11.101.119%2Fap.php%2Fsite%2Fmember%2FdspOtherPage%3Fu%3Dxxxxxx%26q
%3Dzzzzzz
" target="_blank"> Xさん</a></td>
   </tr>

   <tr>
   <th></th>
   <td><a href="http://p.g.tsite.jp/proxy/19?guid=ON&url=http%3A%2F
%2F211.11.101.119%2Fap.php%2Fsite%2Fmember%2FdspOtherPage%3Fu%3Dyyyyy%26q
%3Dzzzzzz
" target="_blank"> Yちゃん</a></td>
   </tr>

   <!-- ここまで 登録 -->

   </tbody>
   </table>

   </body>
</html>
     
この方法は、グレーみたいです。
知人から連絡があって、運営サイド曰く、 URL 書き換えは 将来的に 処分・退会の対象となる可能性 あり だそうです。
実施される方は、それを踏まえてお使い下さい。   *2

     灰色の部分 コメント は省略可能です。 *1
     <body bgcolor="#nnnnnn">  で、nnnnnn の部分( HTML 色指定 )を変更すると背景色が変わります。 *1.
     詳しくない方は、そのまま、コピー&ペーストして 弄らずに お使い下さい。 *1.
     尚、説明用に各 URL およびお名前は架空のものですから、そのまま表示は出来ますが、リンク先はエラーになります。 *1.


作業は、 メモ帳 %windir%\system32\notepad.exe を開き、上の文をコピー&ペーストして、UTF-8 で保存します。
あっ、そう、 ファイル名は T-world_Friends.html とでもして下さい。  .html 以外は変更可。
マイ ドキュメント 内任意フォルダの中に保存します。


編集は、メモ帳 を開き、このファイルをドラッグ・ドロップします。
      上の雛形で赤い字の部分を訂正します。
      URL は、 Tの世界 の画面から、お手伝いしたい方のリンクをコピーします。
               リンクの所にマウスを合わせ右クリック > リンクのURL をコピーです。
      お名前は手入力です。
      アバターって言うのですが、プロフィールの画像も取り込みたかったのですが、作業時間切れでした。
編集後、上書き保存すれば、 直ぐに、利用可能です。


利用は、 Tの世界 を開いた状態 で、別タブを新規で開いた上に、このファイルをドラッグ・ドロップします。
各々のお名前のリンクをクリックすれば、別タブで該当ページが開きます。
      そう、左端の連番は HTML 内で自動に番号を振っています。




とりあえず、動いてはいる様ですが、何か良い方法は無いものでしょうかね。
何方か、良い方法があれば、お教え下さい。

この方法は、グレーみたいです。
知人から連絡があって、運営サイド曰く、 URL 書き換えは 将来的に 処分・退会の対象となる可能性 あり だそうです。
実施される方は、それを踏まえてお使い下さい。   *2


現在の問題点:
    同一名を並べて登録してしまうと、分らないので、登録順序で工夫が必要です。
    やはり、登録画像が欲しいって言われましたけど ... 。



[2014/08/31] THML コードの解説を追加  *1
[2014/10/08] 運営サイドの意向を反映  *2.  後程、言葉を厳しいものに変更

0 件のコメント:

コメントを投稿