• ベストアンサー

jquery.heightLineというプラグイン

http://sample1.digi2.jp/kindergarten/plan.html こちらのサイトにjquery.heightLineというボックスのサイズを統一するプラグインを導入したのですが、 javascriptを無効にしている人を考えるとheightもつけておくべきでしょうか？ 今つけているのですが、実務でははずすべきでしょうか？ 補足 また文字を最大にすると同じサイズにならないのですが、これは仕方ないのですよね。 実務でもこれはOKなのでしょうか？ 他のプラグイン探せとなるのでしょうか？

noname#226032
noname#226032

質問者が選んだベストアンサー

  • ベストアンサー
  • balloon23
  • ベストアンサー率69% (16/23)
回答No.1

動かないことで見えなくなるコンテンツがある場合を除いて、javascriptを無効にしている人はあえてそういう設定にしている人だと思いますのでバッサリと切ってます。全体の一握りどころかひとつまみ程度の数でしょうから。 heightも指定しなくても良いかもしれません。逆にブラウザによっては枠外にはみ出て見えたりもしちゃいますからね。 文字サイズも含めるとちょっと厄介な話になってきます。 文字の大きさによって高さが変動するため、文字の変更をかける際にまた別のスクリプトを読み込ませる必要があるためです。併用するのはどのプラグインの相性というよりjavascriptの知識の方が必要になってくるのでは、と思います。 もし文字サイズまで含めてカッチリ作る場合には、高さ調節は切り捨ててtableタグで使う方が無難かと思います。 （タグの意味付けとか構造面で嫌がる人は多そうですが）

noname#226032
質問者

お礼

