スポンサーサイト

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
             12
        3456789
        10111213141516
        17181920212223
        24252627282930
        31      
        << March 2024 >>

        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