こんにちは。
いつもお世話になってます、閲覧ありがとうございます。

jQueryのBookBlock.jsはデフォルトでの開き方は右開きになっています。
左開きにするにはどうすれば良いのでしょうか?

ご教授お願い致します。

http://tympanus.net/codrops/2012/09/03/bookblock …

このQ&Aに関連する最新のQ&A

js」に関するQ&A: html&CSS&jsはどこにある?

A 回答 (1件)

回答がないみたいなので…


ざっと見ただけなので、アイデアのみですが、

どのようなオプションで使用なさろうとしているのか不明ですが、autoplayでも矢印のクリック時も内部のnavigateメソッドを利用しているようですので、ここでprevとnextをひっくり返してあげれば、比較的簡単に移動方向を反転できるのではないでしょうか?

(↑)だと、HTMLソースの順はもとのままなので、最初に(左開きの)最終ページから記述していくことになります。
そして初期設定で最終ページ(左開きの最初のページ)を表示するようにセットしてあげれば、一応、左開きになりそうな…
おっと、矢印をクリックした時のnavigate方向も逆転しておかないといけないですね。
(逆転を逆転するので、結果的に元の方向になる)

ソース記載順を最初のページからにしたければ、bookblockの初期設定の前に対象部分の順序を逆転するスクリプトを付加えて、順序を変えてからイニシャライズすれば記載順も変えることができそう。
要素内のclass="bb-item"の要素を後ろからappendしてゆけば、逆順に並べ替えることが可能です。

ボタンクリックなどでページを指定する部分については、見ていませんが、同様に換算処理をしてあげるようなことで可能ではないでしょうか。
いずれにしろ付け焼刃的なカスタマイズなので、ちゃんとやるなら、内容をきちんと解析して修正するのがよろしいかと思います。
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Q東京ビックサイトから南行徳に帰るには?

今度、東京ビックサイトに行きます。
東京ビックサイトから、東京メトロの南行徳駅まで帰る
おすすめの方法を教えてください。

東京ビックサイトの近くの駅も教えてください。

Aベストアンサー

すべて電車で帰るなら
国際展示場正門
↓ ゆりかもめ
豊洲
↓ 東京メトロ有楽町線
月島
↓ 都営大江戸線
門前仲町
↓ 東京メトロ東西線
南行徳
ですが、
時間さえ合えば
http://tobus.jp/cgi-bin/pctimetable.cgi?act=timel&bsn=13992324&lcd=TE810115&hcd=1
東京ビッグサイト
↓ 都営バス海01系統
門前仲町
↓ 東京メトロ東西線
南行徳
のほうがかなり楽な上安いです。

Qjsファイルを閲覧者がダウンロードできないようにする方法は?

JavaScriptを外部ファイルとして、<SCRIPT></SCRIPT>でHTML内で指定し呼び出していますが、jsファイルの所在パスとファイルがそこに記述されているので、閲覧者にHTMLソースを覗かれて、ブラウザで直接、そのパスとファイル名にアクセスされると、簡単にjsファイルがダウンロードできてしまう。

これを防ぎたいのですが、不可能でしょうか?
それとも何か良い方法はありますでしょうか?

Aベストアンサー

WebサーバがApacheで、君がサーバ管理者であるかどうかによる。

Apacheだと、HTTPリクエストヘッダの内容によってアクセスの可否を制御できる。これで、リファラが設定されていない(アドレス直うち)の場合は拒否するなどの制御ができるぞ。

Q東京ビックサイトとお台場の駐車場について・・・

 明日東京ビックサイトに行きその帰りにお台場に行く予定です。
駐車場ですが¥1500で一日置ける場所は知っていますが、
東京ビックサイトかお台場のいずれかに一日置きたいと思っています。
歩きで移動は難しそうですので、バス等何か良い方法がありましたら教えて下さい。

Aベストアンサー

ゆりかもめで移動できます。

QトリッキーなJSの文法(prototype.jsなど)が分かりません

