ニュースアプリを作成していて、zRSSFeedというjQueryプラグインを使用しています。プラグインには、ドロップダウンからニュースソースを選択して表示されるRSSフィードを変更する機能が付属しています。これにより、結果のDivに表示されるフィードが変更されます(ここの例を参照)。
ソースコード :
<script src="http://jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="jquery.zrssfeed.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
setRSSFeed('#menu');
$('#menu').change(function() {
setRSSFeed(this)
});
function setRSSFeed(obj) {
var feedurl = $('option:selected', obj).val();
if (feedurl) {
$('#result').rssfeed(feedurl);
}
}
});
</script>
<select id="menu">
<optionvalue="http://feeds.reuters.com/reuters/oddlyEnoughNews">News</option>
<option value="http://feeds.bbc.co.uk/iplayer/highlights/tv/list">BBC </option>
<option value="http://rss.cnn.com/rss/edition.rss">CNN News</option>
</select>
<div id="result"></div>
私の問題は、ドロップダウンから新しいソースを選択して表示されるフィードを変更するのではなく、指定された新しいソースへのリンク(href)を選択してフィードを変更したいということです。