ウェブページ上部階層で開くような動作を実現したい方法は?

このQ&Aのポイント
  • ウェブページの上部階層で開くような動作を実現する方法を教えてください。
  • 同一ページの上部階層で開くような動作を実現したいです。具体的な方法やパッケージの提供情報を教えてください。
  • アダルトグッズ通販NLSのページの年齢認証機能のような、ウェブページ上部階層で開く動作を実現したいです。方法や提供されているパッケージについて教えてください。
回答を見る
  • ベストアンサー

ウェブサイトの、同一ページの上部階層で開くような動作を実現したい!

ウェブサイトの、同一ページの上部階層で開くような動作を実現したい! 機能名すら分からなかったので、こういう質問の仕方で申し訳ないのですが、 ウェブページの、同一ページの上部階層で開くような動作を実現したいと考えています。 どうしてもこの機能を使っているサイトが他に思い浮かばず、アダルトサイトで申し訳ないのですが、 アダルトグッズ通販NLSのページに行った時の、年齢認証機能のようなものを、使いたいと思っています。 これは、何で実現されているのか。 (勝手な想像でjsカテゴリで質問しましたが、違っていたらすみません) また、それは何らかのパッケージとして提供されていないのか。 ググレカスと言われそうな内容の質問ですが、どうしても探せなかったので、一つ、この阿呆めに知恵をお貸しいただけないでしょうか。 どうか、よろしくお願いいたします。

  • awage
  • お礼率75% (3/4)

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

  • ベストアンサー
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.2

上部階層って、単にページ上にオーバーラップの事だったんですか。 上部階層の意味がわからんので、No.1ですねた回答をしてみただけです。 ページ上にオーバーラップなら、XXBOX、XXwindow系のjavascriptライ ブラリーがたくさん公開されているので、容易に実装できると思います。  画像のオーバーラップだけじゃなく、ページ内のフォームや、AJAXで 自サイト内の他のページのコンテンツのポップアップ等のオーバーラップ もできます。 (ご参考)○は個人的に好きなやつ 「LightWindow」 http://www.p51labs.com/lightwindow/ 「ShadowBox」○ http://www.shadowbox-js.com/index.html 「ThickBox」 http://jquery.com/demo/thickbox/ 「DOM Window」 http://swip.codylindley.com/DOMWindowDemo.html 「ColorBox」 http://colorpowered.com/colorbox/ 「GreyBox」 http://orangoo.com/labs/GreyBox/ 「Fancybox」○ http://fancybox.net/ 「Highslide」○ http://highslide.com/#examples 「Lightview」 http://www.nickstakenburg.com/projects/lightview/ ※もし、「認証して、OKなら閲覧を許したい」を実装したいなら、 別件です。WebサーバーによるBasic認証あたりを検索してみて下さい。 お遊びレベルなら、javascriptだけでも可能ですが...

awage
質問者

お礼

ズバリ、それが知りたい内容でした。 オススメの情報まで、丁寧にありがとうございます! それぞれ試してみて、実際に使うものを決めたいと思います。

その他の回答 (1)

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.1

年齢認証機能は指紋認証機能より難しい。 以前タスポが普及する前に、自販機についているカメラで 免許書の写真と、買う人の画像を比較して 年齢チェックしているタバコ自販機があった。 ああいうのを、作れと??

awage
質問者

補足

違います違います。 実際のページに行ってもらうと(アダルトサイトだから難しいかも知れないけど)一目瞭然だと思うのですが、「あなたは20歳以上ですか? はい いいえ」が、ウェブページ上にオーバーラップ(?)されて表示されるようなものです。 機能の名称すら分からないのでこういう形の質問になってしまい、申し訳ないです。

