私は確信していますが、それはわかりません。ユーザーが各フィールドにいるときに小さなメモのポップアップを作成するにはどうすればよいですか?彼らが名前の欄に行くと言うように。右側の名前欄をクリックするとすぐに、小さなメモが表示され、「名前を必ず使用する」のようなメッセージが表示されます。私は私が持っているいくつかのフィールドのためにこれをしたい。これどうやってするの?入力フィールドのフォーカスの後のツールチップ
0
A
答えて
1
ツールチップをお探しですか?これらのコレクションをsmashing magazineからチェックアウトします。
1
私はこのプラグインをあなたが求めているものに使用します。 JQuery tooltip
1
FlowPlayer.orgには、使用できるjQueryツールチッププラグインがあります。あまりにも参考のためにここに貼り付けhttp://jsbin.com/iruyo3
コード:ここでは、フォーム上でそれを使用してのデモの
チェックthis(それはあなたの条件に合っ)
1
は簡単な例です。
<!doctype html>
<html>
<head>
<title></title>
<style type="text/css">
html,body,h1,h2,h3,h4,h5,p,ul,li,form,button { margin:0; padding:0 }
body { font:normal 62.5% tahoma; margin:20px }
#myForm .note { display:none; }
#myForm fieldset { border:0 }
#myForm label { width:100px; float:left; height:25px; line-height:25px; text-align:right; padding-right:10px }
</style>
</head>
<body>
<form id="myForm">
<fieldset>
<label>Name</label>
<input type="text" name="fullname">
<span class="note">Enter your full name.</span>
</fieldset>
<fieldset>
<label>Company</label>
<input type="text" name="fullname">
<span class="note">Enter your work place.</span>
</fieldset>
</form>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function() {
$('#myForm input:text').focus(function(){
$('.note').hide();
$(this).next().fadeIn();
});
});
</script>
</body>
</html>
関連する問題
- 1. Android Hijacksフォーカス中の入力フィールドのCSS?
- 2. 次の入力フィールドにIpadフォーカス
- 3. CkEditorの入力フォーカス
- 4. Knockout.jsクリックフォーカス後にフォーカスを入力
- 5. Android EditText:入力後にフォーカスを失う
- 6. フォーカス入力ボックスオンロード
- 7. フレックステキスト入力フォーカス
- 8. Twitterのブートストラップドロップダウン入力フィールドがフォーカス()メソッドで動作しない
- 9. jquery fancyboxの入力フォーカス
- 10. 入力ツールチップを他の入力の前にする方法は?
- 11. 別の入力フィールドの値を持つ自動入力フィールド
- 12. BootStrapの入力の最初のフィールドにフォーカスを設定する方法は?
- 13. マウスで入力フィールドをフォーカスできません
- 14. 外部ロードされたswfの入力フィールドのフォーカスを設定します
- 15. stackOverflowタグのような入力フィールド入力フィールド
- 16. ウェブサイトの入力フォームのフィールド
- 17. IE8選択後のJQuery-UIオートコンプリート入力フィールドのクリア
- 18. 別のフォームの入力フィールドに、フォームのファイル入力フィールドの値をコピー
- 19. は、入力フィールドがjqueryの
- 20. 入力フィールド内のドロップダウン
- 21. iMacrosのテキスト入力フィールド
- 22. QtのQFileDialog入力フィールド - シェル
- 23. テキスト入力フィールドのCSSバグ
- 24. icloud.comのフォーム入力フィールド
- 25. jQueryの+隠し入力フィールド
- 26. 入力フィールドの再フォーマット
- 27. Select()Knockout.jsでの入力フィールド
- 28. Symfony2 - 入力フィールドのDoctrineオートエスケープ
- 29. 選択フィールドの入力エラー
- 30. 質問のクリア入力フィールド
私たちに必要なものを提供するサイトの例を挙げてください。そうすることで、特定のコードを提供したり、他のコードとのやりとりを解読することさえできます。 –
https://twitter.com/signup – AAA
それは良いです:)私の例はあなたが望むものです。 'span.note'要素のスタイルを変更して、より見やすくしたい場合はバックグラウンドイメージを持つことができます。 –