Ajaxの「prototype」( http://www.prototypejs.org/ )などで
下記のようなfunctionの記述方法をよく見かけます。
▼Prototype.js(ver1.5.0) 20行目抜粋
----------------------------------------
var Class = {
 create: function() {
  return function() {
   this.initialize.apply(this, arguments);
  }
 }
}
--------------------------------------------
でも、私には高度すぎて以下の点がどうしても読み解けません。
 (1)var Class = {~~~~~~} が、何をしているのか分かりません。
   配列なら[ ]ですし関数か何かを省略した宣言の記述方法なのでしょうか?
 (2)create: が何なのか分かりません。必死で調べたら型を宣言しているような感じでしたが、
   見慣れない「:」を使ったプログラムで検討もつきません。

私が知っているfunction宣言はこの2パターンのみしか知りません。
・一般的なfunction宣言
 function test(hikisu){
  //処理内容
 }
・無名関数でのfunction宣言
 var a = function(x) {
  //処理内容
 }

ぜひ教えていただけませんでしょうか。
どうぞよろしくお願いします。

Ajaxの「prototype」( http://www.prototypejs.org/ )などで
下記のようなfunctionの記述方法をよく見かけます。
▼Prototype.js(ver1.5.0) 20行目抜粋
----------------------------------------
var Class = {
 create: function() {
  return function() {
   this.initialize.apply(this, arguments);
  }
 }
}
--------------------------------------------
でも、私には高度すぎて以下の点がどうしても読み解けません。
 (1)var Class = {~~~~~~} が、何をしているのか...続きを読む

Aベストアンサー

1. {}はオブジェクト初期化子である。つまりnew Object()と同じ
2.{variable : value}と書くので変数名と値の区切りに:を使っている。
valueのところにfunction(){}を書いても全く問題ない。
以下を参考に

var array = new Array();
var array = []; // 配列の初期化子
array = [1, 2]; // まとめて初期化
array[0] // => 1
array[1] // => 2

var object = new Object();
var object = {}; // オブジェクトの初期化子
object = {a : 1, b : 2}; // まとめて初期化
object.a // => 1
object.b // => 2

Q東京ビックサイトへのアクセスが良好な駐車場を教えて

今週土曜日の早朝に、東名高速を利用して名古屋から東京ビックサイトへ向かいます。
ビックサイト周辺の混雑や駐車料金を考え、周辺で車を止めて電車で会場に向かおうと考えています。
ビックサイトへのアクセスが良い駐車場があれば教えてください。
よろしくお願いします。

Aベストアンサー

電車一本で行けるとなると、TWRりんかい線、ゆりかもめ、どちらかの駅周辺になります。

東名高速⇒首都高3号渋谷線⇒谷町JCTを右方向(首都高環状線C1方向、羽田・銀座方面)⇒首都高環状線C1⇒一ノ橋JCTを左車線直進(首都高環状線C1方向、銀座・羽田方面)⇒首都高環状線C1⇒浜崎橋JCTを右方向(首都高1号羽田線方向、羽田・湾岸線方面)⇒首都高1号羽田線⇒芝浦JCTを左方向(首都高11号B湾岸線方向、空港中央・湾岸線方面)⇒首都高11号台場線⇒レインボーブリッジ⇒台場出口左方向(台場出口1101)⇒右車線(アンダーパス方向、パレットタウン、東京ビックサイト方面)⇒アンダーパス⇒東京湾岸アンダー出口の交差点を右折⇒左車線(青海方向)⇒分岐後右車線⇒青海一丁目の交差点を右折⇒テレポート駅前信号交差点を右折⇒左側にコインパーキング有り

ここのコインパーキングから、徒歩数分で、TWR東京テレポート駅、ゆりかもめ青海駅があります。

Qmd5.jsとbase64.jsがスクリプトのJavaScriptのパ

md5.jsとbase64.jsがスクリプトのJavaScriptのパスワード設定について、教えて下さい。
JavaScriptを扱っているサイトで、以下のを使用しているのですが、そのサイトであまり詳しい説明が書かれてないので四苦八苦しています。
契約しているサーバーのセキュリティー上、CGIとPHPが使えないので、JavaScriptを使用したいと思っています。
インデックスページに設置して、パスワードが通ったらトップページに移動するようにさせたいと思っています。
以下ので、どこが不備なのか分からないので、教えて下さい。
JavaScriptに関しては初心者なのですが、初心者で以下のは難易度が高いのでしょうか?
また、md5.jsとbase64.jsそのものの設定が問題なのでしょうか?
本当に困っていますので、是非とも教えて下さい。
お願いします。


<html>
<Head>
<script language="JavaScript" src="md5.js"></script>
<script language="JavaScript" src="base64.js"></script>
<script language="JavaScript"><!--
var pwmd5 = "";
function passchk() {
var pw;

pw = document.f.passwd.value;
pw = base64encode(pw);
pw = MD5_hexhash(pw);
if(pw ==pwmd5 )
else
alert("パスワードが違います");
}
// -->
</script>

<body>
<form name="f">
<input type=text name="passwd"><input type=button value="入室" onClick="passchk()"></form></body>
</Head>
</html>

md5.jsとbase64.jsがスクリプトのJavaScriptのパスワード設定について、教えて下さい。
JavaScriptを扱っているサイトで、以下のを使用しているのですが、そのサイトであまり詳しい説明が書かれてないので四苦八苦しています。
契約しているサーバーのセキュリティー上、CGIとPHPが使えないので、JavaScriptを使用したいと思っています。
インデックスページに設置して、パスワードが通ったらトップページに移動するようにさせたいと思っています。
以下ので、どこが不備なのか分からないので、教えて下さい。
Ja...続きを読む

Aベストアンサー

> JavaScriptに関しては初心者なのですが、初心者で以下のは難易度が高いのでしょうか?
#1の方が仰るように「高度な JavaScript 技集」をベースにしているのだと思いますが、サイトにはしっかりと「初心者お断り」と書いてあるんですよね…。
http://www.onicos.com/staff/iz/amuse/javascript/expert/

でもまあ、この手の質問(JavaScriptでパスワード認証したい)はよく見るので、今後同じ質問があったときにURL参照できるように書いておきました。
(全角空白は半角空白orタブ文字に置換してください)

------------
<!DOCTYPE html>
<html lang="ja">
<head>
 <meta charset="utf-8" />
 <title>会員ページへの入り口</title>

 <!-- 高度な JavaScript 技集 (http://www.onicos.com/staff/iz/amuse/javascript/expert/) より -->
 <script type="text/javascript" src="./md5.js"></script>
 <script type="text/javascript">
 function checkMd5Pass(event){
  var form = event.target || event.srcElement;
  var doc = form.ownerDocument;
  var win = doc.defaultView || doc.parentWindow;
  var inputPass = form.elements.Password.value;
  var md5Pass = '098f6bcd4621d373cade4e832627b4f6'; // "test" のMD5ハッシュ値

  if(MD5_hexhash(inputPass) === md5Pass){ // MD5ハッシュ値の比較
   alert('OK!');
   win.location.href = MD5_hexhash(inputPass + 'foo') + '.html'; // 入力文字列に適当な文字列を混ぜてハッシュ化した値をURLに埋め込んで飛ばす
  } else {
   alert('NG!');
  }

  event.preventDefault ? event.preventDefault() : event.returnValue = false; // デフォルト動作をキャンセル (キャンセルできなかったら、error.html に行く)
 }
 </script>
</head>
<body>

<h1>会員ページへの入り口</h1>

<form action="./error.html" id="Secret" onsubmit="checkMd5Pass(event);">
 <fieldset>
  <p><label for="Password">パスワード</label><input type="text" name="Password" id="Password" /></p>
  <p><input type="submit" name="submit" value="送信"></p>
 </fieldset>
</form>

</body>
</html>
-------------

URLにパスワードを埋め込んでソースからパスワードを求められないようにする手法はよく見ますが、URLにパスワード自体が埋め込まれる故にURLを晒されるとパスワードまで丸わかりです。
なので、MD5ハッシュ値をURLにしました。入力文字列のMD5ハッシュ値を使うとソースからわかってしまうため、適当な文字列を混ぜてハッシュ化しています。

簡単閲覧制限!JavaScriptでパスワード認証 - [ホームページ作成]All About
http://allabout.co.jp/internet/hpcreate/closeup/CU20041220A/

ただし、これだけでは完全ではありません。
入り口から会員ページにアクセスは出来なくなりますが、一度会員ページを知った人がURLを晒してしまえば、誰でもアクセスできる状態になります。

(入力可能な文字数を超えるので、後のコメントに続きを書きます)

> JavaScriptに関しては初心者なのですが、初心者で以下のは難易度が高いのでしょうか?
#1の方が仰るように「高度な JavaScript 技集」をベースにしているのだと思いますが、サイトにはしっかりと「初心者お断り」と書いてあるんですよね…。
http://www.onicos.com/staff/iz/amuse/javascript/expert/

でもまあ、この手の質問(JavaScriptでパスワード認証したい)はよく見るので、今後同じ質問があったときにURL参照できるように書いておきました。
(全角空白は半角空白orタブ文字に置換してください)

---------...続きを読む

Q山梨から東京ビックサイトまでの一番安い行き方

山梨県の甲府市から、東京ビックサイトまでの一番安い行き方を教えてください!!

Aベストアンサー

「安く」ってのを第一優先にするなら数日かけて徒歩でも自転車でも、あるいはヒッチハイクで0円。

ある程度時間も優先するなら以下のが2,390円で安い。
高速バス 甲府駅→新宿駅 1,900円
地下鉄新宿線 新宿3丁目→市ヶ谷
地下鉄有楽町線 市ヶ谷→新木場 290円
バス 新木場→東京ビッグサイト東棟前 200円

Qprototype.jsとjquery.jsの併用がうまくいきません。

prototype.jsとjquery.jsの併用がうまくいきません。

2つの機能をページに組み込みたいと思っています。
(1)横並びの画像が自動的にスクロールする
(2)画像をクリックすると、ライトボックスで表示する

参考にしたのは下記のサイトです。
http://logicbox.net/jquery/simplyscroll/
http://www.lokeshdhakar.com/projects/lightbox2/

しかし、実際にページを作ってみるとどちらかの機能しか有効になりません。

どちらもいくつかのjsファイルを<script>タグで読み込みますが、
後から読み込んだ方しか有効に機能しないのです。

スクロールの方はjquery.jsを、ライトボックスの方はprototype.jsを使っているのですが、
それが良くないのでしょうか。

両方を機能させるにはどう直したらいいのか、ご教授下さい。

もしくは、両方がうまく機能しているサイトがあれば、URLを教えて下さい。

よろしくお願いします。

Aベストアンサー

prototypeとjqueryと言うことですよね?
どちらもよく知りませんが、$関数がもろにバッティングしてしまうので、それを避けなければなりません。
以下のサイトに、その場合の回避法が出ています。
http://semooh.jp/jquery/ref/cont/with_prototype/

まぁ、わざわざ両方を使わなくても、どちらかにしてしまったほうが良さそうな気がしますが。
探せば、ほとんど同じ機能のプラグインが、それぞれをベースにしていろいろ出されていると思います。

例えば、lightBoxのjquery版
http://leandrovieira.com/projects/jquery/lightbox/
みたいなのを用いれば、(↑)のような回避法をとらなくてもすむはずです。
(プラグイン同士がバッティングしていないかまでは確認していません。)

Q東京ビックサイトの西館の地図

東京ビックサイトの西館の地図がわかりません。
ビックサイトの公式サイトに行っても細かく書いてなくて、
どんな感じの作りになってるとかわからないので、
地図を持ってる方やわかる方は教えてください。

Aベストアンサー

主催者向けの資料のページはいかがでしょうか。
PDFファイルには詳しい図面が載せられています。
http://www.bigsight.jp/organizer/guide/guide_west.html

Qjsファイルで配列を定義し、jsファイルを切りかえて使う

お世話になります。
jsファイルで配列を定義し、その配列の内容を表示しています。
いくつかのjsファイルで配列を定義し、そのjsファイを切りかえることにより、表示する配列の内容を切りかえることはできないでしょうか。

例えば
data_a.js
DataAry = new Array(
new WNData('2006/11/10','ああ','・・.html'),
new WNData('2006/11/10','いい','・・.html'),
・・・・・
);
data_b.js
DataAry = new Array(
new WNData('2006/11/10','aa','・・.html'),
new WNData('2006/11/10','bb','・・.html'),
・・・・・
);

dspDataAry.jsで
function WNData(Date,Cmnt,Href,Target){
this.Date=Date;
this.Cmnt=Cmnt;
this.Href=Href;
}
function DspData(){
strhtml="・・・・
(DataAryを表示するhtmlを作成)
return strhtml;
}

dspDataAry.htmlで
<script type='text/javascript' src='dspDataAry.js'></script>
<script type='text/javascript' src='data_a.js'></script>
<body>
<script type='text/javascript'><!--
document.write DspData();
//-->
</script>
<input id="btn_b" type="button" value="bを表示" onClick="bを表示する関数"<br>
</body>
とすれば、data_a.jsの配列の内容が表示されます。
ボタン「bを表示」を押すことにより、
data_b.jsを読み込んで、その内容を表示するようにできないものでしょうか。
onClick="bを表示する関数"この「bを表示する関数」をいう関数をどのように書いたらよいのかわかりません。

data_a.js、data_b.jsで定義する配列名は同じとします。
data_c.js、data_d.js・・・といくつかに分けたく思っています。
前もってdata_b.jsを読み込むのでなく、必要に応じて読み込んで表示するようにしたいのですが。

よろしくお願いいたします。

お世話になります。
jsファイルで配列を定義し、その配列の内容を表示しています。
いくつかのjsファイルで配列を定義し、そのjsファイを切りかえることにより、表示する配列の内容を切りかえることはできないでしょうか。

例えば
data_a.js
DataAry = new Array(
new WNData('2006/11/10','ああ','・・.html'),
new WNData('2006/11/10','いい','・・.html'),
・・・・・
);
data_b.js
DataAry = new Array(
new WNData('2006/11/10','aa','・・.html'),
new WNData('2006/11/10','bb','・・.htm...続きを読む

Aベストアンサー

テスト成功おめでとう^^

>そして、この方法は、<input type="submit" value="送信">により、data_bとかdata_cを読み込み直すと同時にdspDataAry.htmlも読み込み直しているってことでしょうか。

dspDataAry.htmlを読み込み直しているからdocument.writeで書かれる配列ファイルが変わると解釈した方が普通だと思います。
ブラウザの戻るボタンを見てください。
IEなら▽を押すと同じタイトルがボタンを押すたびにどんどん増えると思います。

>その内容を表示し直すには・・・
普通にdocument.writeでbody内に配列から値を取り出して書き出せば良いです。
例えば、
document.write('<ul>')
for(var i = 0;i < DataAry.length;i++){
document.write('<li>' + DataAry[i][0] + '<a href="' + DataAry[i][2] + '">' + DataAry[i][1] + '</a></li>'
}
document.write('</ul>')
こんなものをbody内に仕込んでおけば、URLの?以降をユーザーが勝手に変更してくれる(<select>を選んで<input type="submit">を押す)ので配列が変わって、そして配列が変わるから書き出されるデータが勝手に変わってくれます。

これならwrite、location、indexOf、splitしか使っていませんのでほとんどのブラウザで動くのではないでしょうか。
JavaScriptがONなら・・・・

テスト成功おめでとう^^

>そして、この方法は、<input type="submit" value="送信">により、data_bとかdata_cを読み込み直すと同時にdspDataAry.htmlも読み込み直しているってことでしょうか。

dspDataAry.htmlを読み込み直しているからdocument.writeで書かれる配列ファイルが変わると解釈した方が普通だと思います。
ブラウザの戻るボタンを見てください。
IEなら▽を押すと同じタイトルがボタンを押すたびにどんどん増えると思います。

>その内容を表示し直すには・・・
普通にdocument.writeで...続きを読む


人気Q&Aランキング