スポンサーサイト

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


      1

      PR

      calendar

      S M T W T F S
            1
      2345678
      9101112131415
      16171819202122
      23242526272829
      30      
      << November 2008 >>

      twitter

      selected entries

      categories

      archives

      recent comment

      • djangoテンプレート上でmodelのメソッドに引数を渡す方法(djangoで出勤簿アプリ試作中♪)
        GavannITサービス-なりとみ
      • 私がそれでも名古屋市に住み続ける理由を6つにまとめてみた!
        bose wireless speaker
      • FastCGIでdjango…400エラー???
        levi's
      • さくらインターネットdjangoが突然500エラー!?(Pythonバージョンアップされてた
        salomon running shoes
      • 私がそれでも名古屋市に住み続ける理由を6つにまとめてみた!
        louboutin shoes
      • FastCGIでdjango…400エラー???
        yeezy boost 350
      • さくらインターネットdjangoが突然500エラー!?(Pythonバージョンアップされてた
        jordan 11
      • Silexでエラーページをカスタマイズする方法 : Symfony Advent Calendar 2011 - day 12
        pandora jewelry
      • django対symfony 日本語メール送信(その1 symfony編)
        nike air vapormax
      • 解決!XREAでCGI版Pythonを使ってdjangoを動かす(人柱?)
        kate spade

      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