2013-01-05 34 views
5

मैंने फीचर/गाइड टूर कार्यक्षमता को लागू करने के लिए एक बार जावास्क्रिप्ट टूल (jQuery प्लगइन शायद) देखा, दुर्भाग्य से मैंने पृष्ठ को बुकमार्क नहीं किया है।सिंगल-पेज अनुप्रयोगों के लिए जावास्क्रिप्ट टूल निर्देशित टूर

यह एक ओवरले का उपयोग करता है और संभवतः आईडी विशेषताओं के आधार पर दस्तावेज़ तत्वों पर केंद्रित है।

enter image description here

Joyride या कुछ भी मैं पाया है Googling यह समर्थन नहीं करता।

क्या आपके मन में कुछ भी है?

+1

आप इस टिप्पणी को देखने के लिए तमाशा का उपयोग करने पर विचार करना चाहिए, : http://stackoverflow.com/questions/14170855/javascript-tool-for-single-page-applicati ऑन-निर्देशित-दौरे/21298430 # 21298430 –

उत्तर

0

jquerypowertour.com तत्वों को हाइलाइट कर सकते हैं और बहुत कुछ। मैंने इसका इस्तेमाल नहीं किया है, लेकिन यह बहुत शक्तिशाली लगता है।

लेकिन मुझे लगता है JoyRide या Guiders-JS की तरह कुछ आसानी से jQuery Highlighter plugin के साथ संयोजन में ऐसा करने के लिए संशोधित किया जा सकता है - Demo

+2

यह एक नि: शुल्क समाधान नहीं है, साइडशो में समान विशेषताएं हैं और उपयोग करने में बहुत आसान हैं। यह एक नि: शुल्क उपकरण है। –

4

Sideshow वेब अनुप्रयोगों और साइटों के लिए इंटरैक्टिव भ्रमण बनाने के लिए एक आधुनिक और शक्तिशाली पुस्तकालय है।

सिर्फ अपने उपयोगकर्ताओं मार्गदर्शक की तुलना में, तमाशा उन लोगों के साथ बातचीत कर सकते हैं:

  • हाइलाइट हिस्सा आप प्रत्येक चरण में के बारे में बात कर रहे हैं (फार्म, div, छवि, क्षेत्र, और आगे), द्वारा बाकी स्क्रीन का मुखौटा (साइडशो इस के लिए जेड-इंडेक्स दृष्टिकोण का उपयोग नहीं करता है, इसका मुखौटा तत्व के पीछे स्थित नहीं है, लेकिन वास्तव में इसे घेरता है)।
  • अपने उपयोगकर्ता के व्यवहार और कुछ स्क्रीन की स्थिति की निगरानी करें।
  • अपने ट्यूटोरियल के लिए स्मार्ट कदम बनाएं, जो कुछ शर्त संतुष्ट होने पर स्वचालित रूप से आगे बढ़ती है
  • अपने ट्यूटोरियल के बीच संबंध बनाएं, इस तरह, जब आपका उपयोगकर्ता कुछ ट्यूटोरियल समाप्त करता है, तो संबंधित पर्यटन के साथ एक सूची दिखाई जाती है।
  • उपयोग Markdown अमीर के लिए स्वरूपण एक कदम वर्णन
  • उपयोग घटनाओं (जैसे beforeStep/afterStep, beforeWizardStarts/afterWizardEnds) कुछ तैयारी या कुछ और
  • दिखाएँ प्रासंगिक ट्यूटोरियल स्क्रीन के अनुसार प्रदर्शन करने के लिए अपने उपयोगकर्ता द्वारा देखा जा रहा है, प्रत्येक ट्यूटोरियल की यह जांचने के लिए अपनी शर्तों है कि क्या यह उस स्क्रीन के लिए योग्य है या नहीं

और अन्य शक्तिशाली विशेषताएं!

+3

मैंने इतने सारे गाइड टूर जेएस टूल्स की कोशिश की और मैं पुष्टि कर सकता हूं कि यह सबसे अच्छा है जिसे मैंने पहले कभी नहीं मिला, धन्यवाद! –

+1

साइडशो ऐसा करने के लिए सबसे अच्छी लाइब्रेरी है! –

1

Intro.js आपकी परियोजनाओं के लिए चरण-दर-चरण मार्गदर्शिका के साथ वेबसाइटों और सुविधाओं के लिए बेहतर परिचय है।

विशेषताएं:

  • कीबोर्ड + माउस नेविगेशन
  • फास्ट & छोटे
  • ब्राउज़र Compatibllity
  • नि: शुल्क & ओपन-सोर्स