タグ

cssと*5に関するthiswholeworldのブックマーク (2)

  • jQueryでブロック要素の高さを揃えてみる - 徒書

    ブロックレベル要素の高さを揃えるheightLine.js[to-R]を見て不満に思ったのは、高さを揃える要素を取得するために固定のclass名を使っていることでした。これだと既存のHTML文書に適用するためには、script要素を加えるだけでなく、それ用のclass名も書き加えなければなりません。どうせJavaScriptを使うのであれば、既存のHTMLの構造を生かしつつスクリプト側で目的の要素を取得できたほうがいいのではと思いました。 というわけでまたも自分なりに書き換えてみるシリーズなのですが、今回は要素取得の柔軟さに着目してjQueryを使ってみることにしました。 できたものは以下です。 jquery.flatheights.js 動作サンプル jQueryの$関数ではCSSセレクタの書式で要素を取得できるので、例えば「"box1"というclass名を持つ要素」を集めるのであれば

  • ポップアップウィンドウ用のスクリプト|JavaScript::Bookmarklet Blog

    ポップアップウィンドウ用のスクリプト 別ウィンドウでリンク先ページを開くときよく書くJavaScriptは以下のようなものです。 <a href="page.html" onclick="window.open(this.href)">リンク</a> でもこれだとメンテナンス性があまりよくありません。 そこでCSSを利用したページデザインのメンテナンスのような方法でこうしたリンク先を指定する方法です。ページのロードの終了時にJavaScriptでDOMを操作します。 まず、適当にpage1.htmlといったファイルを作っておいて、以下のHTMLを試して見てください。 <HTML><HEAD><TITLE>TEST</TITLE> <script language="JavaScript" type="text/JavaScript"> <!-- function doPopup() { i

    thiswholeworld
    thiswholeworld 2005/06/18
    classで名前付けたDOMをjsで操作。動作の分離。
  • 1