容易で、有効なAJAXタブの内容-
それはpréticaおよびrépidaの運行になるためにAjaxをpéginasで内容を示すのに使用するように方法をつかまえた。 この個人指導の1つで私は作成する負荷の中で1の原稿AJAXに訴えるDIVの別のpéginaの内容簡単なナビゲーション・システムをに関して説明することを行く。
彼らは内容の原物を見ることができる ここに
これの使用はこの記事の十分に簡単な原稿、ただであり教えることを行き私がコードを説明することを行く未来使用するように。
Necessériosのfiling-cabinets
- ajaxtabscontent.zip (それらは次のfiling-cabinetsを数える):
- demo.htm
- ajaxtabs.css
- ajaxtabs.js
- loading.gif
- shade.gif
- shadeactive.gif
- external.htm, external2.htm, external3.htm, external4.htm
札間 < 頭部> e < /head> それらは次のコードを置かなければならない:
<リンクrel=の「stylesheet」のtype= 「テキストまたはcss」のhref= 「ajaxtabs.css」の/>
<原稿のtype=の「テキストかジヤバ・スクリプト」のsrc= 「ajaxtabs.js」>
/***********************************************
* Ajaxは©満足な原稿を記録する; 動的ドライブDHTMLコード図書館(www.dynamicdrive.com)
*この通知はである法的使用そのままにとどまらなければならない
* http://www.dynamicdrive.com/の訪問の動的ドライブは完全なソースコードである
***********************************************/
</script>
このコードはestilizarにfiling-cabinet CSSをpéginaと呼び、内容を制御するために原稿を呼ぶ。
péginaのtêだけのボディで続かれるの; 原稿のajaxとの連結をするためにある属性とリストを作成するm。
<ulのid=の「maintab」のclass= 「shadetabs」>
<私はclass=の「指定」 href=の>< 「#default」のrel=の「ajaxcontentarea」のイントロ> /a< /liを>< 読んだ>
<私はhref=の>< 「external.htm」のrel=の「ajaxcontentarea」の鳥> /a< /liを>< 読んだ>
<私はhref=の>< 「external2.htm」のrel=の「ajaxcontentarea」犬> /a< /liを>< 読んだ>
<私はhref=の>< 「external3.htm」のrel=の「ajaxcontentarea」猫> /a< /liを>< 読んだ>
<私はhref=の>< 「external4.htm」のrel=の「ajaxcontentarea」のrev= 「content.cssのcontent.js」の> ラッコ/a< /liを>< 読んだ>
</ul>
<divのid=の「ajaxcontentarea」のclass= 「contentstyle」>
<p> このé 内容最初のタブで現われるそのiré。 この内容のないé AJAXを使用して荷を積まれる。 </p>
</div>
<原稿のtype= 「テキストかジヤバ・スクリプト」>
ULの//IMPORTANTEはそれに原稿が作用するためにここに宣言するためにIDにそれを与えなければならない。 私はリストの絶対必要の使用が原稿それをstartajaxtabs再度宣言すれば彼らが公式の場所で提案するそれは彼ら多くがよりほしいと思えばことを試みた(「outralista」)。
//はリストのコードの後に別の要注意事項この原稿あるなり、今までに一度もsenãoの原稿は作用しない。 それらは札の前に場所それ丁度できる < /body> 重要なé それはリストのコードの後にあること。
startajaxtabs (「maintab」)
</script>
Eこのすべて。
この原稿のé
uma maneira bastante util e eficaz de criar conteúdo estruturado e de resposta répida.
Qualquer dúvida deixem nos comentérios.
3 Comments
Comments RSS TrackBack Identifier URI
Leave a comment
A oferta mais...
Wow!
Muito bom, a um tempo tava atrás de algo bem simples assim, mas felizmente encontrei aqui.
Muito bom ter trazido esse conteúdo do Dinamic Drive para cá e para o português.
Até mais.
Naum funciona chamando um ASPX, sabe pq ?
Não sei responder o motivo ao certo mas antes também tentei chamar imagens apenas e não funcionou.
Talvez funcione apenas chamando ficheiros html…
Resta saber se funciona com .php