div की सामग्री बदलें

Question

मूल रूप से मैं एक वेब पेज एक div id = "सामग्री" और एक div id = "साइडबार" है,

मैं करना चाहते हैं क्या बदलाव है सामग्री div में सामग्री जब प्रत्येक आलेख के लिए एक सेपरेट पेज के बिना साइडबार में एक लिंक/बटन क्लिक किया जाता है।

कारण;

मैं कुछ बैंड के लिए एक बीआईओ पेज कर रहा हूं और प्रत्येक बैंड के लिए कई बटन होंगे, जब उपयोगकर्ता बटन/लिंक पर क्लिक करेगा तो सामग्री बदलेगी।

कोई विचार, मैं देख रहा हूं। JQuery या शायद PHP का उपयोग करके क्लिक करें लेकिन इसे लागू करने के तरीके पर बिल्कुल यकीन नहीं है।

Answer 1

आप अपने सर्वर पर एक HTML फ़ाइल में प्रत्येक लेख डाल सकता है, एक div इस तरह, यह चारों ओर लिपटा के साथ प्रत्येक (मान लें फ़ाइल myArticles.html को फोन किया और अपने मुख्य पृष्ठ को उसी फ़ोल्डर में है) है:

<div id='article1'> 
    <b>ARTICLE 1</b> This is my first article 
</div> 

<div id='article2'> 
    <b>ARTICLE 2</b> This is my second article 
</div> 

तो अपने पेज में इस डेटा AJAX का उपयोग कर लोड करने के लिए jQuery के .load समारोह का उपयोग करें।

लेख 1 के लिए अपना बटन कहें id = 'articleButton1' और 2 में id = 'articleButton2' (और href = '#' दोनों के साथ, इसलिए पृष्ठ नहीं बदलेगा) तो यह jQuery काम करेगा:

$('#articleButton1').click(function(){ 
    $('#content').load('myArticles.html #article1'); 
} 

$('#articleButton2').click(function(){ 
    $('#content').load('myArticles.html #article2'); 
} 

यह अपने सर्वर पर उस पृष्ठ से बाहर सही div उठाता है और यह #content div

Answer 2

आप इस ट्यूटोरियल में देखने की जरूरत है,

Tabify

Answer 3

में डालता है क्या jQuery यूआई खड़ी टैब के बारे में? http://jqueryui.com/demos/tabs/#ajax