アップルストアのように動的に表示非表示を切り替える

前へ 次へ
このQ&Aのポイント
  • アップルストアのように動的に表示非表示を切り替えるシステムを使用しているのは、どのようなものでしょうか？
  • また、別のHTMLを埋め込むことは可能でしょうか？
  • wordpressで同様の機能を実現するためのプラグインを探していますが、見つかりません。ご存知の方がいらっしゃいましたら、教えてください。
回答を見る
  • ベストアンサー

アップルストアのように動的に表示非表示を切り替える

http://store.apple.com/jp/configure/MC374J/A?mco=MTc0Njg1NzM 上記のサイト内の詳細を見るリンクをクリックすると、下に動的にコンテンツが追加されますが、これはどういったシステムを使っているのでしょうか。 また、ここでは、別のHTMLを読み込ませているようですが、これを埋め込ませておくことは可能でしょうか？ wordpressで使ってみたいのですが、プラグインで探してみてはいるんですが、見当たらないのでどなたかわかる方、教えて下さい。お願いします。 ・アップルストア同様、要所要所に詳細を見る（テキストリンク）を置き、クリックすると下に埋め込まれたテキストなどが動的に追加される。 ・テーマに埋め込みではなく、記事投稿覧で追加していけるものを探しています。

  • egtomo
  • お礼率59% (101/170)

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

  • ベストアンサー
  • jein
  • ベストアンサー率49% (2799/5705)
回答No.1

アップルのサイトの大半は自社開発のWebobjectsで構築されていて、 Java,Javascript,CSS,html5などを組み合わせてページが作られています。 まんま再現しようとするなら、Webobjectsの動作する環境および 開発環境と各言語の知識などが必要になるかと思います。 よくブログなどで「続きを読む」などに使われる、クリックしたらその下に 内容が表示されるものでよければJavascriptとスタイルシートで実現できます。 Javascriptのソースは<head></head>間に記述しておく必要があるので やはり別ファイルとしてサーバーに置いておき、そこから読み込む形のほうが メインのhtmlファイルに記述する内容がスマートになります。 適用するかどうかは記事投稿内で特定のコードを入れたい文章の前後に 設置するだけで選択可能です。 ただ、WordPressでは同様のインターフェイスを手軽に導入できるようです。 私自身は利用していませんので、情報が載っているページを紹介しておきます。 http://wpdocs.sourceforge.jp/%E3%80%8C%E7%B6%9A%E3%81%8D%E3%82%92%E8%AA%AD%E3%82%80%E3%80%8D%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA これがイメージされている挙動と異なる可能性はありますが、環境をお持ちなら 試してみても良いかと思います。

egtomo
質問者

お礼

早速のご回答ありがとうございます。 大変参考になりました。 appleは独自のプログラムなんですね。 ajaxとかその辺のを使っているとばかり思っておりました。 スクリプトなどはそのまま追加すると別ページでのエラーの原因となりますので、外部ファイルで問題ありません。 また、こういったスクリプトのキーワードはなんというククリになるんでしょうか？ CSS javascript 表示 非表示ではなく、もっと根本的にはなんというんでしょうか？ ご存知でしたら教えて下さい。 お願い致します。

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

