【HTML】 alt 属性のツールチップ

  Microsoft IE



※ IE は 7 までで動作していたようです

>The text also acts as a ToolTip
>if the title is not set
>when the user hovers the mouse over the graphic.


ユーザがマウスを画像の上に置いた時、もし title 属性がなければ、このテキストもツールチップとして動作します。

▼ alt

ユーザがマウスを画像の上に置いた時、
もし title 属性がなければ、
このテキストもツールチップとして動作します。

---------------------------------------------------------
	● タブも有効です
	● <B> HTML は使えませんがうまくすればソースコードも書けます </B>
<mx:Form width="90%" height="90%">
	<mx:FormItem
		label="Flex 仕様のダアログ"
		labelStyleName="labelAlign"
	>
		<mx:Button
			label="開く"
			click="openFlexDialog();"
			styleName="testButton"
			width="100"
		/>
	</mx:FormItem>
</mx:Form>

▼ title


  
<IMG
	src="http://lightbox.cocolog-nifty.com/photos/app/alt_test.png"
	alt="
ユーザがマウスを画像の上に置いた時、
もし title 属性がなければ、
このテキストもツールチップとして動作します。

---------------------------------------------------------
	● タブも有効です
	● <B> HTML は使ませんがうまくすればソースコードも書けます </B>
<mx:Form width=&amp;#34;90%&amp;#34; height=&amp;#34;90%&amp;#34;>
	<mx:FormItem
		label=&amp;#34;Flex 仕様のダアログ&amp;#34;
		labelStyleName=&amp;#34;labelAlign&amp;#34;
	>
		<mx:Button
			label=&amp;#34;開く&amp;#34;
			click=&amp;#34;openFlexDialog();&amp;#34;
			styleName=&amp;#34;testButton&amp;#34;
			width=&amp;#34;100&amp;#34;
		/>
	</mx:FormItem>
</mx:Form>
"
>
  

上記コードによって、IEで は以下のように表示され、改行やタブもそうですが、記述した内容はそののまま表現されます。
※ 以下の画像は IE11 のものです。昔はもっと横幅が広く表示されましたが、今はエミュレーションでも皆このようになります。

※ title 属性でも同じ動作をします。









  Firefox



そのままでは、ツールチップは表示されませんが、Addon で表示されるようになります。但し、title 属性があれば、そちらが優先されて表示されます。

※ Addon のリンクは、Firefox 専用です。
※ Firefox 3.0.1 でテストしました
※ Addon : Popup ALT Attributes 1.3.2008052801



以下は title 属性でのツールチップ






  Opera

Opera 9.52 では、 title 属性でのみツールチップが表示されます。

alt に関しては、右クリックから「画像のプロパティ」で、テキストボックスから確認できます。
( テキストエリアでは無いので長い文章は横スクロールしないと見れないのが難 )















  infoboard   管理者用   
このエントリーをはてなブックマークに追加





フリーフォントWEBサービス
SQLの窓WEBサービス

SQLの窓フリーソフト

素材

一般WEBツールリンク

SQLの窓

フリーソフト

JSライブラリ