jQuery यूआई - बुला हाइलाइट/त्रुटि

Question

मैं माफी चाहता हूँ अगर यह बहुत स्पष्ट है, लेकिन मैं किसी भी उचित जवाब कहीं नहीं मिल सकता है ...

वहाँ लोगों की तरह एक मुख्य आकर्षण/त्रुटि संदेश जगह कोई तरीका है इस पृष्ठ के निचले दाएं भाग पर: http://jqueryui.com/themeroller/ बस एक jquery ui फ़ंक्शन को कॉल करके?

मैंने स्रोत कोड का निरीक्षण किया लेकिन जवाब नहीं मिल रहा है ... क्या वे HTML को हार्डकोड करते हैं?

धन्यवाद

----------------------------------------- समाधान ---------------------------------------

jQuery: (बनाना एक नई फ़ाइल 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:

: सीधे शब्दों में डी divs है कि आप की तरह संदेशों को रखना चाहते हैं बनाने

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

या नोटिस के लिए:

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

आप तो सीएसएस का उपयोग कर वर्गों शैली दे सकते हैं।

उम्मीद है कि यह किसी की भी मदद करेगा।

----------------------------------------- समाधान - -------------------------------------

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 को लोड करने के बाद सीएसएस, आप कुछ वर्गों का उपयोग कर सकते हैं:

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>