札幌Web制作のシンクグラフィカ

WebsiteToolkit.jsについて

玉葱弁当さん (2014-02-07 15:25:44) midorimushi-supplement.com/

いつもお世話になっております。
気になった点がいくつかございましたため、ご確認頂けると助かります。

記載URLのtestフォルダにて構築中です。
トップページなどはまだ形になっていないため、サイト確認の際には
以下のページなどを見て頂ければと思います。
test/supplement.html
test/item_list.html

---------------

【mscale-】
他の方も質問されていましたが、ios6、7共にchromeで見た際、
mscale-●を設定した画像が表示されなくなってしまいます。

---------------

【mhide】
スマホ版でのみ画像を非表示にさせようと「mhide」というクラスを
付与したのですが、反応しないようです。

WebsiteToolkit.jsの中身は以下のようになっておりました。

t.mhidden = function(){
var tObj = document.getElementsByClassName("mhide");
for(var i=0;i<tObj.length;i++)
tObj[i].style.display = "none";
};

気になって下記のように囲ってみたりもしたのですが、反応しませんでした。

t.mhidden = function(){
var tObj = document.getElementsByClassName("mhide");
for(var i=0;i<tObj.length;i++){
tObj[i].style.display = "none";
};
};

よければご確認頂ければと思います。

---------------

【<a>タグの画像置換について】

IR.jsのようにナビゲーション用のものと、普通の<a>タグに使用できる
ものと区別できないでしょうか?


また、これはまったくの別件で私個人の希望でしかないのですが、
<a>タグのIRのように、現在ページを認識して自動でクラスを付与できる
機能があると非常に助かります。

ナビゲーションをテキストとCSSで作成することが多いので、以下のような
使い方ができればな~~と考えています。

#main_nav li{}

#main_nav li:hover,
#main_nav .active_page{}

---------------

【PC版chrome、safariでのページ移動時の挙動について】

test.html#hogehoge といった形でページ内の途中の位置に移動させようと
すると、IEなどでは上からスクロールされるのですが、PC版のchrome、safari
だと指定位置からやや上に向けてスクロールされてしまいました。

test/midorimushi.html#gracilis
(記載URLのこのページを上記ブラウザでお願いします)

あまりおかしくはない、とも思うのですが一応ご報告を。

---------------

本当に本当に面倒くさいことばかり言い出して申し訳ありません。
大変お手数ですが、よろしくお願い致します。

Re:WebsiteToolkit.jsについて

和田 (2014-02-11 23:07:12) www.synck.com

すいやせん、ちょこっと調整したバージョンを更新しました。
mscaleに関してはChrome先生の仕様に合わせるのがちょっと面倒なのでCSS3のtransform:scale()を使ったほうが良いかもしれません。っていうかこっちのほうがよいですね(笑)

Re:WebsiteToolkit.jsについて

玉葱弁当さん (2014-02-12 09:09:01) midorimushi-supplement.com/

ご返信ありがとうございます。

今からダウンロード、確認を行いますので、またなにかありましたらよろしくお願い致します。
mscaleまわりの処理に関しては統一したクラスでtransform:scaleかけておきます。私もjsで全てまとめて処理することに拘りすぎていたところがありました…。
別にdisplay:none的なことしてるわけでもありませんので、こちらで対応しておきます。

Re:WebsiteToolkit.jsについて 追記

玉葱弁当さん (2014-02-12 19:14:06) midorimushi-supplement.com/

最新バージョンを確認させて頂きましたが、正常にmhideは機能していました。
早急な対応ありがとうございます。

mscaleについてですが、transform:scaleだとまたいろいろと問題(幅を維持しつつ見た目が小さくなるので結局幅関係で問題が…)がありましたため、今回はcssのwidthで対応することにしました。
Websitetoolkit.jsのChrome対応はいつか、で構わないので考えて頂けると助かります。

近いうちにtestフォルダではなく完成させる予定なので、その際にはバグ確認など抜きにして和田様に見て頂きたく存じます。

Re:WebsiteToolkit.jsについて

和田 (2014-02-17 16:05:01) www.synck.com

了解いたしました!すいません不十分な状態で公開しちゃって・・・。もうちょっと整備しますね!