root/Mixxi/trunk/root/url/index.tt

Revision 2079 (checked in by miyagawa, 14 years ago)

added hint

Line 
1 [% INCLUDE head.tt %]
2
3 <script language="JavaScript">
4 dojo.require('dojo.io.*');
5 var cache = {};
6 function validateForm() {
7   dojo.byId('error').innerHTML = '';
8   var c = cache[dojo.byId('alias').value];
9   if (c != undefined)
10      return callback(c);
11   dojo.io.bind({
12      url: "[% c.uri_for('/url/validate') %]",
13      handler: function(type, data, evt) {
14        callback(data["error"]);
15        cache[dojo.byId('alias').value] = data["error"];
16      },
17      formNode: dojo.byId('form'),
18      mimetype: "application/json"
19   });
20 }
21
22 function callback(error) {
23   if (error) {
24     dojo.byId('error').innerHTML = error;
25   }
26 }
27 </script>
28
29 <p class="description"><span class="url">http://mixi.jp/show_friend.pl?id=XXXX</span> のような長いURLを <span class="url">http://mixxi.jp/{好きな名前}</span> てな感じに短かくします。</p>
30
31 <form id="form" action="[% c.uri_for('/url/create') %]" method="get">
32 <label for="url">URL:</label> <input type="text" id="url" name="url" value="[% (c.req.param('url') || "http://mixi.jp/show_friend.pl?id=") | html %]" size="40" onfocus="this.select()" />
33 <input type="submit" value="Shorten" /><br />
34 <label for="alias">Alias (optional):</label> http://mixxi.jp/<input type="text" id="alias" name="alias" size="10" value="[% c.req.param('alias') | html %]" /> <span id="error" class="error">[% error | html %]</span>
35 </form>
36
37 <script>
38 dojo.byId('alias').onkeyup = function() {
39   if (dojo.byId('alias').value.length > 0) {
40     validateForm();
41   }
42 };
43 // dojo.byId('url').onblur    = validateForm;
44 </script>
45
46 <p id="hint"><strong>ヒント:</strong>
47 <ul>
48 <li>http://mixxi.jp/{Alias} リダイレクト</li>
49 <li>http://mixxi.jp/a/{Alias} リンク情報表示</li>
50 <li>http://mixxi.jp/qr/{Alias} QRコード表示</li>
51 </ul>
52 </p>
53
54 [% INCLUDE footer.tt %]
Note: See TracBrowser for help on using the browser.