スポンサーサイト

0

    一定期間更新がないため広告を表示しています


    • 2014.12.23 Tuesday
    • -
    • -
    • -
    • -
    • -
    • by スポンサードリンク

    HTMLの表(TABLE)のセル(TD)に斜線を引くjavascriptライブラリ slash.js 作っちゃいました

    0
      毎度毎度、大変ご無沙汰しております…
      相変わらず育児と仕事に追われる毎日を過ごしています。
      といってもPHPの仕事だけなので、django1.0以降はまだ追えていません(涙)

      で、そんな中で、業務系システムの帳票フォーマット作りで悩んだ結果生まれた作品を突然公開しに来ました。←変人


      どんなものかというと…

      HTMLで作成した表(TABLE)でセルに斜線を引くjavascriptライブラリです!
      ハイ、JavaとかC++とか高度な言語で開発されている方々には全く無意味です(爆)
      PHPで業務系システムを開発して、PHPに吐き出させるHTMLのテンプレートで帳票フォーマットを作っている私のような人間だけが必要とするシロモノです。

      使い方解説


      1.ダウンロードしたslashjsフォルダをサーバー上の適当な位置にアップロードしてください。

      cssとjavascriptは別々のフォルダに入れてしまっても構いません。



      2.斜線を描きたいテーブルを配置するHTML内に下記の記述を入れて下さい。

      *ファイル名は変更して構いませんし、フォルダ名等は実際の環境に合わせて下さい。


      <script type="text/javascript" src="slashjs/prototype.js"></script>

      <script type="text/javascript" src="slashjs/slash.js"></script>

      <link rel="stylesheet" href="slashjs/slash.css" type="text/css" media="screen" />




      3.斜線を描きたいセル(td)にwithSlashというクラスを付加します。


      例:
      <td class="withSlash"></td>




      右上から左下に向かって斜線を付けたいときはslashRightというクラスも付加してください。


      例:

      <td class="withSlash slashRight"></td>




      対象セルに、無関係な別のクラス名が付いても関係なく動きます。


      例:

      <td class="hogehoge withSlash slashRight"></td>




      ダウンロードはこちらから。


      動作確認状況なんですが、
      ○Win IE6
      ○Win IE7
      ○Win Firefox3
      ×Win Safari
      こんな感じです。特にSafariは「どうしちゃったの?」って感じの表示になります(悲)。
      取り急ぎこれを使いたいというクライアントさんがWindows環境のみなので、見切り発車してしまいました(汗)

      ★動作「×」のものの修正対応、私が確認できていないブラウザでの動作確認にご協力いただける方を募集中ですm(_ _)m
      このページを見て、「サンプル」の表示がどうなったか↓コメントくださいm(_ _)m


      スポンサーサイト

      0

        • 2014.12.23 Tuesday
        • -
        • 12:01
        • -
        • -
        • -
        • -
        • by スポンサードリンク

        コメント
        win chrome
        どうしちゃったの?って表示です

        面白いスクリプトなので僕もカキカキしてみます。
        • 2009/02/03 4:27 AM
        ↑の方(お名前ないので…汗)

        検証ありがとうございます!
        現在メインPCがぶっ壊れてしまい、気軽にブラウザをインストールして試せない状態なのですが、機会がありましたら改めて主要ブラウザで検証し、修正したいと思っています。
        またコメントお待ちしています☆
        • momo
        • 2009/02/03 7:18 PM
        コメントする








           
        この記事のトラックバックURL
        トラックバック
        友人に一斉にメールを送ってアンケートがとれる『Notifu』 Aptana Jaxer 1.0 released, brings together the Aptana trinity WEB制作に役立つ汎用性の高いJavaScriptライブラリ 「MJL(MITSUE-LINKS JavaScript Library)」 ハイクオリティな石や岩のテクスチャー集「F
        • 常山日記
        • 2008/11/01 4:02 PM

        PR

        calendar

        S M T W T F S
           1234
        567891011
        12131415161718
        19202122232425
        2627282930  
        << November 2017 >>

        twitter

        selected entries

        categories

        archives

        recent comment

        • 結局CodeIgniter用汎用Modelクラス&汎用CRUDスクリプトを書きました
          プログラマー
        • icu4.4以上が用意できないサーバーでSymfony2.3以上を使う方法
          よし
        • icu4.4以上が用意できないサーバーでSymfony2.3以上を使う方法
          ななうぇぶ
        • icu4.4以上が用意できないサーバーでSymfony2.3以上を使う方法
          よし
        • icu4.4以上が用意できないサーバーでSymfony2.3以上を使う方法
          よし
        • WindowsのPCで開発するphperがxhprofを使う方法
          ななうぇぶ
        • WindowsのPCで開発するphperがxhprofを使う方法
          川本
        • [バッドノウハウ]Symfony2で別テーブルの集計項目を一覧に含めたいとき
          よし
        • Symfony Advent Calendar JP 2012 day 14 - vendorをcomposerで管理しているプロジェクトにcomposerを使わずにバンドルを追加したときのautoloadの書き方
          77web
        • Symfony Advent Calendar JP 2012 day 14 - vendorをcomposerで管理しているプロジェクトにcomposerを使わずにバンドルを追加したときのautoloadの書き方
          ktz

        recent trackback

        • HTMLの表(TABLE)のセル(TD)に斜線を引くjavascriptライブラリ slash.js 作っちゃいました
          常山日記
        • django対symfony 日本語メール送信(その1 symfony編)
          CPA-LABテクニカル
        • CodeIgniterでユーザー認証
          されどLAMPな日々
        • 久々にdjangoを最新版にしたらHTMLがエスケープされちゃった!!(解決済み)
          常山日記
        • FastCGIを諦めてmod_pythonを使う。Apacheのアップグレード
          サーバー用語集
        • さくらインターネット、sqlite3でdjango@CGI版を使う際の設定メモ
          常山日記
        • さくらインターネット スタンダードプランでdjango使ってる方、DBは?
          mitszoの日記
        • python多次元リストをsort(並べ替え)する方法?
          mitszoの日記
        • フォームから送信した値とrequest.POSTの挙動($_POST@PHPとの比較)
          Humming Via Kitchen
        • 日本語テキストをtruncate@django(Python全般にも??)
          常山日記

        recommend

        links

        profile

        search this site.

        others

        mobile

        qrcode

        powered

        無料ブログ作成サービス JUGEM