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

Comments:11

kawachi 08-07-08 (火) 1:55

するするアニメーションでスクロールした後に、実際に#付きのURLに飛ばすのはどう？

タブキーで移動していてエンターキーで上に移動した場合とか、移動した位置にフォーカスも移動するとうれしいというのと、実際にアドレスバーに#付きのURLが入ったほうがいろいろ便利かなと。

Kyosuke 08-07-08 (火) 13:09

>kawachiさん
スクロール完了後にリダイレクトってことだよね？？
そうすると画面のリロードが発生しちゃうので画面が一瞬白くなるかも。

URLだけうまく書き換えられるとよいのだけどブラウザ間でいろいろ問題があったような。。ちょっと調べてみます。フォーカスはたぶん移動できるのでその際に合わせて対応します。

mori 08-07-28 (月) 20:28

こんにちは。いつも参考にさせていただいています。

>するするアニメーションでスクロールした後に、実際に#付きのURLに飛ばすのはどう？

これ、私も賛成です。WinのIBMホームページリーダーでもフォーカスが移動しないので、ユーザビリティ的に今一だなぁと思っていました。マウスイベントの代わりに、キーボードイベントが使えないか試したのですが、ホームページリーダーでは（WinIE6では？）どっちもマウスイベントになってしまうようでダメでした。　前に大手企業のサイトで、これを実現しているのを見たので不可能ではなさそうです。（JSのオブジェクトにbAとあったので、有名制作会社が作ったサイトだと思います…）。　うろ覚えですが、スクロール完了後に#以下が追加されるものの、リロードは発生していないようでした。　他力本願で申し訳ないですが(^^; 是非とも追加していただきたい機能です！

tochi 08-10-28 (火) 18:37

いつも参考にさせていただいています。

※ここに質問するのは間違っていたらすみません。
私の構築が間違っているのかもしれませんが…
thickboxで拡大画像を表示した場合、IE7のみ拡大画像が中心に来ません…半分程下に見えなくなります。
（IE6、Firefox、SafariはOK大丈夫でした）

これはどのようにしたら直るでしょうか？

tochi 08-11-06 (木) 15:32

上記バグ（！？）
修正点がわかりました。

thickbox.js
284行目の
「jQuery.browser.version < 7))」
を
「jQuery.browser.version < 7),10)」
に修正することで直りました。

以上、ご報告まで。。。

tochi 08-11-06 (木) 16:18

たびたびです。

上記
「jQuery.browser.version < 7),10)」
だとIE6がバグになってしまいました。

このバグ修正は↓に載っていました。
（解決策）
http://jamazon.co.uk/web/2008/03/17/thickbox-31-ie7-positioning-bug/

taka 08-12-01 (月) 23:44

yuga.jsいつも利用させていただいております。
このようなすばらしいJavaScriptを公開していただき本当に感謝です。
あつかましいお願いなのですが、thickboxの代わりにFancyBoxをデフォルトで利用したいのですが、どのようにしたら良いでしょうか？
JavaScriptの知識が全くないので、ご教授いただければと思います。
http://fancy.klade.lv/
また、アコーディオンの機能もデフォルトであると嬉しいのですが・・・
よろしくお願いいたします。

potato 08-12-03 (水) 15:15

お世話になります。SEO的な作業の時に壁にぶつかりました。

問題になっている機能は↓

“現在のページへのリンクのa要素に包まれるimg要素の画像は、拡張子の前に「_cr」が付いたものと置き換えます。”

http://www.exsample.com/
というサイトがあったとして、グローバルナビに上記の機能を利用しています。

http://www.exsample.com/index.html
と
http://www.exsample.com/

はSEO的には別物として扱う為、サイト内の全てのトップページへのリンクは/index.htmlではなく./を使うように指示がありました。
○　a href=”./”
ｘ　a href=”index.html”

がしかし、サイト内の他のページに飛んだ時もトップページのリンクボタンにも_crが付加されてしまいます。どうしたものかと困っています。

