のjQuery UI - 呼び出しハイライト/エラー

Question

、これはあまりにも明白であるが、私はどこでも任意の適切な答えを見つけることができない場合はごめんなさい...

はもののようなハイライト/エラーメッセージを配置する方法はあります単にjqueryのUI機能を呼び出すことによって http://jqueryui.com/themeroller/：このページの右下に？

私は、彼らは、HTMLをハードコードください...ソースコードを検査が、答えを見つけるように見えることはできませんか？

ありがとうございました

----------------------------------------- 解決策 ---------------------------------------

jQuery：（create新しいファイルwhatever.jsとは、そこに次のコード

$(document).ready(function(){ 

if($("div.error")[0]){ 
    createError($("div.error")); 
} 

if($("div.notice")[0]){ 
    createHighlight($("div.notice")); 
} 
}); 

//functions start 
function createHighlight(obj){ 
    obj.addClass('ui-state-highlight ui-corner-all'); 
    obj.html('<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right:.3em;"></span>'+obj.html()+'</p>'); 
} 

function createError(obj){ 
    obj.addClass('ui-state-error ui-corner-all'); 
    obj.html('<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right:.3em;"></span>'+obj.html()+'</p>'); 
} 

を置くHTML：

： は、単にあなたのようなメッセージを置きたいのdivデ作成

<div class="error"><b>ERROR:</b> The message goes here</div> 

や注意事項について：

<div class="notice"><b>NOTICE:</b> The message goes here</div> 

あなたはCSSを使用して、クラスのスタイルを設定することができます。

が、これは誰にもお役に立てば幸いです。

----------------------------------------- SOLUTION - -------------------------------------

Answer 1

ページにエラーを配置するjQuery UI関数はありません。しかし、あなたはこのような要素にjQueryを使ってエラークラスを適用することができます：

$('#el').addClass('ui-state-error ui-corner-all'); // Rounded corners 
$('#el').addClass('ui-state-error'); // Squared Corners 

私はこれが助けてくれることを望みます！

Answer 2

文書によると、jQueryのUIをロードした後CSS、あなたはいくつかのクラスを使用することができます。

http://jqueryui.com/docs/Theming/API

は、例えば、ここに警告ボックスがそのように定義されています。

<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"> 
    <p> 
    <span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span> 
    <strong>Alert:</strong> 
    Sample ui-state-error style. 
    </p> 
</div>