Topics :

बुधवार, जून 13, 2012

Home » , » जावा स्क्रिप्ट में स्टेटमैंट कर प्रयोग कैसे किया जाये ?

जावा स्क्रिप्ट में स्टेटमैंट कर प्रयोग कैसे किया जाये ?

जावा स्क्रिप्ट में स्टेटमैंट कर प्रयोग कैसे किया जाये ?

आज आपके लिए पेश है अपने अनुसार जावा स्किप्ट का निर्माण में स्तेत्मैन्ट्स को प्रयोग करने की एक छोटी सी ट्रिक्स | सबसे पहले आप निम्न आपन निम्न पंक्ति की और ध्यान दें जहाँ पर पर लिखा है क्या आप मेरा नाम जानते हैं? क्या कहा ? नहीं ! तो मेरा नाम जानने के लिए निम्न बटन पर कलिक करें | उसके ठीक नीचे एक बटन दिखाई दे रहा है, उस बटन पर कलिक करें | आप को इस प्रश्न का उत्तर मिलेगा |
क्या आप मेरा नाम जानते हैं? क्या कहा ? नहीं ! तो मेरा नाम जानने के लिए निम्न बटन पर कलिक करें |

इस डेमो को दोबारा से देखने के लिए इस पेज को रिफ्रेश करें |
आइये जाने कि ऐसा कैसे किया जा सकता है |
1. आप निम्न प्रकार से अपना प्रशन अपनी पोस्ट पर लिखें |

<p style="font-size:17px;text-align:justify;" id="thmdemo">क्या आप मेरा नाम जानते हैं? क्या कहा ? नहीं ! तो मेरा नाम जानने के लिए निम्न बटन पर कलिक करें | </p>
<button type="button" onclick="myFunction()">मेरा नाम जानने के लिए कलिक करें |</button>

2. अब आपको जावा स्क्रिप्ट में इस प्रश्न का उत्तर लिखना है |

<script type="text/javascript">
function myFunction()
{
document.getElementById("thmdemo").innerHTML="मेरा नाम विनीत नागपाल है |";
}
</script>

     नंबर एक पर आपको जो पैराग्राफ का कोड दिखाया गया है उसमें नारंगी रंग से thmdemo को हाईलाईट किया गया है, ये वो आईडी है जो जावा स्क्रिप्ट में लिखे गए निर्देश का पालन करती है |

     नंबर दो पर वो जावा स्क्रिप्ट है जिसमें thmdemo वही आईडी लिखकर उसके आगे उस प्रशन का उत्तर लिखा गया है | जहाँ पर नारंगी रंग में मेरा नाम विनीत नागपाल है | लिखा है वहाँ पर आप अपना नाम लिखकर पेज को रिफ्रेश करने के बाद बटन पर कलिक करेंगे तो ये आपका नाम पर्दर्शित करेगा |

नोट : आपको इस डेमो के लिए ये सारी प्रक्रिया अपनी पोस्ट के एडिट मोड में करनी है |

क्या आपको ये आई-मैजिक अंदाज़ पसंद आया ? यदि हां !!! तो अपने विचारों से अवगत कराएं |

"टिप्स हिन्दी में ब्लॉग" की हर नई जानकारी अपने मेल-बॉक्स में मुफ्त पाएं ! Save as PDF

Share this post :

4 टिप्‍पणियां:

Vaneet Nagpal
  1. समझ मे आया कुछ की कोशिश जारी है
    [सर आप एक पोस्‍ट इस बारे मे देवे जिसमे आपके द्वारा बताया जावे की कैसे ब्‍लाग की सभी पोस्‍टो को एक पेज पर दर्शाया जा सके ।
    यूनिक तकनीकी जानकारीयों का ब्‍लाग

    [ma]http://www.picturesanimations.com/f/flowers/15.gif[/ma]

    उत्तर देंहटाएं
    उत्तर
    1. वैसे तो इस विषय पर पहले से कई ब्लॉग पर लिखा जा चुका है | इस ब्लॉग पर नहीं इस से सम्बंधित को पोस्ट नहीं लिखी गई | बहुत है आसान ऐसा करना | कल की पोस्ट में वो स्क्रिप्ट आपके लिए पेश कर दी जायेगी व साथ ये भी बताने की कोशिश की जायेगी कि कुछ ब्लॉग पर ये स्क्रिप्ट काम क्यों नहीं करती | जिन ब्लॉग पर इस प्रकार की स्क्रिप्ट पेश की गयीं है,प्रत्युतर में ये बताने की कोशिश नहीं की गई कि जिन ब्लॉग पर ये स्क्रिप्ट काम नहीं कर रही वो क्यों नही कर रही |

      हटाएं
  2. [im]http://www.picturesanimations.com/f/flowers/redrose92.gif[/im]

    उत्तर देंहटाएं

आपकी टिप्पणी मेरे लिए मेरे लिए "अमोल" होंगी | आपके नकारत्मक व सकारत्मक विचारों का स्वागत किया जायेगा | अभद्र व बिना नाम वाली टिप्पणी को प्रकाशित नहीं किया जायेगा | इसके साथ ही किसी भी पोस्ट को बहस का विषय न बनाएं | बहस के लिए प्राप्त टिप्पणियाँ हटा दी जाएँगी |