関連するQ&A

  • 同階層を開くブラウザ

     同階層を一気に開くブラウザってありますか? もしくはサイトを巡回して、階層を表示して そこからお目当てのページに飛ぶブラウザってありますか?  もしご存知でしたら教えてください。

  • 「縦長のウェブサイト」と「やたらページ数が多いウェブサイト」

    「縦長の1ページに情報がぎっしり凝縮されたウェブサイト」と「やたらページ数が多く1ページの記載情報量が少ないサイト」では、どちらに好感が持てますか? もちろん「中間」って答えが一番かもしれませんが、みなさんのご意見をお教え頂ければ幸いです。 ※申し訳ございませんが、アンケートの回答に色々とコメントをつけていくのはなんとなく・・・と思うところがありますので、ポイント付与のみで対応させて頂ければと思います。

  • 同一ページないでのリンクがうまくいきません。

    はじめまして。 今、携帯サイトを作成しているのですが、メニュー項目が多く文章量も多いので上部にメニュータイトルを用意し、同一ページないにリンクを張ろうかと考えています。 ですが、なぜかIEで確認しても、シュミレーター(imode)で確認してもうまく動作せず、別ファイルに飛ぼうとしてしまい、 IE「Internet Explorer ではこのページは表示できません」 imode「ファイルが開けません」 と表示されてしまいます。 以下の通りやっているのですが・・・ <a href="aaaaa">abcabc</a>       ・       ・        ・ <a name="aaaaa">abcabc</a> どうかご教授いただけないでしょうか?

    • ベストアンサー
    • HTML
  • wordpress内lightbox 画像階層

    コンフリクト対策でwordpress内包のjQuery(プラグイン)を使わないで普通のjQueryだけを使うように設定しました。 その後に jquery.lightbox-0.5.jsを入れましたが、 「close」や「next」やらの画像が入ったimagesフォルダをどこに置いていいのか分かりません。 wordpress内でなかったら、lightboxを使用するページと同階層というのは知っていて、 テーマ内のindex.phpと同階層にimagesフォルダ置いてみたり、 cssフォルダと同階層にimagesフォルダ置いてみたりしましたが 画像が表示されません。 jquery.lightbox-0.5.js自体は動作しています。 lightbox適用したい画像は固定ページ内にあるのですがwordpressもPHPも初心者故、 固定ページもどのファイルから書き出されているのかもよく分かっていません。 (index.phpとデータベースから書き出されている内容の組み合わせなのでしょうか?) ざっくりと書いた質問で分かりにくいとは思いますが、宜しくお願い致します。

    • ベストアンサー
    • PHP
  • FFFTPに子ページを入れるにはフォルダの階層をどのように作れば良いのですか?

    初心者です 携帯のサイトを作っています 質問(1) FFFTPに子ページを入れるには右側の枠の中のパブリックをクリックしindexと書いてあるところからフォルダを作って階層にして作れば良いと聞いたのですがどのようにフォルダを作ればよいのでしょうか? 質問(2) また PC内にindexをコピーして子ページを作ってあるのですが名前は現在indexに全部なっております 名前は何に変更して子ページを作りドラグしてFFFTPの右側にぶち込めばよいのでしょうか? 質問(3) それとindexはトップのページですがページ中段ぐらいに軽く飛ばすリンクは#をつければいいと聞いたのですが 文面の中段に→<a name="中段"></a>を入れて <a href="http://・・・・/com/#中段">中段にもどる</a>を子ページの下に入れればよいのでしょうか?以前これをためしたのですが重いようなかんじなんですがまちがってますか? たくさんの質問でスミマセン。 質問(4) 最後にもうひとつ知りたいのですが携帯サイトの場合5KB以内の範囲を超えてしまっても大丈夫なのでしょうか?子ページたくさん入れ込んでパグってタグが有効にならない場合はあるのでしょうか? お詳しい方いらっしゃいましたらぜひおしえてくださいませ。

  • 【Javascript】外部scriptファイルを同一ページ内に埋め込むことは出来ますか【はてなダイアリー】

    QNo.3191576がカテゴリミスでしたので,JavaScriptカテゴリにて新しく立てさせていただきます.乱立申し訳ありません. Javascriptを同一htmlページ内に複数埋め込むことが出来ないかどうかで悩んでいます. はてなスターscript(http://s.hatena.ne.jp/js/HatenaStar.js)の一部改変したスクリプトを,自前のサーバーに保存したもの(仮にA.jsとB.jsとします)をはてなダイアリー(http://d.hatena.ne.jp)の同一ページ内に埋め込みたいのですが,これは無理でしょうか. 具体的には, /* Hatena.Star.AddButton */ Hatena.Star.AddButton = new Ten.Class({ base: ['Hatena.Star.Button'], initialize: function(entry) { this.entry = entry; this.lastPosition = null; var img = Hatena.Star.Button.createButton({ src: Hatena.Star.AddButton.ImgSrc, alt: 'Add S tar' }); this.observer = new Ten.Observer(img,'onclick',this,'addStar'); this.img = img; return img; }, ImgSrc: Hatena.Star.BaseURL + 'images/add.gif' の部分を, A.js … 'http://xxx.yyy.ne.jp/a.gif' B.js … 'http://xxx.yyy.ne.jp/b.gif' のようにして,2つの場合分けをしたいと考えています. Javascriptのことは分かりませんがこういうことが出来るのかな,と疑問に思ったのでどなたか教えていただけませんでしょうか.

  • 階層が3層以上に分かれたページを作成するには?

    ホームページビルダー13を使って自分のホームページを作成中です。 How To本の『できる ホームページビルダー13』を読みながら作成したので、 本のサンプルページも作成しましたし、自分の簡単なホームページも作成できました。 しかし、更に踏み込んで階層が3層以上に分かれたものにしたいのですが、 どうすれば良いのか、その方法が分かりません。 How To本にも、トップページから、次のページに移るまでの事しか記載が無いので、 何層にも別れた状態にするにはどうしたら良いのか分からず困っています。 質問1 3層以上になる作成方法が分かるHow To本を教えて下さい。 ※ホームページビルダー13用でなくても構いません。 質問2 3層以上になる作成方法が分かるサイトを教えて下さい。 ※ホームページビルダー13用でなくても構いません。 質問3 今はホームページビルダー13を使っていますが、少し古いので、最新の17 にバージョンアップしようか考えています。 購入する程、初級者が使う分には何もメリットは無いでしょうか? ちなみにWindows7を使用しています。 よろしくお願いしますm(_ _)m

  • 戻るボタンを押した時、前のページの最上部が表示

    IE11でブラウザの戻るボタンを押した時、途中まで読み進めていた箇所ではなく、前のページの最上部に戻ってしまいます。 なので、また読んでいた箇所を探してスクロールしていかなければなりません。 この症状は、特定のサイトで起こるものではありません。 また、戻るボタンを押す度に起こるのではなく、起こったり起こらなかったりまちまちです。 IEを初期化しようかとも思いましたが、後付けで色々と設定をしているので、できれば部分操作でなんとかなればと思い、質問した次第です。

  • サイト移転のため、同ドメイン内全てのページに移転の案内

    サイト移転のため、同ドメイン内全てのページに移転の案内 を表示したいと思い、いろいろ調べて以下のような作業をしましたが うまくいきません・・・・・ 何か間違っているのでしょうか、どなたか助けてください! 1) 「.htaccess」 ファイルに ----------------------------------------------------- ErrorDocument 404 /http://www.●●●/notfound.html   ----------------------------------------------------- と記述し、index.html と同じ一番上の階層にアップしました。 2)notfound.html というファイルを以下のような簡単なhtmlで作成し、 移転の案内をテキストで入れ、同じ階層にアップしました。 ----------------------------------------------------- <html> <head> <title>移転のお知らせ</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> </head> <body> このページは<a href="▲▲▲.html">こちら</a>に移転いたしました。 </body> </html> ----------------------------------------------------- 3)http://www.●●● には存在しないファイル名をたたいてネット上で 確認をしましたが、http://www.●●●/notfound.html  は表示されず、 代わりに、Googleのロゴ入りページが出て 「エラー: このリンクは無効です。」 となってしまいます。。。

  • スマートフォンからPCサイトへリンク時の挙動

    スマートフォンサイトを制作しています。 このサイトをAndroid端末で表示させて、ページの一番下の「PCサイトへ」をクリックするとPCサイトへリンクしますが、PCサイトのページの上部が表示されずに、なぜかページの中段にリンクしてしまいます。 _blankで別ウインドウ指定リンクすると、問題なくPCサイトのページ上段が表示されます。 ※ただ、ポリシー上、別ウインドウでひらかせることはNGとなっています このサイトの「PCサイトへ」をクリックして、PCサイトの上部が表示される様にする方法がわかる方いらっしゃいますか。 JSやCSSが原因かと思い、JS/CSSのリンクを削除してみましたが、症状は変りませんでした。 Androidはいろいろな端末で同症状が起きますが、私が使用している端末はDOCOMOの「P-01D」です。

    • 締切済み
    • CSS

専門家に質問してみよう