Home > JavaScript | jQuery | yuga.js > yuga.js 0.5.1 - 優雅なWeb制作のためのJavaScript

yuga.js 0.5.1 - 優雅なWeb制作のためのJavaScript

バージョンアップはこそこそしていたりする優雅なWeb制作のためのJavaScript yuga.jsの0.5.1を公開します。

CSS HappyLifeの平澤さんにわたして公開していただいた0.4.2からの差分は以下の通りです。

  • 全体の構造変更
    • グローバル変数yugaをやめ、プラグインの記述方法でjQueryオブジェクト内にyugaを持つように
    • 機能別にfunctionを分け、ソースの最初で初期化をするように
    • 初期化の際、各パラメータを設定できるように
  • interface.roのスクロールが1.2系で動作しないためスクロールを独自実装(interface.jsを廃止)
  • 外部リンクを別ウインドウで開く機能を初期化パラメータで簡単にoffにできるように

yuga.js 0.5.1 ダウンロード

不具合などありましたら、この記事にコメントしていただけると助かります。

追記: yuga.js 0.5.3 公開しました

Comments:8

motsu 08-03-25 (火) 19:06

kyosukeさんこんばんは。
いつもお世話になっております。

初歩的な質問で恐縮です。
現在制作中のサイトでyuga.jsを使わせていただいているのですが、
IE6で、「このページにはセキュリティで保護されている項目と保護されていない項目が含まれています…」のアラートが出てしまいます。https:内では使用できないのではないかとプログラマの人間に言われてしまったのですが、そういった問題はあるのでしょうか?

サイトの文字コードはeuc-jpです。
それが関係しているのかもしれません。

不勉強なもので、質問内容がわかりづらくて申し訳ないのですが
よろしくお願いいたします。

ゲスト 08-03-28 (金) 17:38

//絶対パスを取得
this.getAbsolutePath = function(path){
if (!path.match(/^(mailto:)|(javascript:)/)) {
var img = new Image();
img.src = path;
path = img.src;
img.src = ‘#’;
}
return path;
};

この部分ですが、画像以外も img.src に読み込まれてしまいませんか?

Kyosuke 08-04-09 (水) 17:44

>motsuさん
お返事おそくなりました。httpsでも問題なく動くとおもうのですが、もし不具合が起きてるようでしたらメールなどで不具合が起きているURLを送っていただければわかるかもしれません。

サイトの文字コードに関してはscript要素のcherset属性にてutf-8が指定されていればeuc-jpでも問題ありません。

>ゲストさん
はい、画像以外もimg.srcに入れています。以下を利用しています。
http://b.hatena.ne.jp/entry/3437800(参照元記事が見れないようなので。。)

imgオブジェクトを表示していないので読み込みは発生していないと思います。

ゲスト 08-04-23 (水) 12:55

//外部リンクは別ウインドウを設定
externalLink: function(options) {
var c = $.extend({
windowOpen:true,
externalClass: ‘externalLink’
}, options);
var e = $(’a[href^="http://"]‘);
if (c.windowOpen) {
e.click(function(){
window.open(this.href, ‘_blank’);
return false;
});
}
e.addClass(c.externalClass);
},

この部分ですが、「特定ドメインは同じウィンドウで開いて、それ以外は新しいウィンドウで開く」様な処理にしたい場合は、どうすればいいのでしょうか?

var e = $(’a[href^="http://"]‘);
ここを変更すればいいのだろうと思いますが、どうしてもうまくいきません。
初心者でごめんなさい。よろしくお願いします。

Kyosuke 08-04-25 (金) 10:29

こんな感じでしょうか?
var e = $(’a[href^="http://"]‘).not(’a[href^="http://example.com/"]‘);

ゲスト 08-04-25 (金) 13:50

>imgオブジェクトを表示していないので読み込みは発生していないと思います。
いえ、Web サーバのログを見ると読み込みが発生しているようですよ。

ゲスト 08-05-02 (金) 16:54

Add Your Comment

Kyosuke 08-05-09 (金) 18:38

>ゲストさん
>いえ、Web サーバのログを見ると読み込みが発生しているようですよ。

こちらご指摘いただき調べてみたところ、確かに発生していますね。。こちらを修正した新しいバージョンを公開しました。ご指摘ありがとうございます。

Comment Form
Remember personal info

Trackbacks:1

Trackback URL for this entry
http://blog.kyosuke.jp/2008/03/06/49/trackback
Listed below are links to weblogs that reference
yuga.js 0.5.1 - 優雅なWeb制作のためのJavaScript from inputlog
trackback from DesignDevelop 08-03-12 (水) 18:48

優雅なWEB制作のためのJavaScript「yuga.js…

派手なアクションや演出はありませんが、WEBサイト構築において、ちょっとした気の利いた所を押さえているjavascriptが今回紹介するJavaScript「yuga. (more…)

Home > JavaScript | jQuery | yuga.js > yuga.js 0.5.1 - 優雅なWeb制作のためのJavaScript

Search
Feeds
Meta

Return to page top