Javascriptの「setInterval」と「clearInterval」を使用してフェードモーションを管理
トップページなどのメインイメージの切り替えをする際、自動と手動を組み合わせて行うことも多…
wordpress(ワードプレス)の投稿記事を別サイト(同一ドメイン)で読み込みで表示したという相談があった際にjQueryのみで実装した方法をメモ。
<ul id="feedList"></ul>
$(function(){
$.ajax({
url: 'rssのURL',
cache: false,
dataType:"xml",
success: function(xml){
$(xml).find('item').each(function(){
var title = $(this).find('title').text();
var url = $(this).find('link').attr('href');
$('<li></li>').html('<a href="'+url+'">'+title+'</a>').appendTo('ul#feedList');
});
}
});
});
外部ドメインのRSSを読み込む際は、セキュリティの関係で ajax では同一ドメインのファイルとしか通信できない制限があるため、別でPHPファイルを用いて実装が必要。
$url = 'rssのURL';
$xml = file_get_contents($url);
header('Content-type: application/xml; charset=UTF-8');
print $xml;
上記の内容で作成したファイルを、jqueryの「url」の値として読み込みます
例では『rss.php』としてます。
$(function(){
$.ajax({
url: 'rss.php',
cache: false,
dataType:"xml",
success: function(xml){
$(xml).find('item').each(function(){
var title = $(this).find('title').text();
var url = $(this).find('link').attr('href');
$('<li></li>').html('<a href="'+url+'">'+title+'</a>').appendTo('ul#feedList');
});
}
});
});
トップページなどのメインイメージの切り替えをする際、自動と手動を組み合わせて行うことも多…
電話やメール営業など、自社サービスを営業する上で欠かせないのが営業用のリスト。業種の違い…
以前、画面の端から端まで無限ループするスライダーを実装したのですが、そちらの応用版。適当…