templates/upload_image_form.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   3 <head>
   4 <title>Upload image</title>
   5 <meta name="robots" content="noindex,nofollow"/>
   6 <meta name="author" content="http://www.merjis.com/" />
   7 <link rel="stylesheet" href="::theme_css_html_tag::" type="text/css" title="Standard"/>
   8 <link rel="alternate stylesheet" href="/_css/easytoread.css" type="text/css" title="High contrast, big fonts"/>
   9 <link rel="stylesheet" href="/_css/create.css" type="text/css" title="Standard"/>
  10 <script src="/_js/upload.js" type="text/javascript"></script>
  11 </head><body>
  12
  13 <h1><span>Upload image</span></h1>
  14
  15 <form method="post" action="/_bin/upload_image.cmo" enctype="multipart/form-data" name="f">
  16 <table id="create">
  17
  18 <tr>
  19 <th>Image:</th>
  20 <td> <input type="file" name="file" value="" size="60" onchange="if (set_name ()) document.f.alt.focus ()"/> </td>
  21 </tr>
  22
  23 <tr>
  24 <td></td>
  25 <td class="explanation">
  26 You need to provide a short name for this image.  Use only lowercase letters, numbers and underscores ('_').  JPEG images should end in <code>.jpg</code> and GIF images should end in <code>.gif</code>.
  27 </td>
  28 </tr>
  29
  30 <tr>
  31 <th>Image Name:</th>
  32 <td> <input name="name" value="::name_html_tag::" size="40" maxlength="40" /> </td>
  33 </tr>
  34
  35 <tr>
  36 <td></td>
  37 <td class="explanation">
  38 The 'Alt'(-ernate) text is what blind users and search engines read.  It should explain what the image is.  You must provide this text to meet accessibility laws and allow search engines to discover the content of images.
  39 </td>
  40 </tr>
  41 <tr>
  42 <th>Alt text:</th>
  43 <td> <input name="alt" value="" size="70" /> </td>
  44 </tr>
  45
  46 <tr>
  47 <td></td>
  48 <td class="explanation">
  49 The title appears when users hover over an image with their mouse.  It is not required.
  50 </td>
  51 </tr>
  52 <tr>
  53 <th>Title:</th>
  54 <td> <input name="title" value="" size="70" /> </td>
  55 </tr>
  56
  57 <tr>
  58 <td></td>
  59 <td class="explanation">
  60 The 'Longdesc'(-ription) gives a longer, complete description of the content of the image, for blind users.  If your Alt text adequately describes the image, then it is not required.
  61 </td>
  62 </tr>
  63 <tr>
  64 <th>Longdesc:</th>
  65 <td> <textarea name="longdesc" rows="5" cols="80"></textarea> </td>
  66 </tr>
  67
  68 <tr>
  69 <td></td>
  70 <td class="explanation">
  71 Class is used with stylesheets.  If in doubt, leave it blank.
  72 </td>
  73 </tr>
  74 <tr>
  75 <th>Class:</th>
  76 <td> <input name="class" value="" size="20" /> </td>
  77 </tr>
  78
  79 <tr>
  80 <td></td>
  81 <td>
  82   <input id="replace" type="checkbox" name="replace" value="1" ::if(replace)::checked="checked"::end::/> <label for="replace">Replace any existing image with the same name</label>
  83 </td>
  84 </tr>
  85
  86 <tr>
  87 <td></td>
  88 <td><input type="submit" value="Upload" /></td>
  89 </tr>
  90
  91 </table>
  92 </form>
  93
  94 ::include(footer.html)::
  95 </body>
  96 </html>