ちなみにリンクはテキストでは画像ボタンです。テキストであればCSSで上手く制御できそうなのですが・・・。

お忙しいとは思いますが、何か良い知恵がありましたらよろしくお願いします。

ttr 08-12-09 (火) 11:00

yuga.js、利用させていただいています。
ひとつ、質問なんですが。

単純にyuga.jsを使用しつつ、サイトを構築すると
ちゃんと効いているんですが、
その後、MT（4.x）にあてて構築すると
効かなくなってしまいました。

そういったトラブルが今までございましたでしょうか？
もしあれば、何か原因や疑わしい原因など、
教えていただきたいんですが。

tadashi 08-12-10 (水) 0:13

yuga.jsを知って、複数画像の同時ロールオーバ、大変重宝しております。
これを他の方法でやる日はdreamwerverの使いにくいjsしか見当たらなかったので。。。

ひとつご質問というか、ご指導願いたいのですが、
複数画像のロールオーバ機能を何グループにも分けており、
これが頻繁に追加と削除をするのですが、
ロールオーバーのgroupSelectorをhtmlのhead内などにjavascriptとして記述することは出来ないでしょうか？

この部分をhtml内に記述できるだけでも更新時のjsファイルをいじらなくてすみますし、わかりやすいと思ったのですが。

お手すきの時で良いのでご指導頂ければと存じます。

よろしくお願いします。

Kyosuke 09-01-08 (木) 20:54

皆さま、コメントの返信が数カ月単位で遅れてしまい申し訳ありません。。

> moriさん
ご意見ありがとうございます。本日公開した0.7.0で機能を追加しましたので試してみてください。

> tochiさん
thickbox.jsの不具合だったようですね。情報ありがとうございます。また無事事故解決できたようで良かったです。

>takaさん
funcyboxのページでの使い方で
$(”p#test1 a”).fancybox(); というふうに指定するとありますので、yuga.jsの中に組み込むとすれば最初の$(function(){の中の
$.yuga.thickbox();をコメントアウトして代わりに$(’a[href$=".jpg"], a[href$=".gif"], a[href$=".png"]‘).fancybox(); とかでどうでしょうか？

>potatoさん
親フォルダへのリンク画像を_crにする機能をつかわないのであれば親フォルダのほうの機能だけoffにすることができます。
0.7.0だと$.yuga.selflink();となっている部分を$.yuga.selflink({changeImgParents:false});とすることでOFFになります。

> ttrさん
MovabletypeはたぶんURLがすべてhttpから書かれるhtmlを出力するのが原因かと思います。0.7.0で自分のドメインは外部リンクとして扱わないように修正してみたのでもしよろしければ試してみてください。

>tadashiさん
複数画像の同時ロールオーバですが、htmlごとにセレクタが大きく異なるようでしたらhtmlに書くことは可能です。
yuga.jsの$.yuga.rollover();の部分はコメントアウトしていただき、代わりにhead内に以下のように記述するのはどうでしょうか？

$(function(){
$.yuga.rollover({groupSelector:’ここにそのページのグループセレクタ’});
})

Trackbacks:2

Trackback URL for this entry

http://blog.kyosuke.jp/2008/07/07/56/trackback

Listed below are links to weblogs that reference

yuga.js 0.6.3 - 優雅なWeb制作のためのJavaScript from inputlog

pingback from jquery_autoを使ったロールオーバーの拡張 « チバのブログ 09-07-17 (金) 1:18

[...] jquery_autoっていう便利なjsがあります。優雅なWeb制作のためのJavaScriptみたいなやつなんですが、yuga.jsよりもjquery_autoを先に知ったのでjquery_autoばっかり使ってます。 [...]

pingback from お気に入りのyuga.jsでユーザビリティについて考えた / 35歳からのWEB遊びブログ 10-01-23 (土) 15:51

[...] 0.6.3のページのコメントを読んで、目からうろこである。#hogeが無いとフォーカスが移動しないということらしい。なるほど。恥ずかしながら全く気付きもしなかった。 [...]