It looks like you're offline.
Open Library logo
additional options menu

imageupload template

This doc was last edited anonymously March 16, 2009.

plugin upstream
Templates in the website are disabled now. Editing them will not have any effect on the live website.
   1
   2
   3
   4
   5
   6
   7
   8
   9
  10
  11
  12
  13
  14
  15
  16
  17
  18
  19
  20
  21
  22
  23
  24
  25
  26
  27
  28
  29
  30
  31
  32
  33
  34
  35
  36
  37
  38
  39
  40
  41
  42
  43
  44
  45
  46
  47
  48
  49
  50
  51
  52
  53
  54
  55
  56
  57
  58
  59
  60
  61
  62
  63
  64
  65
  66
  67
  68
  69
  70
  71
  72
  73
  74
  75
  76
  77
  78
  79
  80
  81
  82
  83
  84
  85
  86
  87
  88
  89
  90
  91
  92
  93
  94
  95
  96
  97
  98
  99
 100
 101
 102
 103
 104
 105
 106
 107
 108
 109
 110
 111
 112
 113
 114
 115
$def with (name, path)
<html>
<head><title>$_.upload</title>

<script type="text/javascript" src="/static/js/hide.upload.js"></script>

<style type="text/css" title="text/css">
/* <![CDATA[ */

.SI-FILES-STYLIZED label.cabinet
{
	width: 180px;
	height: 266px;
	background-color: transparent;

/*      border: 1px solid #ccc;  */

	display: block;
	overflow: hidden;
	cursor: pointer;
}

.SI-FILES-STYLIZED label.cabinet input.file
{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

button { 	
	background-color: #F9F8D0; border: 1px solid #B9B7A1;
	font-family: georgia; font-size: 12px; color: #6F320D;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .05em;
	height: 26px;
	line-height: 28px;
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 4px;
} 

button.action:hover { background-color: #625E25; color: #fff; }
button.action { background-color: #fff; color: #919070; }

body {background-color:transparent}

/* ]]> */
</style>


</head>

<body>
    <form method="POST" enctype="multipart/form-data">

        <input type="hidden" name="path" id="path" value="$path"/>
        <input type="hidden" name="name" value="$name"/>

	<label class="cabinet"> 
        <input type="file" name="file" class="file" /><br/><br/>
        </label>

        <button type="submit" name="upload" class="action" value="Upload" style="width: 170">$_.upload</button>
        <!--
        <button type="submit" name="upload" class="action" value="Upload">Upload</button>
        -->


    </form>

<script type="text/javascript" language="javascript">
// <![CDATA[

SI.Files.stylizeAll();

/*
--------------------------------
Known to work in:
--------------------------------
- IE 5.5+
- Firefox 1.5+
- Safari 2+
                          
--------------------------------
Known to degrade gracefully in:
--------------------------------
- Opera
- IE 5.01

--------------------------------
Optional configuration:

Change before making method calls.
--------------------------------
SI.Files.htmlClass = 'SI-FILES-STYLIZED';
SI.Files.fileClass = 'file';
SI.Files.wrapClass = 'cabinet';

--------------------------------
Alternate methods:
--------------------------------
SI.Files.stylizeById('input-id');
SI.Files.stylize(HTMLInputNode);

--------------------------------
*/

// ]]>
</script>

</body>
</html>