Comments for inputlog http://blog.kyosuke.jp 日々覚えたことの記録。 Wed, 08 Sep 2010 01:51:55 +0000 http://wordpress.org/?v=2.5.1 Comment on yuga.js 0.7.0 - 優雅なWeb制作のためのJavaScript by pyon-yon http://blog.kyosuke.jp/2009/01/08/65#comment-358 pyon-yon Thu, 02 Sep 2010 05:18:05 +0000 http://blog.kyosuke.jp/?p=65#comment-358 yuga.jsに関連して教えてください。 Webdesigning 6月号の記事に関してです。 セルフリンクを、ディレクトリを基準に判定する方法をご紹介頂いていますが、 var dirPath = absolutePath(path).replace(/index\.html$/, ''); このケースでは、各ディレクトリに必ずindex.htmlの存在が前提に なるため、例えばWordPressでパーマリンク設定してしている場合 などで、直上のディレクトリ名の一致をもってセルフとしたい場合 ここをどのように変えたらよいか、教えてください。 どうか、よろしくお願いします。 yuga.jsに関連して教えてください。
Webdesigning 6月号の記事に関してです。
セルフリンクを、ディレクトリを基準に判定する方法をご紹介頂いていますが、
var dirPath = absolutePath(path).replace(/index\.html$/, ”);
このケースでは、各ディレクトリに必ずindex.htmlの存在が前提に
なるため、例えばWordPressでパーマリンク設定してしている場合
などで、直上のディレクトリ名の一致をもってセルフとしたい場合
ここをどのように変えたらよいか、教えてください。
どうか、よろしくお願いします。

]]>
Comment on yuga.js 0.7.1 - 優雅なWeb制作のためのJavaScript by WordPressでyuga.jsを使用する場合 | SOHO・フリーランス/ホームページ制作/be children(横浜) http://blog.kyosuke.jp/2009/01/27/67#comment-357 WordPressでyuga.jsを使用する場合 | SOHO・フリーランス/ホームページ制作/be children(横浜) Tue, 25 May 2010 10:25:32 +0000 http://blog.kyosuke.jp/?p=67#comment-357 [...] ントにその対策が載っていました。 http://blog.kyosuke.jp/2009/01/27/67 [...] [...] ントにその対策が載っていました。 http://blog.kyosuke.jp/2009/01/27/67 [...]

]]>
Comment on Google AJAX APIを使ってjQueryを読み込む by WordPressでGoogle AJAX APIからjQueryを読み込む | wembley http://blog.kyosuke.jp/2008/06/04/55#comment-356 WordPressでGoogle AJAX APIからjQueryを読み込む | wembley Fri, 07 May 2010 16:08:23 +0000 http://blog.kyosuke.jp/?p=55#comment-356 [...] Google AJAX Libraries APIとは? Googleによる説明 : AJAX Libraries API について メジャーなJavaScriptのライブラリをGoogleのサーバから呼び出せるサービス。 一見すると大人数で同じファイルを読みにいったら返って重くなるのでは?と思ってしまうけど、実際は一度読み込んだ時点で各ユーザ側クライアントにキャッシュされるので次からは読み込みが軽くなるはずです。 しかも多くのサイトで同じくGoogle AJAX LibrariesのjQueryを使っていれば、ますますお得になるわけです。 さらにgzipによる自動圧縮をしてくれるので、ファイル自体が軽くなっているみたいです。 実際にどのくらい軽くなるのか、自分はまだ体感したことはないけど、理屈の上はこういう仕組み。 参考 : Google AJAX APIを使ってjQueryを読み込む [...] [...] Google AJAX Libraries APIとは? Googleによる説明 : AJAX Libraries API について メジャーなJavaScriptのライブラリをGoogleのサーバから呼び出せるサービス。 一見すると大人数で同じファイルを読みにいったら返って重くなるのでは?と思ってしまうけど、実際は一度読み込んだ時点で各ユーザ側クライアントにキャッシュされるので次からは読み込みが軽くなるはずです。 しかも多くのサイトで同じくGoogle AJAX LibrariesのjQueryを使っていれば、ますますお得になるわけです。 さらにgzipによる自動圧縮をしてくれるので、ファイル自体が軽くなっているみたいです。 実際にどのくらい軽くなるのか、自分はまだ体感したことはないけど、理屈の上はこういう仕組み。 参考 : Google AJAX APIを使ってjQueryを読み込む [...]

]]>
Comment on yuga.js 0.6.0 - 優雅なWeb制作のためのJavaScript by エム・アールデザイン|デザインブログ http://blog.kyosuke.jp/2008/05/14/53#comment-355 エム・アールデザイン|デザインブログ Mon, 05 Apr 2010 13:08:06 +0000 http://blog.kyosuke.jp/2008/05/14/53#comment-355 <strong>JQuery使いまくり。</strong> サイト構築にはなくてはならなくなったjQuery。 いろいろなことが簡単にできるjQueryですが、最近、「これは」というJavascriptを発見。 過日。 あるサイトのページ追加を行ったのだが、作... JQuery使いまくり。

