2012-03-01 10 views
6

मैं जावास्क्रिप्ट के लिए काफी नया हूं, और मैं कुछ कोशिश कर रहा था। मैं आंतरिक HTML का उपयोग कर तालिका के अंदर एक छवि लोड करने के लिए एक फ़ंक्शन का उपयोग कर रहा हूं। लेकिन छवि तब तक दिखाई नहीं दे रही है जब तक कि मैं फ़ंक्शन के निचले हिस्से में अलर्ट ("जो भी") कॉल नहीं करता, तब यह दिखाई देता है जबकि अलर्ट दिखाई देता है। कोड मैं का उपयोग कर रहा है, जैसे (समारोह एक बाहरी जे एस फ़ाइल से कहा जाता है) कुछजब मैं जावास्क्रिप्ट आंतरिक HTML को कॉल करने के लिए उपयोग करता हूं तो मेरी छवि क्यों दिखाई नहीं देती है?

<script> 
    function show(){ 
     document.getElementById('imageHolder1').innerHTML="<a href="#"><img='photos/picture.jpg' border=0/></a>"; 
    } 
</script> 

<body> <input name="b1" type="button" value="pics" onclick="show()"/> 
<table><td id='imageHolder1'>picture</td></table> 
</body> `` 

मैं, समझ में नहीं आता क्यों यह काम नहीं करता सभी उदाहरण मैं पर ध्यान दिया है समान हैं मैं कोई बड़ा मतभेद देखें। अगर मैं टैग से बाहर निकलने की कोशिश करता हूं तो यह काम नहीं करता है। खैर किसी भी मदद का स्वागत है! अग्रिम धन्यवाद, और यदि आपके पास ऐसा करने के बारे में कोई सुझाव है (कोई jquery क्योंकि मैं अभी भी जावास्क्रिप्ट सीख रहा हूं) मैं भी इसकी सराहना करता हूं। एक बार फिर धन्यवाद!

+0

# की जांच करें, आपको "अपने आंतरिक HTML में" स्ट्रिंग। innerHTML एक जानवर के साथ काम करने, क्योंकि आप वाकई सब कुछ आप डालने कर रहे हैं सही और अच्छा HTML है बनाने के लिए है। अधिक वर्बोज़ पर गौर कर सकते हैं, लेकिन और अधिक विश्वास योग्य डोम जावास्क्रिप्ट छेड़छाड़ जैसे 'appendChild' आदि – user17753

+0

साथ ही, मेरा सुझाव है कि आप एफएफ या कुछ अन्य जावास्क्रिप्ट डीबगर के लिए फायरबग जैसे कुछ काम करते हैं, क्योंकि इन गलतियों को स्पॉट करना आसान होता है। – user17753

+0

धन्यवाद, मैं ऐपेंड चाइल्ड का प्रयास करूंगा, और निश्चित रूप से जावास्क्रिप्ट डिबगर्स को देख सकता हूं, क्योंकि इस उदाहरण के साथ कुछ भी काम नहीं करता है जैसा कि यह है। – biobio

उत्तर

4

आप अपने स्ट्रिंग में एक त्रुटि है:

document.getElementById('imageHolder1').innerHTML="<a href="#"><img='photos/picture.jpg' border=0/></a>"; 

पढ़ चाहिए

document.getElementById('imageHolder1').innerHTML="<a href='#'><img src='photos/picture.jpg' border=0/></a>"; 

(नोटिस " 'प्रतिस्थापन के लिए)

+0

यह एक खराब कट-एन-पेस्ट होना चाहिए, अन्यथा यह एक सिंथेट का उत्पादन करेगा axError –

+0

सत्य, – biobio

1

आप छवि src जोड़ने नहीं कर रहे हैं और यह। href='#' होना चाहिए यह

function show(){ 
    document.getElementById('imageHolder1').innerHTML="<a href='#'><img src='photos/picture.jpg' border='0'/></a>"; 
} 
होना चाहिए 210
1

छवि 'छवि' का एक आईडी दे रही है तो का उपयोग करके निम्न का प्रयास करें:

function show(){ 
    document.getElementById('image').src = 'photos/picture.jpg' 
} 
+0

चिपकाते समय मैंने स्रोत को मिटा दिया धन्यवाद! यह काम करता हैं। – biobio

+0

मदद करने के लिए खुशी हुई। – Jack

2

वहाँ त्रुटियों और अपने कोड में आलसी शॉर्टकट के बहुत सारे हैं। मैंने एक बेवकूफ़ बना दिया और बहुत तेज़ कामों को ठीक करना पड़ा जो बहुत जल्द काम की तरह दिखता है ... यहां आपका बेवकूफ़ है, लेकिन इसे कुछ भक्ति के साथ खेलें: http://jsfiddle.net/uXpeK/

+0

धन्यवाद ऐसा करने के लिए अपना समय लेने के लिए बहुत कुछ! मुझे लगता है कि इसमें महत्वपूर्ण विशेषताओं को डालने के साथ कुछ करना है। – biobio