テキストリンクの一部をコピーする方法のまとめ
テキストリンクの一部をコピーする方法をまとめました。 １．はじめに 「テキストリンクの一部をコピーする」というのは、たとえばa要素が付与された「これはリンクです」というテキストリンクがあるとしたら、 「リンク」という部分だけをコピー（というか選択）することを指します。 テキストリンクの一部をコピー テキストリンク全体、あるいは端を含めた一部をコピーするのはそれほど難しくありません。 テキストリンク全体をコピー テキストリンクの端を含んだ一部をコピー が、テキストリンクの途中を選択（してコピー）するには、ちょっとしたテクニックが必要です。 ということで、テキストリンクの一部をコピーする方法について調査してみました。 ２．テキストリンクの一部をコピーする ネットの情報やサンプルを使った実験で、基本的には以下の方法で取得できることが分かりました。 まず、リンクテキストで取得したい文字にカーソルを
jQueryでクリックした要素が何番目かを調べる方法
jQueryでクリックした要素が何番目の要素かを調べる方法を紹介します。 このエントリーはビギナーの方向けの内容です。 １．問題点 次のようなHTMLを想定します。 <ul> <li>aaa</li> <li>bbb</li> <li>ccc</li> <li>ddd</li> <li>eee</li> </ul> たとえば、「ccc」のli要素をクリックしたときにli要素の中の3番目の要素であることを知りたいのですが、調べる方法が分かりません。 ２．クリックした要素が何番目かを取得する（その1） クリックした要素が何番目かを取得するには、index()を利用します。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> jQuery(function
CSS3で使える35+α種類のカーソルの一覧表。（CSS おれおれ Advent Calendar 2012 – 07日目） | Ginpen.com
CSS おれおれ Advent Calendar 2012 – 07日目 寝るまでが今日です。（ｷﾘｯ JavaScriptで拾うボタン風の要素にcursor:pointerのように指定した事もあるんじゃないかと思うんですが、それです。 結構色々と種類があるので、一覧を眺めておくと良いんじゃないでしょうか。特にアプリを作る方。 追記 2012-12-08: タイトルを「36+α種類」から「35+α種類」に変更。数え間違えてました……。 cursorプロパティの値一覧 各行ではそのcursorを設定しています。カーソルを乗っけてみてください。変化ない場合、ブラウザーがそのカーソルに対応してないです。 あとCSS 2.1の時点で仕様として定められてあったものは明記してあります。（18個） 記載ないものは全てCSS3ですね。 画像 値 説明 例
[CSS]CSS3アニメーションを美しく使ったUIエレメントを作成するチュートリアル
通常時は画像が配置されたパネルで、ホバー時には元画像に重ねて、半透明のアニメーションで情報を見せる「Dribbble」風のエフェクトを実装するスタイルシートを紹介します。 本家よりこっちの方がかっこいいかも。 Using CSS3 Animations to Build a Sleek Box UI [ad#ad-2] デモ 実装 デモ デモではCSS3に対応したブラウザ、Firefox4+, Chrome, Safari, Opera, IE9+でご覧ください。 ホバー時 実装 HTML パネルはdiv要素で実装し、画像やホバー時のコンテンツを内包します。 <div id="container"> <div class="boxxy"> <a href="http://dribbble.com/shots/489532-Banking-App" target="_blank" class
爆速ブラウザ・Google Chromeがさらに便利になる7つの技
この記事には広告を含む場合があります。 記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 Google Chrome Logo / Randy Zhang もうずいぶん前から、ブラウザにはGoogle Chromeを使っています。なぜなら早いから。 他にもFirefoxやOpera、Sleipnirなど好みはあると思いますが、もしInternet Explorer（Windowsパソコンに最初から入ってる、青いマークのアレ）を使っている人がいれば、今すぐChromeを使ってみてください。ほとんどの場合で劇的に早くなるはず。 Google Chrome – Google の高速で安全なブラウザをダウンロードまあそれは良いとして、今回はそんなGoogle Chromeをさらに便利に使う技を7つ紹介。 うまく取り入れれば、ネットサーフィンや調べ物がグッと
クリック可能な箇所でa要素を使用しない時に気をつけたい3つのポイント
リンクではない、例えばJavaScriptを埋め込むなどのクリッカブルな箇所でアンカーリンクを使用しない時に気をつけたい3つのポイントを紹介します。 When (and when not to) use an anchor tag? [ad#ad-2] 下記は各ポイントを意訳したものです。 a要素は、いつ使うべきでしょうか。 私はそれがクリック可能である時に、a要素を気前よく使用していました。しかし、a要素の定義を考えてみると、セマンティックではない使い方をしている場合があるのではないかと思いました。 例えば、Gmailのソースを調べてみると、クリック可能な大部分の箇所はdiv要素を使用しています。これはJavaScriptのイベント用のもので、a要素を使用すべきではないものです。 では、そのa要素を使用しない場合、ユーザーにそれがクリック可能であるように見せるために、どのようにしたらよい
[AS3] ラジオボタンのように複数の中のひとつだけ設定値を変える
投稿者：野中 文雄 | 投稿日：2010.08.03 | [AS 3][ActionScript][Tips][野中ゼミ] ラジオボタンは、ひとつを選ぶと他の選択は解除されます(図001)。このように、定められた値を複数の中のつねにひとつにだけ設定する手法について考えてみます。 図001■ラジオボタンはつねにひとつだけしか選択できない タイムラインには、テスト用に3つのMovieClipインスタンスmy0_mc〜my2_mcを置きます。そして、クリックしたインスタンスのみアルファを100%、ほかは50%としてみましょう(図002)。 図002■クリックしたインスタンスはアルファ100%で他は50%にする まず初期設定のスクリプトでは、3つのインスタンスは配列に入れて、forループでクリックに対するイベントリスナーを登録します。リスナー関数はひとつを共用します。オーソドックスなフレームアクシ
![[AS3] ラジオボタンのように複数の中のひとつだけ設定値を変える](https://cdn-ak-scissors.b.st-hatena.com/image/square/a092edc21fa668dd8fd9d4117d5f1ea7812f16d6/height=288;version=1;width=512/http%3A%2F%2Ff-site.org%2Fogp_2013.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