サイト構築にはなくてはならなくなったjQuery。 いろいろなことが簡単にできるjQueryですが、最近、「これは」というJavascriptを発見。 過日。 あるサイトのページ追加を行ったのだが、作…

]]>
Comment on yuga.js 0.7.1 - 優雅なWeb制作のためのJavaScript by リクエスト http://blog.kyosuke.jp/2009/01/27/67#comment-354 リクエスト Mon, 15 Mar 2010 04:29:25 +0000 http://blog.kyosuke.jp/?p=67#comment-354 マウスオーバー時に「_on」の付いた画像に切り替わった後、クリックしたら「_click」と付いた画像に変更したいのですが、うまくいきません。 イメージとしては、アップルのグローバルナビの動作を、CSSストライプを利用せず、yuga.jsのみでやりたいです。 よろしくお願いします。 マウスオーバー時に「_on」の付いた画像に切り替わった後、クリックしたら「_click」と付いた画像に変更したいのですが、うまくいきません。

イメージとしては、アップルのグローバルナビの動作を、CSSストライプを利用せず、yuga.jsのみでやりたいです。

よろしくお願いします。

]]>
Comment on yuga.js 0.7.1 - 優雅なWeb制作のためのJavaScript by yuga.js « be natural http://blog.kyosuke.jp/2009/01/27/67#comment-352 yuga.js « be natural Tue, 09 Feb 2010 15:21:10 +0000 http://blog.kyosuke.jp/?p=67#comment-352 [...] inputlog – yuga.js 0.7.1 – 優雅なWeb制作のためのJavaScript [...] [...] inputlog – yuga.js 0.7.1 – 優雅なWeb制作のためのJavaScript [...]

]]>
Comment on yuga.js 0.7.1 - 優雅なWeb制作のためのJavaScript by お気に入りのyuga.jsでユーザビリティについて考えた / 35歳からのWEB遊びブログ http://blog.kyosuke.jp/2009/01/27/67#comment-351 お気に入りのyuga.jsでユーザビリティについて考えた / 35歳からのWEB遊びブログ Sun, 24 Jan 2010 04:54:16 +0000 http://blog.kyosuke.jp/?p=67#comment-351 [...] に使わせていただいている。 細かなかゆい所に手が届くような改良を重ね、現在のバージョンは0.7.1。 作者のサイトで、ダウンロードはもちろんyuga.jsの使い方も詳しく解説されている。 [...] [...] に使わせていただいている。 細かなかゆい所に手が届くような改良を重ね、現在のバージョンは0.7.1。 作者のサイトで、ダウンロードはもちろんyuga.jsの使い方も詳しく解説されている。 [...]

]]>
Comment on yuga.js 0.6.3 - 優雅なWeb制作のためのJavaScript by お気に入りのyuga.jsでユーザビリティについて考えた / 35歳からのWEB遊びブログ http://blog.kyosuke.jp/2008/07/07/56#comment-350 お気に入りのyuga.jsでユーザビリティについて考えた / 35歳からのWEB遊びブログ Sat, 23 Jan 2010 06:51:48 +0000 http://blog.kyosuke.jp/?p=56#comment-350 [...] 0.6.3のページのコメントを読んで、目からうろこである。#hogeが無いとフォーカスが移動しないということらしい。なるほど。恥ずかしながら全く気付きもしなかった。 [...] [...] 0.6.3のページのコメントを読んで、目からうろこである。#hogeが無いとフォーカスが移動しないということらしい。なるほど。恥ずかしながら全く気付きもしなかった。 [...]

]]>
Comment on yuga.js 0.7.1 - 優雅なWeb制作のためのJavaScript by かず http://blog.kyosuke.jp/2009/01/27/67#comment-349 かず Mon, 18 Jan 2010 08:14:27 +0000 http://blog.kyosuke.jp/?p=67#comment-349 10-01-15 (金) 14:22 質問の件ですが自己解決できました。 ただ、汎用性がない上もう少しスマートな方法が知りたいので、わかる方いらっしゃいましたらよろしくお願いいたします。 else if (0 <= location.href.search(href.absolutePath)) { //親ディレクトリリンク $(this).addClass(c.parentsLinkClass); setImgFlg = c.changeImgParents; } 上記ソースを下記のように変更いたしました。 else if (0 <= location.href.search(href.absolutePath)) { var url = href.absolutePath.search('hogehoge.com/$'); if (url == 7){ //トップページへのリンク setImgFlg = false; } else { //親ディレクトリリンク $(this).addClass(c.parentsLinkClass); setImgFlg = c.changeImgParents; } } 10-01-15 (金) 14:22 質問の件ですが自己解決できました。
ただ、汎用性がない上もう少しスマートな方法が知りたいので、わかる方いらっしゃいましたらよろしくお願いいたします。

