example1 example2 example3 ...... exampleN "> example1 example2 example3 ...... exampleN "> example1 example2 example3 ...... exampleN " />

HTMLの順序付けられていないリストに基づくjavascriptのナビゲーションボタン(前の次のページ)

私はこのようなdivリストを含むindex.phpというページを持っています:

<div id="links">
     
</div>

それは私のサイトのページのリストで、index.phpページに示されています。サイトの各ページ(example1、example2、example3、...、exampleN)に「prev | home | next」メニューを追加します。ここで、「prev」は前の例に、次の例の次に、すなわち、例題番号3(page example3.php)を見ているなら、prevは私を例題番号2(page2.phpなど)に連れて行きます。

新しいページがindex.phpリストに追加されるたびにこの配列を更新したくないため、固定配列(ユーザーが定義した配列)に基づいていないスクリプトを使用したいと思います。

私はこのような関数を考えました:example2.phpにいるとします

function blahblah(){
    1) get the link list using DOM from index.php (using an array)
    2) search for "example2.php" in the href value of each element in the list, to get the index of the array: in this case, "example2.php" is the 2nd link of index.php, so the array index will be 1 (i.e. alert(linkList[1].href) will print "example2.php")
    3) once we know the index, previous page index will be "index-1" and next page will be "index+1"
}

(私の擬似コードの1番目の点)については、DOM要素を使って他のページにアクセスする方法はわかりません。ドキュメント( "ページ")のように見えますgetElementById( 'links')exists iframeの必要なしに?

私は正しい方向にいるのですか?またはまったく間違っている?どんな助け、アイデア、アドバイスも感謝します。感謝をこめて

1
もしあなたがindex.phpページのそれらのリンクを意味するなら、私はそれらを手動で入れます。なぜ厄介なハックですか?これを行うにはより良い方法がありますか?
追加された 著者 BeNdErR,
何かのようなもの:
追加された 著者 BeNdErR,
(二重の投稿のために申し訳ありません..このように5分後に編集できません)? --- arrayList.js --- var list = array( "example1": " site.com/example1 .php ";" example2 ":" site.com/example2.php" ;、... "exampleN": " site.com/exampleN.php" ;) ------------------そして各サンプルページにロードしますか?index.phpにロードして配列を使用してリストを構築することもできます実際に編集するファイルは1つだけです:Dあなたはどう思いますか?とにかく感謝!
追加された 著者 BeNdErR,
ok、ありがとう:)私はそこにいる!
追加された 著者 BeNdErR,
@Mattありがとう、私は何とかそれを解決した(おそらく最も良い方法ではないが、それは動作します)。再度、感謝します!
追加された 著者 BeNdErR,
これらのリンクは手動で入れられますか?私はあなたが言っていることを知っていると思うが、あなたがしたいことは厄介なハックのように思える。
追加された 著者 Matt,
あなたがしたいことが間違っていると言っているわけではありませんが、事態が起こり、予期せぬ事態が起こる可能性があります。リンクから何かを作成するのではなく、何をしているのか、配列を作成してメニューを作成することができますか?この方法では、まだ1つだけ更新しています。または単にkey:valueのペア形式で情報をリストし、それを解析するファイルですらあります。
追加された 著者 Matt,
また、PHPを使用しているので、PHPを使ってインデックスファイルを読み込み、メニューリストを取得し、解析し(PHPはDOMパーサを持っています)、ページのリンクを更新します。
追加された 著者 Matt,
私たちはまだあなたがしたいことを見つける必要があるので、これはチャットに移動します。私が一度あなたが欲しいものを知ったら、私はあなたを助けることができます。
追加された 著者 Matt,
私はあなたの投稿を投票したので、あなたは20人の担当者を得ることができます。そして、あなたはまだ18人しかいないと言っています。
追加された 著者 Matt,
追加された 著者 Matt,
@Bendererrねえ、私は少しあったけど、私は行かなければならなかった。あなたがまだいくつかの助けを必要とする場合は、再度投稿するか、私に知らせてください。
追加された 著者 Matt,

1 答え

いいえ、他のファイルに簡単にアクセスすることはできませんが、divリストが各ページにある場合は、ナビゲーションを追加するのは非常に簡単です

window.onload=function() {
  var navLinks = document.getElementById("links").getElementsByTagName('a');
  var loc = location.href;
  var href,html="";
  for (var i=0;iprev' 
      if (i==navLinks.length-1) html+=' next ';
      else html +='next' 
    }
  }
  if (html) document.getElementById("links").appendChild(html);
}
1
追加された
問題はdivリストが各ページではなくインデックスにのみ存在することです。新しいページリンクを追加すると、各ページを更新する必要があります避けるために
追加された 著者 BeNdErR,
それをスクリプトやajaxとしてdivに含める
追加された 著者 mplungjan,
PHP - 日本のコミュニティ [ja]
PHP - 日本のコミュニティ [ja]
4 参加者の

このグループではPHPについて話します。 パートナー:kotaeta.com

JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript