1

アイテムのリストがあり、ユーザーが希望する文字にジャンプするオプションを提供したいと思います。

たとえば、画面の上部にあるAZの文字は、ユーザーがBをクリックすると、リストの最初の項目がBで始まる部分に移動します。

ColdFusionを使用してこれを行う方法はありますか？

私のリストはクエリを使用して入力されます。

<table border="1"> 
  <tr> 
    <th>Names</th> 
    <th>Other Stuff</th> 
  </tr> 

<cfoutput query="getnames"> 
  <tr> 
    <td> 
      <li>#getnames.names#</li> 
    </td> 
    <td> 
    <li>#getnames.otherstuff#</li> 
    </td> 
  </tr> 
</cfoutput>
</table>
4

2 に答える 2

5

名前付きアンカーを使用して、ページ内の場所にジャンプします。あなたが人の名前にジャンプしていたとしましょう。

<cfset letters = "A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z">
<cfoutput>
    <cfloop list="#letters#" index="i">
        <a href="###i#">#i#</a>&nbsp;
    </cfloop>
</cfoutput>

<cfset currentLetter = left(yourQuery.lastName,1)>
<cfoutput query = "yourQuery">
    <cfif currentLetter neq left(yourQuery.lastName,1)>
        <cfset currentLetter = left(yourQuery.lastName,1)>
        <a name = "#currentLetter#" />
    </cfif>
    #yourQuery.lastName#<br />
</cfoutput>
于 2012-11-07T16:08:11.053 に答える
2

アンカーを使用します。リストで、次のように、開始文字が付いた最初のアイテムにIDを付けます。

<li id="letter-a">Apple</li>

次に、文字のリストでそれにリンクします。

<a href="#letter-a">A</a>

（各文字に見出しがある場合は、代わりにそれらにIDを付けてください。）

于 2012-11-07T15:59:51.993 に答える