2010-07-16 26 views
7

के माध्यम से HTML पूर्वावलोकन एक त्वरित HTML पूर्वावलोकन विंडो को एक साथ फेंकना चाहता है जो एक टेक्स्ट क्षेत्र की सामग्री लेता है और इसे एक करीबी बटन के साथ एक मोडल संवाद में दिखाता है। सामग्री एचटीएमएल के रूप में प्रस्तुत किया जाना चाहिए।जावास्क्रिप्ट या JQuery

यह सुनिश्चित नहीं है कि इस बारे में कैसे जाना है .. सबसे अच्छा तरीका क्या है?

+0

कौन सा हिस्सा आप को ट्रिपिंग है? – Matchu

+0

@Matchu: मुझे अभी तक कोई हिस्सा नहीं लगता है ... वह * शायद * पूर्व-निर्मित मॉडल बॉक्स समाधान की तलाश में है। – Sarfraz

+0

आप इनमें से किसी भी मॉडल बॉक्स के लिए जा सकते हैं: http://kirank.blog.com/2009/10/31/jquery-model-box/ [ColorBox] (http://colorpowered.com/colorbox/) दूसरा है बहुत लोकप्रिय हो रही है। – Sarfraz

उत्तर

5

आप jQuery यूआई, कुछ इस तरह उपयोग कर रहे हैं:

एचटीएमएल

<textarea id="mytext"></textarea> 
<div id="dialog"></div> 

जावास्क्रिप्ट

$('#dialog').dialog({ modal: true, autoOpen: false }); 

function preview() { 
    $('#dialog').html($('#mytext').val()); 
    $('#dialog').dialog('open'); 
} 
+0

बटन कहां जाता है इसे खोलता है? मैं JQuery पर बहुत कमजोर हूं ... – Caveatrob

+0

कहीं भी आप चाहते हैं। बस कहीं भी एक लिंक या बटन जोड़ें और क्लिक होने पर 'पूर्वावलोकन' पर कॉल करें, उदाहरण के लिए: '<बटन onclick = "पूर्वावलोकन();"> पूर्वावलोकन ' – casablanca

संबंधित मुद्दे