jQuery संवाद में तीर

Question

क्या कोई तरीका है जिसके द्वारा मैं jQuery संवाद के बाईं ओर एक तीर टिप दिखा सकता हूं? मैं नीचे दी गई छवि में वर्णित कार्यक्षमता प्राप्त करना चाहता हूं। थीम रोलर सीएसएस और आइकन के साथ यह कैसे करें?

jQuery Dialog Customization http://www.freeimagehosting.net/uploads/74b51bb861.jpg

Answer 1

यूपी तिथि:

var $mydialog = $('<div></div>').html('<div class="myArrow"></div>Your Dialog Content Here').dialog({autoOpen: false,title: 'Retrieving Product Details', modal:true, width:600, height:400, position:'center'}); 

myArrow div मुख्य करने के लिए ले जाया गया है: मैं अपनी पहली उत्तर पोस्ट से पहले संपादित किया गया था, यह दर्शाता है कि तीर संवाद के शरीर में रखा जा रहा था, तो यहाँ मेरी अद्यतन कोड है संवाद की सामग्री div, सीएसएस की तरह कुछ हो सकता है: एक ओर जहां यह वास्तविक संवाद खुद को अनुकूलित नहीं है

.myArrow{ 
    display:block; 
    position:absolute; 
    width:15px; 
    height:15px; 
    left:-15px; /* pushes the arrow OUTSIDE the box */ 
    top:50px; /* or however far from the top you wish */ 
    background: url(path/to/arrow.jpg) center right no-repeat; 
    margin:0 15px 0 0; 
    } 

Answer 2

एक सरल विधि टी बस अपने शीर्षक विशेषता में एचटीएमएल और/या सीएसएस जोड़ने होगा जब इतनी तरह अपने संवाद का निर्माण:

var $mydialog = $('<div></div>').html('Your Dialog Content Here').dialog({autoOpen: false,title: '<div class="myArrow"></div>Retrieving Product Details', modal:true, width:600, height:400, position:'center'}); 

$mydialog.dialog('open'); //triggers dialog open event, can close with ('close') 

और myArrow के लिए सीएसएस:

.myArrow{ 
    display:block; 
    float:left; 
    clear:none; 
    width:15px; 
    height:15px; 
    background: url(path/to/arrow.jpg) center center no-repeat; 
    margin:0 15px 0 0; // some maring on the right to push title away from div; 
    } 

आशा है कि थोड़ा