Admin Control Panel v2.0

✎ Editing: mountselect.html ← Back

BODY{
    font-family: sans;
    font-size: 14px;
}

.dropdown .selected{
    background: #dddddd;
}

#bb .selected{
    background: #ccddcc;
}

</STYLE>

<SCRIPT SRC="../../js/jquery.js" LANGUAGE="JavaScript" TYPE="text/javascript"></SCRIPT>
<SCRIPT SRC="../../js/awt/mountselect.js" LANGUAGE="JavaScript" TYPE="text/javascript"></SCRIPT>
</HEAD>
<BODY>
<DIV ID="aa" CLASS="dropdown"></DIV>
Prefix:<SPAN ID="aa_prefix"></SPAN> Value:<SPAN ID="aa_value"></SPAN>
<BR>
<DIV ID="bb" CLASS="dropdown"></DIV> 
<BR>
<DIV ID="cc" CLASS="dropdown"></DIV> 
Value:<SPAN ID="cc_value"></SPAN>
<SCRIPT Lauguage="JavaScript" TYPE="text/javascript">
    $('#aa').mountselector({
	value: '/mnt',
	list: [
	    {text: 'Mounted:Samba', prefix: 'Samba:', edit: true,  icon: 'ico1.png'},
	    {text: 'Mounted:NFS',   prefix: 'NFS:',   edit: true,  icon: 'ico2.png'},
	    {text: 'Local:',	    prefix: 'Local:', edit: false, icon: 'ico3.png'}
	],
	current: 0, // current selected icon and prefix
	width: 300,
	onchange: function(p){
	    $('#aa_prefix').text(p.prefix),
	    $('#aa_value').text(p.value)
	}
    });
    $('#bb').mountselector({
	list: [
	    {text: 'Mounted:Samba', prefix: 'Samba:', edit: true,  icon: 'ico1.png'},
	    {text: 'Mounted:NFS',   prefix: 'NFS:',   edit: true,  icon: 'ico2.png'},
	    {text: 'Local:',	    prefix: 'Local:', edit: false, icon: 'ico3.png'}
	]
    });

$('#cc').mountselector({
	prefix: 'Value4',
	list: [
	    {text: 'Value1', edit: false },
	    {text: 'Value2', edit: false },
	    {text: 'Value3', edit: false }
	],
	onchange: function(val){ $('#cc_value').text(val.prefix); }
    });
    
    $('#aa_prefix').text($('#aa').mountselector_prefix());
    $('#aa_value').text($('#aa').mountselector_val());
    $('#cc_value').text($('#cc').mountselector_prefix());
</SCRIPT>
</BODY>
</HTML>

Cancel