関連するQ&A

  • apple keyboardについて

    アップルのキーボードです。（ちなみにapple UKですが） http://store.apple.com/Apple/WebObjects/ukstore.woa/wa/RSLID?nnmm=browse&mco=574AFDC1&node=home/shop_mac/mac_accessories/mice_keyboards この一覧の右上にEnglish（Int'l）とその下に普通のEnglishとあり ますが、どちらがイギリス英語になるのでしょうか？

    • ベストアンサー
    • Mac
  • Appleアカウント

    Appleアカウントで、確認メールが携帯に無事届いたんですけど、下のリンクからクリックしてください とありました。 クリックできるところがありません。意味がわかりません！ 詳しく教えてください！

  • iPad純正ケースとパソコンとの接続用のUSBケーブルに関して

    iPad純正ケースとパソコンとの接続用のUSBケーブルに関して http://store.apple.com/jp/product/IPAD_CASE?mco=MTc3Njk3ODE 純正ケースと純正ドックは同時に使えないとありました。 純正ケースに付属のUSBケーブルは問題ないと思ってよいでしょうか。 念のため確認させてください。

  • iBookのバッテリー交換

    iBook G4 14インチ　M9848J/Aですが、そろそろバッテリーだけの駆動時間が１５分を切っているので交換しようと思っています。アップルストアで見ていましたが、型番の一致するバッテリーが見つかりません。 似た製品は見つけたのですが購入する自信がなくて、アドバイスを頂きたいです。 またほかに安価で購入出来る対象商品がありましたら、教えて下さい。 iBook リチャージャブルバッテリー（Opaque White/14"モデル, 61Wh） http://store.apple.com/jp/product/M9338J/A?fnode=MTY1NDEwMQ&mco=MjE0NzM0Mw の製品で良いのでしょうか。

    • ベストアンサー
    • Mac
  • 一つのリンク（ボタン）での2つのリンク要素をもたす

    インラインフレームにリンク表示とページトップにあるインラインフレームへの リンクの2つのリンク要素をもたしたいのですが… 今、<a href="http://store.apple.com/jp" target="00iframe">として 00iframeにはApple Storeが反映されているんですが、 00iframeがページの上部で リンクテキストがページの下の方にあるので、 できれば＜a href="http://store.apple.com/jp" target="00iframe">この動きと、 < a href="#top">が一緒にできる方法はないでしょうか・・・ よろしくお願い致します。

  • 新しいipadのケース

    下のケースは新しいipadにも対応できますか？ Incase Workstation for Apple Wireless Keyboard, iPad and iPad 2 (http://store.apple.com/jp/product/H6353PA/A?fnode=MTc0MjU4OTY)

  • リロードせずにHPの表示を変える

    JavaScript超初心者です。 リロードせずにHPの表示を変えるのはどのようにすれば行えるのでしょうか？ 例えば、下記のAppleのホームページでは * 概要 * スペック比較 * ギャラリー * 製品保証規定、のところをクリックするとリロードする事なくHP内容が切り替わります。 http://store.apple.com/jp/browse/home/shop_mac/family/mac_mini?mco=MTI5MTI AppleのHPに限らずこのようなHPをたびたび見かけますが、方法が知りたく質問書き込みさせていただきました。 このようなHPの作り方やその方法が解説されているサイトなどご存じありましたら、書き込みをいただけたらと思います。 よろしくお願いします。

  • アップルから、こんなメールが来た！

    本物と思う？ やっぱニセモノ？ 試し（面白半分）にクリックしたらエラーが出たので、ニセモノと判断したが・・。 見出し：あなたのApple IDからの疑わしい行為 送り主：Apple ID <customer@email.apple.com> このアドレス、おかしい気がするんだが…↑ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 引用 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 親愛なる 【メールアドレス】, アカウント（【メールアドレス】）から不正な活動が行われました。 あなたのアカウントを使って買い物をしようとする未知の人がいるようです。 セキュリティ上の理由から、お客様のアカウントは一時的に凍結されます。 これがシステムからのエラーだと思われる場合は、下のリンクをクリックしてアカウントを返すことができます。 自分のアカウントにログインする > あなたのアカウントが悪用されたと思われる場合は、パスワードを変更することをお勧めします。 パスワードをリセットするには、下記のリンクをクリックしてください。 アカウントを復元する よろしく、 Appleセキュリティサポート Apple ID ? 概要 ? 販売条件 ? 個人情報保護方針 著作権 c 2017 Apple, Inc 全著作権所有 1 Infinite Loop, Cupertino, CA 95014, United States VAT Reg. No. 8675309 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

  • Apple ID パスワードが変です！

    iphone5を使用していて、アプリのアップデートを行おうとすると、何故か夫のApple ID が表示されるため、自分のパスワードを入れても「パスワードが違います」となってしまいます。 iphone5から、Apple　Storeのおすすめを選択し、一番下のApple IDの欄を見ると、自分のものが表示されています。 さらに、そこをクリックして、アカウントを確認しても自分のものしかありません。 どこにも夫のものは無いです。 しかし、アップデートの時には、夫のIDが表示され、困っています。 ちなみに、少し前まではこんなことはありませんでした。 iphone5に切り替えてから、この問題が起きた可能性もありますが、いつからなのか記憶が曖昧です。 どなたか、この問題を解決する方法がわかる方、お願いします。

  • フェードイン，フェードアウト

    このページの中央あたりの概要、スペック比較等をクリックしたとき、フェードイン，フェードアウトのようになりますが、どういう方法で作られているのでしょうか。http://store.apple.com/jp/browse/home/shop_mac/family/mac_mini?mco=MTE3MTA

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する