質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.47%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Underscore.js

Underscore.jsは、JavaScriptのためのユーティリティライブラリです。JavaScriptの関数・配列、オブジェクトを扱う際に度々発生する処理がメソッドとしてまとめられています。他のライブラリに依存しないため、稼働中のアプリケーションにも導入可能です。

Q&A

解決済

2回答

1807閲覧

絞り込み検索 複数ページ 表示したいです。

makonako

総合スコア17

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Underscore.js

Underscore.jsは、JavaScriptのためのユーティリティライブラリです。JavaScriptの関数・配列、オブジェクトを扱う際に度々発生する処理がメソッドとしてまとめられています。他のライブラリに依存しないため、稼働中のアプリケーションにも導入可能です。

0グッド

1クリップ

投稿2019/05/01 07:37

参考になるサイト様を見つけ、絞り込み検索ページも希望通りの形に進んできているのですが、
件数を増えてきた場合複数ページにまたがってショッピングサイトのような形にしたいのですが、
現状1ページ表示で色々調べておるのですがつまずいている状態です。

JavaScript
jQuery
Underscore.js
を使用しています。

DataTablesはショッピングサイトのような画像付きのページを作成できるのでしょうか。
プログラミングに興味を持ち始めたばかりの初心者です、よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Lhankor_Mhy

2019/05/01 11:12

ご質問は「DataTablesはショッピングサイトのような画像付きのページを作成できるのでしょうか。」でよろしいでしょうか? 「できます」という回答で解決しますか?
makonako

2019/05/02 08:13

回答有難うございます。 他に方法があれば、最適な方法を教えて頂きたいです。色々調べていて、jquery.pagination.jsの方法を知り今頑張っているところです。アドバイスお願いします。
Lhankor_Mhy

2019/05/02 08:16

ご質問は「シングルページで、JavaScript を使ってページングしたい」でよろしいでしょうか?
makonako

2019/05/02 08:35

そういうことになるのでしょうか。今は件数が少ないので良いのですが、今後件数が増える事を考えて、予め1ページに表示される件数を指定して、超える分は次ページへと。 最初に書いてる通りショッピングサイトのように画像付きで絞り込み検索出来るようにしたいです。
Lhankor_Mhy

2019/05/02 09:03

『そういうことになるのでしょうか。』とのことですが、ご本人が質問を明確にしないと、回答はつかないかと思いますし、明確でない質問に対しては低評価をつけざるを得ません。あしからずご理解ください。
makonako

2019/05/02 09:17

回答の仕方が悪く申し訳ございません。JavaScript を使ってページングというのが自分がしたい事だと思うのですが理解出来ておらず(再度検索して希望通りだと思います)…シングルページで、JavaScript を使ってページングする場合の最適な方法をご教授お願いします。
Lhankor_Mhy

2019/05/02 10:56

なるほど。 それは質問を編集したほうがよさそうですね。 補足願いたいのですが、この検索結果は、どこから取得するのですか? HTMLに埋めてあるのでしょうか?
Lhankor_Mhy

2019/05/02 12:29

なるほど、配列で持っておいてフィルタして表示するんですね……。 そうしたら、ググった感じ、↓これがよさそうに思いました。Underscore.jsのテンプレートを使う例がありましたので、ご参考にされては? https://pagination.js.org/
makonako

2019/05/02 13:07

回答有難うございます。参考にさせて頂きます、初歩的な質問で申し訳ないのですが、Pagination.jsを保存し、htmlで呼び出せば表示されるのでしょうか。 今こちらでhttp://shanabrian.com/web/jquery/pagination.php、頑張っているのですが、なかなか上手く表示できません…【JavaScript】の項目は別に保存しないといけないのでしょうか。色々と質問すみませんがお願いします。
Lhankor_Mhy

2019/05/02 13:12

なるほど、これもできそうですね。 > 【JavaScript】の項目は別に保存しないといけないのでしょうか。 いえ、script要素に書いて構わないと思いますよ。ただ、実行順には気をつけてください。
makonako

2019/05/02 13:23

何度も回答有難うございました。時間掛かりそうですが、頑張ってみます。 頑張って無理な場合は、また質問させて頂くかも知れませんが、その時はまたお願いします。
makonako

2019/05/02 13:33

度々すみません、ベストアンサーに選び解決済みにしたいのですが、こちらのサイト初めてなもので…調べたのですが分かりません。
Lhankor_Mhy

2019/05/03 01:07

特段解決に至ってないですからね……
x_x

2019/05/08 03:21

DataTablesを使うのか使わないのかはっきりさせたほうがいいのでは?
makonako

2019/05/12 07:04

ご連絡が遅くなり申し訳ございません…あれからLhankor_Mhy様に教えて頂いたhttp://pagination.js.org/様を参考にしておりますが、初心な者で苦戦しておりまして…。
guest

回答2

0

解決は出来ておりませんが、一旦終了しておきます。有難うございました。

投稿2019/05/12 07:06

makonako

総合スコア17

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

自己解決

解決は出来ておりませんが、一旦終了しておきます。有難うございました。

投稿2019/05/12 07:05

makonako

総合スコア17

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.47%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問