ありがとうございます。 javascriptを無効にしている人は、ほぼいないので実務でも基本的には大崩でもしない限り、多少見た目が違っても無視してOKというのが標準なのですね。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • illuminatというJQUERYのプラグイン

    illuminatというJQUERYのプラグインを下記サイトに導入したのですが全く光りません。 どこに問題があるのでしょうか？ sample1.digi2.jp/sample/ また、こちらのプラグインは商用可と聞いたのですが、特にリンクを付けないといけないなど規定も無く使えるのでしょうか？ 英語なのでコマーシャルもかと言う部分しかわかりませんでした。 ご存知なかたがいましたら教えてください。

  • クロスブラウザでフォントサイズを統一したい

    YUI 2: Fonts CSSを使ってクロスブラウザでフォントサイズを統一しようとしたのですが、うまくいきません。下記のようではいけないのでしょうか？ またＷＥＢ上からダウンロードするのでアップロードしないと適応されないのでしょうか？ それともＷＥＢにつながっていればローカルでも良いのでしょうか？ http://sample1.digi2.jp/kindergarten/plan.html

    • ベストアンサー
    • CSS
  • prototype+jquery+プラグイン

    prototype.jsとjqueryとプラグイン系の読み込み方が良くわかりません。 クロスブラウザ対応のMP3プレイヤーを導入したく追加したのですが 順番を並べ変えたりいろいろしましたが導入する事ができずにこまっています。 何かいい方法はないでしょうか？ エラーの内容も順序によって様々です・・・・ <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="lightbox.js"></script> <script type="text/javascript" src="lightbox_shortcut_keys_addon.js"></script> <script type="text/javascript" src="slide3/script/jquery-1.2.2.js"></script> <script type="text/javascript" src="jquery.cycle.all.js"></script> <script type="text/javascript" src="jquery.easing.1.3.js"></script> <script type="text/javascript" src="jquery.jcarousel.pack.js"></script> <script type="text/javascript"> jQuery.noConflict(); var $j = jQuery; </script> 以下追加===================================================== <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/javascript" src="jquery.compat-1.3.js"></script> <script type="text/javascript" src="jquery.jplayer.min.js"></script> <script type="text/javascript"> jQuery.noConflict(); var $j = jQuery; $j(document).ready(function(){ $("#mp3").jPlayer(); }); </script>

  • jQueryプラグイン「Skitter」について

    jQueryのプラグイン「Skitter」の表示で、thumbsの表示で質問させてください。 http://thiagosf.net/projects/jquery/skitter/ 表示には「Numbers」「Dots」「thumbs」の3種類あり、「thumbs」でサイト作りをしているのですが、 「Numbers」「Dots」では表示されるlabelが、「thumbs」では表示されず、困っています。 javascriptの設定は下記のようにしています。 <script type="text/javascript"> $(function(){ $('.box_skitter_large').skitter({thumbs: true, label: true}); }); </script> labelを表示するかしないかで、“label: true”にしているのですが、これでは表示されません。 オプションを見ても、そのあたりの記載が見当たらず、どこを調整すればいいのか分らずにいます。 どなたかご存知の方、いらっしゃいましたらご教授をお願い致します。m(__)m

  • 音楽再生用jQueryプラグイン「jplayer」で自動再生しない方法

    音楽再生用jQueryプラグイン「jplayer」で自動再生しない方法を教えてください。 http://www.happyworm.com/jquery/jplayer/ こちらのプラグインを利用しようと検討中ですが、 http://www.happyworm.com/jquery/jplayer/latest/demos.htm どのデモを見ても、アクセス後すぐに音楽がなり出すサンプルばかりで困っています。 可能であれば、ページを開いた時には音楽が突然ならないように制御したいと思っています。 JavaScriptの知識が足りないため、どこにどのようなコードを埋め込めばそのようにできるかがわからないので、もし分かる方がいらっしゃいましたら教えていただけますでしょうか。 よろしくお願いいたします。

  • jqueryのスライドイメージサンプルについて

    jqueryのスライドイメージサンプルを探しています。小さなネットショップでWebページの製作を担当しているのですが、「こんなの付けたい」と上司から指示が… http://www.rakuten.ne.jp/gold/angers/ 上店舗様の一番上にある「4枚のイメージが一定時間毎に切り替わり」、中程にある「『New!新着アイテム』の横スクロール」の二つを自分のショップにも導入したく色々試してみたのですが上手くいきません。 上ページのソースを眺めていておそらくはjqueryのプラグインを利用しているだろうことまでは分かったのですが… ※「これ、jquery使ってないよ!」という場合はその旨ツッコミいただけますと幸いです。 jquery自体は別のプラグインを既に利用しているので導入自体は大丈夫です。 jqueryのプラグインサンプルを探してみたのですが、数が膨大で「これだ！」というのを見つけることが出来ませんでした。 自分のレベルですが、「html/cssは一通り大丈夫だが、scriptは自分自身で書くことは出来ずサンプルがあればそれを元に何とか出来る」程度です。 つきましては、これらと同等（もしくはプラスαが出来る）のおすすめプラグインをお教え下さい。宜しくお願いいたします。

  • 【JQuery】iframeのリンク先変更、jquery_dump

    JQueryの勉強を始めたのですが、うまくいきません。2点ご質問させていただきます。もしわかる方がいらっしゃれば教えてください。 １．下記のように、javascriptで動的にiframeのリンク先を変更したいのですが、エラーが出て処理が成功しません。 　javascript(jquery?)ではiframeのリンク先を変更することはできないのでしょうか。 　（また、jqueryオブジェクトについての詳細なメソッドや使用方法など　がのっているサイトなどあれば教えていただきたいです。） 　///////javascript////////// <script type="text/javascript" src="shared/js/jquery.js">　 function test(url) 　{ 　　// urlにはhttp://yahoo.co.jpなど、urlが入る 　　$("#ifr").set("src",url); 　} </script> 　///////html////////// 　<iframe id="ifr" src="" height=768 width=512> 　</iframe> ２．jquery_dumpというphpのvar_dumpのような便利な関数があるようなのですが、私がサイトからダウンロードしたものには入っていませんでした（not definedが出ます）。これは、プラグインなどJQuery本体と別のものを導入する必要があるのでしょうか。

  • jQueryのプラグインについて

    jQueryとプラグインのscrolltopcontrol.jsを使って、トップへ戻す操作をしています。 scrolltopcontrol.jsの操作ボタンは、img src、style　と　offsetx　offsety で、指定しますが、 デファクトでは、右下になっています。 画面サイズにかかわらずボタン位置を、左右は画面中央で、上下は画面下よりのピクセルで配置するには、どういう指示が良いのでしょうか？ ぜひ、教えてください。 よろしくお願いします。 参考： http://iuser.jp/webjin/archives/2009/11/jquery-scroll-to-top-control.html 関係していると思われる部分： controlHTML: '<img src="image/scrollup.gif" style="width:84px; height:16px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol" controlattrs: {offsetx:10, offsety:5}, //offset of control relative to right/ bottom of window corner 以上

  • jquery uiが動かない

    jquery uiが動きません。 何度も見直し、プログラムを書いてもどこがいけないかわかりません。 教えていただけたら幸いです。お願いいたします <html> <head> <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script> <script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> </head> <body> <div id="box">box</div> <style> #box{ width:100px; height:100px; background:red; } </style> <script> $(function(){ $("#box").draggable( axis: 'x'; ); }); </script> </body> </html>

  • Queryのプラグイン（jAni）を 全画面表示

    背景画像をアニメーションさせるjQueryのプラグイン（jAni）を、 全画面表示にさせる方法を教えてください。 全くのjQuery初心者で、本当に困っています。 助けてください。お願いいたします。 jQueryのプラグイン (jAni)を導入したのですが、 全画面で表示させなければならなくなってしまい どうしようもなく困っています。 ＵＲＬ 背景画像をアニメーションさせるjQueryのプラグイン -jAni http://coliss.com/articles/build-websites/operation/javascript/jque... ソースの19行目と２０行目で表示の大きさを決めているところまでは分かりましたが 何をどう変えればいいか、行詰ってしまいました。 宜しくお願いいします。 １８行目 function _build(){ １９行目 element.width(settings.frameWidth); ２０行目 element.height(settings.frameHeight); ２１行目 element.css('background-position', '0 0'); ２２行目 };

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する