Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

タグ

関連タグで絞り込む (13)

タグの絞り込みを解除

htmlとjavascriptに関するmaRkのブックマーク (13)

  • HTMLの表（TABLE）のセル(TD)に斜線を引くjavascriptライブラリslash.js by77-WEB@名古屋

    HTMLの表（TABLE）のセル(TD)に斜線を引くjavascriptライブラリ slash.js HTMLで作成した表（TABLE）で斜線（主に空欄・記入禁止などを示すためのもの）を引こうと思ったら、そんなもの引けなかった… そんな経験はありませんか？ 従来、VMLを使う方法と画像を使う方法が知られていましたが、どちらも欠点があり、汎用的に使うことができるものではありませんでした。 ・VML…W3C勧告として採用されておらず、WindowsIEのみ使用可能。Firefox等に移植性なし。 ・画像…tdのサイズに合わせて斜線の画像を用意するので、サイト・ページごとに、斜線の必要なtdの数だけ画像を作成しなければならない。 そこで、複数のページ・サイトに導入可能（何度も同じものを作る必要なし）で、誰でも簡単に使えるものを作れないか？と思い、javascriptを利用したライブラリを作成して

  • 文書構造と動的なWebのアクセシビリティ | Web標準Blog | ミツエーリンクス

    Mozillaでアクセシビリティ関連のQAを担当しているMarco Zeheが自身のBlogに “The importance of placement of HTML elements in a document” という記事を投稿していました。JavaScriptでモーダルダイアログなどを実現するものがありますが、実装方法によってアクセシビリティを著しく損ねることになるケースが紹介されています。 記事で例に挙げられていたのはThickBox。デモの写真やリンクをクリックするとダイアログが開くのですが、これは新たに生成したdivを文書の一番後ろに追加し、それをスタイルシートで調整するという実装が行われています。 表示上はなんら問題ない方法ですが、Zeheはこの「文書の一番後ろに追加する」ことに問題があると述べています。文書の最後に要素を追加してしまうと、内容の多いページにおいてはアンカー

  • クライアント側のHTMLより１．別のアドレスのサーバーのＪａｖａをコールして、２．ＸＭＬを戻し、３．ＸＭＬ－＞ＨＴＭＬ変換... - Yahoo!知恵袋

    クライアント側のHTMLより１．別のアドレスのサーバーのＪａｖａをコールして、２．ＸＭＬを戻し、３．ＸＭＬ－＞ＨＴＭＬ変換して、４．クライアント側で表示する方法を教えてください。 クライアント側のHTMLより１．別のアドレスのサーバーのＪａｖａをコールして、２．ＸＭＬを戻し、３．ＸＭＬ－＞ＨＴＭＬ変換して、４．クライアント側で表示する方法を教えてください。 目的 ＨＴＭＬより、既存のＵＲＬ（Ｊａｖａリクエスト）をたたき、ＸＭＬで戻される結果をクライアントＰＣに整形して表示したい。 １．ブラウザより以下のようにタイプすると、サーバー側よりＸＭＬを得られる。 http://111.222.333.444/test/webapi?command=name&option=1 上記をＨＴＭＬでどのように記述するのか？ ２．ＸＭＬは以下のようにサーバーより得られる <CommandResponse>

    クライアント側のHTMLより１．別のアドレスのサーバーのＪａｖａをコールして、２．ＸＭＬを戻し、３．ＸＭＬ－＞ＨＴＭＬ変換... - Yahoo!知恵袋

  • tableの行と列を固定してスクロール！！Super Tables | バシャログ。

    6月に入り、欧州サッカーの移籍情報が気になってしょうがないishidaです。 WEB制作に携わっていると、表組みだらけのWEBサイトの担当に 長い人生に一度や二度はなる（?）と思います。 tableによる表組みは、行や列が増えすぎるとコンテンツからはみ出したりして 見栄えが悪くなりますよね。 そんな迷える子羊たちを助けてくれるjavascriptライブラリ Super Tables を今回ご紹介いたします。 まずは以下のサンプルをご覧くださいませ。 Super Tables サンプルデモ サンプルのような感じで、ヘッダー部分を固定したり、列を固定できます。 Super Tables 設置方法 配布ページよりデータをダウンロードし、利用したいhtmlのhead要素などでファイルを読み込みます。 <link rel="stylesheet" href="superTables.css" typ

    tableの行と列を固定してスクロール！！Super Tables | バシャログ。

  • blog.katsuma.tv

    タイトルだけ読んだら意味不明かと思います。要はこういうケースです。 入力フォームとiframeを用意 入力フォームがURLだったらiframeに指定されたURLのページを読み込む。要するに簡易ブラウザみたいなの。 ここで入力されたURL先のページが自分自身のwindow.selfを確認してwindow.topに描画されていないと分かるや否や、window.topに再描画する。 すると、iframeを表示していた元の親フレームは上書きされて子フレームに乗っ取られる。 たとえばadidasのサイトなんてそういう挙動をします。分かりやすく具体例を示すためにこんなページを用意しました。Googleボタンを押すとiframeの中身がGoogleに入れ替わり、adidasボタンを押すとadidasのサイトに入れ替わります。adidasボタンを押すと親フレームを乗っ取られることが確認できます。ちなみに、

  • もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT

    業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと

    もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT

  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

    maRk
    maRk 2008/11/13
    background-image and PR ( geocities) are JAMA!
    リンク

  • JavaScriptの動かないコード　(中級編)　p要素への appendChild() で失敗する - 主に言語とシステム開発に関して

    連載目次へ クイズ…下記のJavaScriptコードが，意図した動作をしないのはどうしてですか。（制限時間１分） やりたい事： ＜p＞タグの中に，div要素が１つ入っている。もう一つdiv要素を追加して， <p id="target_tag"> <div id="div_1">１つ目のdivです。</div> <div id="div_2">２つ目のdivです。</div> </p> というタグ構造にしたい。 <body> <script language="JavaScript"> function f() { // <div> タグを複製します。 var element_div2 = div_1.cloneNode(false); element_div2.id = "div_2"; element_div2.innerHTML = "２つ目のdivです。"; // 上の要素を，<p>

    JavaScriptの動かないコード　(中級編)　p要素への appendChild() で失敗する - 主に言語とシステム開発に関して

  • デコレーションテーブル.js - JavaScript ライブラリー - HTML5.JP

  • target="_blank"を使わずに別ウィンドウで開く

    通常外部リンクなどを別窓で開く際に、target="_blank"を使うと思うのですが、コレは非推奨となっているので、もうちょっと美しく別窓で開くにはどうしたらいいか？ と何度か考えた事がありますが、適当にぐぐると、JavaScriptを使うものが何点かあるけど、ソレもイマイチスマートじゃない。 例えば下記で紹介されているような。 http://allabout.co.jp/internet/hpcreate/closeup/CU20040118A/ コレはコレで今までの問題を解決するにはいいのかなーと思うのですが、ボクが個人的に求めているのはもうちょっとスマートなやり方。 今まで、この問題に関して深く調べた事が無かったのですが、雲のむこうの人からこういう方法もあるよ。 って教わったので、今回はそのやり方を紹介いたします。 取り合えず、何だかんだ言って結局JavaScriptを使うわけです

    target="_blank"を使わずに別ウィンドウで開く

  • Blogger

    Google のウェブログ公開ツールを使って、テキスト、写真、動画を共有できます。

  • Canvasリファレンス - HTML5.JP

    HTML5の仕様に基づいて、Canvasで利用できるメソッドやプロパティ（属性）のリファレンスをご用意しました。主にHTML5の仕様の和訳となりますが、HTML5の仕様は非常に分かりにくい説明があるため、一部、図や補足説明を入れました。 各メソッドやプロパティごとにサンプルスクリプトもご用意しましたので、具体的なスクリプティングが理解できます。ブラウザごとの対応についても触れています。 皆様のCanvasの理解にお役に立てれば幸いです。 HTMLCanvasElement HTMLCanvasElementのメソッド

  • WinIEでabbr要素を何とかする - 徒書

    WinIEがabbr要素を理解しないことへの対応として、The Web Kanzakiで用いられいてたスクリプトを少し変更したものを使ってました（参照: 見よう見まねJavascript）。それで今まで動作上特に問題もなく、またinnerHTMLと正規表現を使ってソースを書き替えるという手法はスクリプトの見た目もすっきりしていて分かりやすいのですが、別の手段として、正規のDOM的手法を用いてなんとかならないかと考えまして、試してみることにしました。DOMの勉強も兼ねて。 やり方としては、abbr要素ノードからその子テキストノードとtitle属性を取り出して、それを新しく作ったspan要素に適用し、span要素を文書に追加する、という感じで行けるかなと思っていたのですが、実際にやってみるとabbr要素の子ノードが取り出せなくて躓きました。色々と試してみる中で、確認のため、 <abbr tit

  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2025 Hatena. All Rights Reserved.