2012-10-05 16 views
5

मेरे शीर्षक के लिए खेद है, मुझे नहीं पता कि यह कैसे पूछें ... यदि आप www.usatoday.com पर जाते हैं और यदि आप किसी भी लिंक में क्लिक करते हैं तो एक संक्रमण होता है (ठंडा) मैं पूछना चाहता हूं कि कोई यूआरएल उदाहरण कैसे बदल सकता है:यूएसएटीओडीई संक्रमण प्रभाव

आप क्लिक/समाचार/और अपने/खेल/पर क्लिक करते हैं/यह एक स्लाइडर है क्योंकि यह एक स्लाइडर है लेकिन यूआरएल बदलता है, क्योंकि यह एक और पेज है ...

यदि कोई समझता है कि क्या पूछना है, तो यह बहुत उपयोगी होगा।

पीडी मेरा बुरा अंग्रेजी

+1

मैंने पोस्ट किया [यह जवाब] (http://stackoverflow.com/questions/12338302/how-to-make-browser-back-and-forward-work-on-a-single-page-layout/12338334# 12338334) कुछ हफ्ते पहले, यूआरएल को बदलने के तरीके के बारे में कुछ संसाधनों के साथ, भले ही आपके पास एकल पृष्ठ संरचना हो। कम से कम यह आपके प्रश्न के कुछ हिस्सों में आपकी सहायता कर सकता है। –

+0

एचटीएमएल 5 वहां काम पर ... –

उत्तर

3

मुझे लगता है कि usatoday वेबसाइट पूर्ण जावास्क्रिप्ट एप्लिकेशन है या एक पृष्ठ एप्लिकेशन कहें। तो कोई वास्तविक रीलोड नहीं है।

यूआरएल चेंजिंग ब्राउज़र में प्रदर्शित यूआरएल को बदलने के तरीके में एचटीएमएल 5 में पेश की गई नई सुविधा है * पृष्ठ को पुनः लोड किए बिना जावास्क्रिप्ट के माध्यम से। यह एक बैक-बटन ईवेंट भी बनाएगा और आपके पास एक ऐसी स्थिति वस्तु भी होगी जिसके साथ आप बातचीत कर सकते हैं।

इसका मतलब है कि यदि आप अपने AJAX- एप्लिकेशन में राज्य जोड़ना चाहते हैं तो आपको हैश-हैक का उपयोग नहीं करना पड़ेगा, और खोज इंजन आपके पृष्ठों को भी अनुक्रमणित करने में सक्षम होंगे।

window.history.pushState("object or string", "Title", "/new-url"); 

आप History.js का उपयोग इस सुविधा HTML4 ब्राउज़रों संगत बनाने के लिए कर सकते हैं।

+0

उत्तर के लिए धन्यवाद जो मैंने पहले ही खोजा है, लेकिन मैं इसे यहां लिखना भूल गया। धन्यवाद! –

0

के लिए खेद है वे वास्तव में नहीं कर रहे हैं अर्थ में लिंक है कि वे किसी नए URL पर ब्राउज़र इंगित करें। उन्हें मूल रूप से हेडर क्षेत्र (जो कुछ हद तक स्थैतिक है) और सामग्री क्षेत्र है, जो एनिमेट और डायनामिक रूप से अजाक्स कॉल के माध्यम से लोड किया गया है।

असल में, सबकुछ ब्राउज़र के क्लाइंट/क्लाइंट साइड पर जावास्क्रिप्ट का उपयोग करके किया जाता है, और सर्वर की तरफ से वेब सेवाओं का उपयोग करके वास्तविक सामग्री को प्रदर्शित करने के लिए वापस कर दिया जाता है।

+0

साइट बहुत अच्छी और आधुनिक दिखती है। मैं जानना चाहता हूं कि उन्होंने ढांचे का उपयोग किया है या उन्होंने स्क्रैच से एचटीएमएल 5 लिखा है। – Cris

+0

जो मैं इसे एक मिनट के लिए देखकर बता सकता हूं, यह jQuery, Underscore.js, modernizr और require.js का उपयोग करता है। वे किसी भी ढांचे का उपयोग नहीं कर रहे हैं, इसलिए वे शायद पृष्ठ के लिए अपनी पुस्तकालय लुढ़का। –

0

मुझे एक महीने पहले समाधान मिला। इसे इतिहास एपीआई के साथ लागू किया जा सकता है।

एक अच्छी तरह से व्याख्या यहां पाया जा सकता: http://diveintohtml5.info/history.html

सादर।

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