else if (0 <= location.href.search(href.absolutePath)) {
//親ディレクトリリンク
$(this).addClass(c.parentsLinkClass);
setImgFlg = c.changeImgParents;
}

上記ソースを下記のように変更いたしました。

else if (0 <= location.href.search(href.absolutePath)) {
var url = href.absolutePath.search(’hogehoge.com/$’);
if (url == 7){
//トップページへのリンク
setImgFlg = false;
} else {
//親ディレクトリリンク
$(this).addClass(c.parentsLinkClass);
setImgFlg = c.changeImgParents;
}
}

]]>
Comment on yuga.js 0.7.1 - 優雅なWeb制作のためのJavaScript by かず http://blog.kyosuke.jp/2009/01/27/67#comment-348 かず Fri, 15 Jan 2010 10:44:03 +0000 http://blog.kyosuke.jp/?p=67#comment-348 上記の質問後 82行目あたりに下記のソースを加えました 「dir_A/index.html」ページでの挙動は大丈夫でしたが、「dir_A/exsampleA.html」だと「dir_A/」へのリンクボタンが通常の_cn無しの画像になってしましました。 else if (0 <= location.href.match(href.absolutePath.replace('http://hogehoge.com'))) { setImgFlg = false; } いろいろ試行錯誤してますが、解決法わかりましたらよろしくお願い致します。 上記の質問後 82行目あたりに下記のソースを加えました
「dir_A/index.html」ページでの挙動は大丈夫でしたが、「dir_A/exsampleA.html」だと「dir_A/」へのリンクボタンが通常の_cn無しの画像になってしましました。

else if (0 <= location.href.match(href.absolutePath.replace(’http://hogehoge.com’))) {
setImgFlg = false;
}

いろいろ試行錯誤してますが、解決法わかりましたらよろしくお願い致します。

]]>