使い方の基本
参加者登録
ログイン後、ページ左にある「参加者」から、競技/種目ごとにチーム又は選手を登録してください。
試合登録
ログイン後、ページ左にある「試合」から、競技/種目ごとに試合結果を登録してください。
他サイトへの試合貼り付け
登録が完了した「試合」は、「試合」登録ページにプレビューボタンが表示されます。
プレビュー画面で、パラメータを設定することで各ページに貼り付ける「SCRIPT」タグまたは「IFRAME」タグが表示されます。
タグを自分の管理範囲内にあるページに貼り付けてください。
※現在β段階ということもありデザイン変更があるかもしれません。iframeタグの場合フレームサイズを動的に変更できないため可能な限りscriptタグの使用をお勧めします。
<html>
<head>
<title>SCRIPTサンプルページ</title>
</head>
<body>
自分のページ
<script src="http://www.rexalt.jp/script.aspx?id=4a788f1e-a61c-4e08-83a7-5d8dc5f92c24"></script>
</body>
</html>
※id=4a788f1e-a61c-4e08-83a7-5d8dc5f92c24の部分は試合により変化します。
これは以下のように表示されます。
<html>
<head>
<title>IFRAMEサンプルページ</title>
</head>
<body>
自分のページ
<iframe scrolling="no" frameborder="0" marginheight="0" marginwidth="0" src="http://www.rexalt.jp/iframe.aspx?id=4a788f1e-a61c-4e08-83a7-5d8dc5f92c24" width="350" height="151"></iframe>
</body>
</html>
これは以下のように表示されます。
応用例 表示コントロール
スクリプトページのurlにパラメータを付加することで、スタイルを変えたり、枠線/BoxScoreを非表示にしたりすることが出来ます。
試合のプレビューページで設定を変更すると、パラメータを指定したタグが出力されます。
<html>
<head>
<title>サンプルページ</title>
</head>
<body>
自分のページ
<script src="http://www.rexalt.jp/script.aspx?id=4a788f1e-a61c-4e08-83a7-5d8dc5f92c24&s=compact&noborder&noboxscore"></script>
</body>
</html>
これは以下のように表示されます。
応用例 遅延読み込み
スクリプトのダウンロードに時間がかかり、表示がもちゃっとするようなら、スクリプトをページのHTMLの一番最後に貼り付けURLのパラーメータ"C"にコンテナIDを指定することで対象コンテナ内に試合結果を展開するようになります。
その場合、スクリプトファイル自体はページの最後にロードされるようになるため、ページ全体の表示(全体表示までの体感速度)を向上させることができます。
<html>
<head>
<title>サンプルページ</title>
</head>
<body>
自分のページ
<div id="rexalt_a"></div>
<div id="rexalt_b"></div>
<div id="rexalt_c"></div>
</body>
<script src="http://www.rexalt.jp/script.aspx?id=xxxxxxxxx&c=rexalt_a"></script>
<script src="http://www.rexalt.jp/script.aspx?id=xxxxxxxxx&c=rexalt_b"></script>
<script src="http://www.rexalt.jp/script.aspx?id=xxxxxxxxx&c=rexalt_c"></script>
</html>
|