>giyuさん
ご報告ありがとうございます。確認してみたところ今回からjQueryのバージョンを1.3.1に変更したのが原因でした。jQuery 1.3系からSafari 2.0をサポートしていないようです。もしSafari 2.0での動作が必要であればSafari 2.0に対応しているjQuery 1.2.6でもyuga.jsは動作しますのでjquery.jsを置き換えていただけますでしょうか？

giyu 09-02-06 (金) 7:04

0.7.0をダウンロードして動作したので、そちらを設置してみたのですがjqueryの影響でしたか。

ありがとうございます。

sanso 09-02-19 (木) 20:53

「簡易タブ機能」のタブ切り替えは、表示中のコンテンツ内から切り替えることは可能でしょうか？

deru 09-02-21 (土) 1:54

$.ajaxを使用したいと思いhtmlのhead内に記載したところ動作は
確認しております。
(yuga.jsを同時に読み込むとかぶるので動作しない？)
そこで組み込もうと以下のようなソースを追加してみました。

search: function() {
$(”#exeBtn”).click(function() {
$.ajax({
url : “a.php”,
type : “post”,
data : ({ userid: $(’#userid’).val(), email: $(’#email’).val() }),
success: function(request) {
$(’#result’).html(request);
}
});
});
}

のようにしてみたのですがうまく動作しませんでした。
全く知識がないもので単純に組み方がまずいものかとは思うのですが
どう組み込めば動作するようになるでしょうか？

また、urlとdataの箇所はページにより異なるので動的に指定
させたいと思っているのですがそのような事は可能でしょうか？

宜しくお願い致します。

moco 09-02-23 (月) 13:19

yuga.js、大変重宝させていただいております。

「簡易タブ機能」のタブ切り替えについてですが、
http://purazumakoi.info/sample/html/tabchange/sample1.html
のような画像でのタブ切り替えができれば、理想だと感じました！

細かくいうと、現在のタブ部分のハイライト表示（_cr）です。

大変贅沢な希望とは思いますが、ある利用者のフィードバックとして、是非ご検討お願いします！

ume 09-03-13 (金) 13:22

iepngfixを使用するとie6でロールオーバーがうまくいきません。
ie6で透過pngのロールオーバーは可能でしょうか？

requester 09-06-23 (火) 18:20

リクエストです

あるサイトで、yuga.jsに次のような機能が追加されたものを見つけました。

・https:も外部リンクの仲間に入れて自分のサイトは除く
・PDF,Word,Exelファイルも別ウィンドウで表示

自分もこれを追加したいのですが、どこにどうコピペしていいのかわからなかったので、本家でもこの機能をサポートしていただければと思いました。（勘でコピペしてみましたが、動作せず・・・）

それと、もし可能であれば、以下の機能を追加してほしいです。

・min/max-width/height
・透過png対応

現在、他のフリー配布スクリプトを使用させていただいているのですが、外部ファイルが多くなりすぎそうなので、ひとつにまとめたものがあればいいなと思いました。

kyosukeさんのyuga.jsには、現在、自分にとって使用頻度の高いものがつまっており、できればこれ一本に絞れれば・・・。

ご検討、よろしくお願いいたします。

不具合報告です 09-06-24 (水) 13:59

簡易タブで不具合（？）なのかよくわかりませんが、

・状況：
1.アクティブタブにアクティブ用のクラスが生成されない
2.簡易タブのデザインが表示されない（他のulのcssが優先される）
・環境：
WinXP SP2, IE7, FireFox2
XHTML1.0 Strict+CSS2　外部ファイル

タブに関しては、自分でCSSを実装するのかな？と思い、そのようにしていますが、ちょっと思い通りにできていません。
（ul liとdivの境目の、アクティブタブだけ下線を表示させないところが。）
本来は、JSを設置するだけでタブデザインも表示されるものなのでしょうか。

ページ切り替え機能は正常に動作しています。

ゲスト 09-08-17 (月) 4:27

スクロールした後にid名を付加する機能が気に入って、jqueryを使った他のスクロール系JSからyuga.jsに乗り換えました。

クリック＆スクロールを楽しんでいたら、スクロールしない場合があることが分かりました。
リンク先のid名に「-（ハイフン）」が含まれていると、スクロールせずにジャンプしてしまいます。

「_（アンダーバー）」が含むid名は、正常に動くようなので、「-」から「_」に変更しようとしたのですが、「-」を使ってる箇所が多すぎて挫折しました。(;つД`)

【環境】
WindowsXP SP3
IE6 (Sleipnir 2.8.5）
jquery.js 1.3.2
yuga.js 0.7.1

彩 09-11-20 (金) 22:37

WordPressにyuga.jsを導入したいと考えています。
themeフォルダに直接入れて、『header.php』でｊｓファイルを呼び出すように設定したのですが、上手く機能してくれません。
ヘッダー部分に記述したのは以下の通り。
<script type=”text/javascript” src=”/yuga.js” charset=”utf-8″>
<script type=”text/javascript” src=”/thickbox.js”>
jQueryについてはもともとWordPressに導入されているようでしたので、あえてthemeフォルダには含みませんでした。ちなみにWordPressのバージョンは2.8.6になります。

申し訳ございませんが、アドバイス宜しくお願い致します。

kuro 09-11-29 (日) 18:55

いつも「yuga.js」を便利に使わせていただいております。

ところで、「画像直リンクの場合、thickboxで…」を使っているときに、
画像の拡張子が大文字（たとえばデジカメの画像など）の場合、thickboxで表示されませんでした。

そこで、下記のとおりyuga.js内の一部にコードを追加することで
大文字の拡張子（JPGとかGIF）でもthickboxが動くようになりました。

http://www.dokuritsu-kigyo.net/blog/archives/2009/10/jqueryyugajsthickbox.html

※コードに疎くて、さらにWinのFFとIEでしか検証していないので、
コード的に合っているかどうかわかりません。
また、yuga.jsのコードの一部を公開しているので、
ご連絡させていただきました。
※NGであれば、すぐに削除します。

希望 09-12-10 (木) 13:39

サイトで利用しているJSにリントチェックをかけてみたところ、
yuga.jsの中でエラーが散見されました。
これらのエラーを修正した版をリリース希望。
圧縮版のリリースも希望。

利用したJSリント（オンライン）
http://jslint.com/

リロード時について 09-12-17 (木) 21:39

ページ内スクロールで移動したあと、ページを更新すると、
index.html#top などのid名がつくせいか、
a.currentのスタイルが適用されなくなってしまいます。
これの修正方法があればお願いします。

かず 10-01-15 (金) 14:22

いつも便利に使わせていただいてます。
selflinkの挙動でちょっとしたことで困っていて、修正法などありましたらよろしくお願いいたします。

■サイト構造
index.html(トップページ)
　├dir_A
　│　　├ index.html
　│　　└exsampleA.html
　├dir_B
　│　　├ index.html
　│　　└exsampleB.html

・hogehoge.com/dir_A/exsampleA.html
上記のページを見てる際、グローバルナビ部分は
「dir_A/index.html」へのリンクボタンだけでなく、
「hogehoge.com/」へのリンクボタンにも _cr がついてしまいます。

「hogehoge.com/」へのリンクボタンへは例外として _cr をつけないようにはできませんでしょうか？

yuga.jsを触ってみて　条件分岐をさせてみたりしたのですがなかなかうまくいきませんでした。
丸投げで申し訳なく思いますが、何卒よろしくお願いいたします。

かず 10-01-15 (金) 19:44

上記の質問後　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;
}

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

かず 10-01-18 (月) 17:14

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;
}
}

Trackbacks:2

Trackback URL for this entry: http://blog.kyosuke.jp/2009/01/27/67/trackback
Listed below are links to weblogs that reference: yuga.js 0.7.1 - 優雅なWeb制作のためのJavaScript from inputlog

pingback from お気に入りのyuga.jsでユーザビリティについて考えた / 35歳からのWEB遊びブログ 10-01-24 (日) 13:54: [...] に使わせていただいている。細かなかゆい所に手が届くような改良を重ね、現在のバージョンは0.7.1。作者のサイトで、ダウンロードはもちろんyuga.jsの使い方も詳しく解説されている。 [...]
pingback from yuga.js « be natural 10-02-10 (水) 0:21: [...] inputlog – yuga.js 0.7.1 – 優雅なWeb制作のためのJavaScript [...]

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

Search

Feeds

Meta

Return to page top