javascript - Spry XMLDataset がデータをロードしている間のローダーの表示

Question

Spry を使用しています ( SpryData.js,xpath.js)

    var ds1 = new Spry.Data.XMLDataSet("_db/db.xml", "bildiriler/bildiri",{useCache:false});
 // load the xml tree

....

<!-- use it in a loop - 
 Sometimes the page use "ds1.loadData();" to refresh the data -->
 <div spry:region="ds1" spry:repeatchildren="ds1">
 <a href="#">{author}</a></div>

XMLデータのロード中にローダーアニメーションまたは「テキストのロード」を表示するにはどうすればよいですか

(時間がかかります - 遅い CD から約 2 秒 - 私の XML ファイルは 100KB です)

Answer 1

私は Spry があまり得意ではありませんが、常に表示される div プレースホルダー (<div spry:region="ds1" ...) に css 背景を追加できませんか (おそらく、行が読み込まれるときにプレースホルダーの背景画像を設定するオブザーバー)...

Answer 2

はい。私はそれを見つけました（奇妙なことに、 http：//labs.adobe.com/technologies/spryのSpryのドキュメントからではありません）この例から見つけました-> http://www.infoaccelerator.net/blog/archives.cfm / date / 2006/7

この行をdivタグ（spry：region）に入れます：

<p spry:state ="loading"> Loading ( text or an image ) </p>

Answer 3

<div align="center" spry:region="dsmain" spry:state="loading" >
<img src="../icon/Loader/1.gif" />
<br />please wait ...
</div>