fixed <ul> inside <ol> & submit/cancel buttons

- probably a silly way of doing the submit
This commit is contained in:
Howland Owl 2014-04-16 11:14:16 +03:00
parent 438b3f680d
commit 00f3e0ef33
3 changed files with 47 additions and 30 deletions

View file

@ -26,6 +26,10 @@ label {
font-size: 10; font-size: 10;
} }
div ul li{
list-style-type: none
}
#list { #list {
border: 1px solid black; border: 1px solid black;
} }

View file

@ -117,6 +117,7 @@ edit button.
$('#listsave').button {icons: {primary:"ui-icon-disk"}} $('#listsave').button {icons: {primary:"ui-icon-disk"}}
.click => .click =>
alert 'SAVE ME' alert 'SAVE ME'
You need to save the order, and extract these in that order; moving around You need to save the order, and extract these in that order; moving around
does not alter the array. Alternately, _have_ it alter the array. does not alter the array. Alternately, _have_ it alter the array.
@ -139,14 +140,25 @@ does not alter the array. Alternately, _have_ it alter the array.
modal: false, modal: false,
title:"Entry #{data.file} ", title:"Entry #{data.file} ",
buttons: [{ buttons: [{
text: "OK", text: "Cancel",
icons: {primary: 'ui-icon-trash'},
click: -> click: ->
$(@).dialog "close" $(@).dialog "close"
}] },{
} text: "Save",
icons: {primary: 'ui-icon-disk'},
alert arraytocolor colortoarray '#102030' click: ->
$('#smt').click()
$(@).dialog "close"
}]
}
$("#smt").click (event) ->
event.preventDefault()
alert 'bob'
$("#entryname").val data.name $("#entryname").val data.name
$("#entryauthor").val data.author $("#entryauthor").val data.author
$("#entryamiga").val data.amiga $("#entryamiga").val data.amiga

View file

@ -24,48 +24,48 @@
<div class='hidden' id='formica'> <div class='hidden' id='formica'>
<form accept-charset="utf-8"> <form accept-charset="utf-8">
<ol> <ul>
<div class='groupbox' id='basics'> <div class='groupbox' id='basics'>
<p>Basics:</p> <p>Basics:</p>
<div class='drop'> <div class='drop'>
<ul> <li>
<label for="file">File name:</label> <label for="file">File name:</label>
<input id='entryfile' type="hidden" name="file" value="" placeholder=""> <input id='entryfile' type="hidden" name="file" value="" placeholder="">
<input id='entryfilepick' type="file" name="pickfile" value="" placeholder=""> <input id='entryfilepick' type="file" name="pickfile" value="" placeholder="">
</ul> </li>
<ul> <li>
<label for="file">Title:</label> <label for="file">Title:</label>
<input id='entryname' type="text" name="name" value="" placeholder=""> <input id='entryname' type="text" name="name" value="" placeholder="">
</ul> </li>
<ul> <li>
<label for="author">Author's name:</label> <label for="author">Author's name:</label>
<input id='entryauthor' type="text" name="author" value="" placeholder=""> <input id='entryauthor' type="text" name="author" value="" placeholder="">
</ul> </li>
</div> </div>
</div> </div>
<div class='groupbox' id='displaydata'> <div class='groupbox' id='displaydata'>
<p>Display:</p> <p>Display:</p>
<div class='drop' id='fl'> <div class='drop' id='fl'>
<ul> <li>
<label for="file">Ascii or Ansi?</label> <label for="file">Ascii or Ansi?</label>
<button id='entryamiga' name="amiga" id='amiga' type='button' value='1'>Ascii</button> <button id='entryamiga' name="amiga" id='amiga' type='button' value='1'>Ascii</button>
</ul> </li>
<ul> <li>
<label for="width">With of file:</label> <label for="width">With of file:</label>
<input id='entrywidth' type="number" name="width" value="80" placeholder=""> <input id='entrywidth' type="number" name="width" value="80" placeholder="">
</ul> </li>
<ul> <li>
<label for="font">Font:</label> <label for="font">Font:</label>
<select id='entryfont' name="font"> <select id='entryfont' name="font">
<option value="Propaz">Propaz</option> <option value="Propaz">Propaz</option>
<!-- <option value="Topaz13">Topaz13</option> --> <!-- <option value="Topaz13">Topaz13</option> -->
<!-- <option value="mOsOul">mOsOul</option> --> <!-- <option value="mOsOli">mOsOli</option> -->
<!-- <option value="MicroKnight">Microknight</option> --> <!-- <option value="MicroKnight">Microknight</option> -->
<option value="ansifont">Ansifont</option> <option value="ansifont">Ansifont</option>
</select> </select>
</ul> </li>
<div class='45box'> <div class='45box'>
<ul> <li>
<label for="color">Text Color:</label> <label for="color">Text Color:</label>
<select name="color" id='entrycolor' class='colorbox'> <select name="color" id='entrycolor' class='colorbox'>
<option value="#E0E0E0">Light Grey</option> <option value="#E0E0E0">Light Grey</option>
@ -85,8 +85,8 @@
<option value="#FFFFFF">White</option> <option value="#FFFFFF">White</option>
<option value="#000000">Black</option> <option value="#000000">Black</option>
</select> </select>
</ul> </li>
<ul> <li>
<label for="bg">Background color:</label> <label for="bg">Background color:</label>
<select name="bg" id='entrybg' class='colorbox'> <select name="bg" id='entrybg' class='colorbox'>
<option value="#E0E0E0">Light Grey</option> <option value="#E0E0E0">Light Grey</option>
@ -106,7 +106,7 @@
<option value="#FFFFFF">White</option> <option value="#FFFFFF">White</option>
<option value="#000000">Black</option> <option value="#000000">Black</option>
</select> </select>
</ul> </li>
</div> </div>
<div class='45box'> <div class='45box'>
<pre> <pre>
@ -121,20 +121,21 @@
<div class='groupbox' id='optionals'> <div class='groupbox' id='optionals'>
<p>Optional text:</p> <p>Optional text:</p>
<div class='drop'> <div class='drop'>
<ul> <li>
<label for="line1">Optional Info line 1:</label> <label for="line1">Optional Info line 1:</label>
<input id='entryline1' type="text" name="line1" value="" placeholder=""> <input id='entryline1' type="text" name="line1" value="" placeholder="">
</ul> </li>
<ul> <li>
<label for="line2">Optional Info line 2:</label> <label for="line2">Optional Info line 2:</label>
<input id='entryline2' type="text" name="line2" value="" placeholder=""> <input id='entryline2' type="text" name="line2" value="" placeholder="">
</ul> </li>
<ul> <li>
<label for="text">Optional Text (notes, comments, etc):</label> <label for="text">Optional Text (notes, comments, etc):</label>
<textarea id='entrytext' name='text'></textarea> <textarea id='entrytext' name='text'></textarea>
</ul> </li>
</div> </div>
</ol> <li><input type="submit" name="smt" id="smt" class="hidden" value=""></li>
</ul>
</form> </form>
</div> </div>
</body> </body>