switch input value from range to number

This commit is contained in:
King Kévin 2015-08-28 11:44:03 +02:00
parent 224e4d61a6
commit 34f4e35361
1 changed files with 12 additions and 34 deletions

View File

@ -21,20 +21,12 @@
// draw logo
function draw() {
// get values
var pad_size = parseInt(pad_size_range.value,10)
var pad_thickness = parseInt(pad_thickness_range.value,10)
var pad_spacing = parseInt(pad_spacing_range.value,10)
var pad_chip_spacing = parseInt(pad_chip_spacing_range.value,10)
var chip_thickness = parseInt(chip_thickness_range.value,10)
var text_thickness = parseInt(text_thickness_range.value,10)
// display values
pad_size_text.innerHTML = pad_size
pad_thickness_text.innerHTML = pad_thickness
pad_spacing_text.innerHTML = pad_spacing
pad_chip_spacing_text.innerHTML = pad_chip_spacing
chip_thickness_text.innerHTML = chip_thickness
text_thickness_text.innerHTML = text_thickness
var pad_size = parseInt(pad_size_input.value,10)
var pad_thickness = parseInt(pad_thickness_input.value,10)
var pad_spacing = parseInt(pad_spacing_input.value,10)
var pad_chip_spacing = parseInt(pad_chip_spacing_input.value,10)
var chip_thickness = parseInt(chip_thickness_input.value,10)
var text_thickness = parseInt(text_thickness_input.value,10)
// set values in logo
var size = pad_thickness+pad_size+pad_chip_spacing*2+pad_spacing*5+pad_chip_spacing*2+pad_size+pad_thickness
@ -153,21 +145,7 @@
if (logo.unit==unit) {
return
}
// get values
var pad_size = parseInt(pad_size_range.value,10)
var pad_thickness = parseInt(pad_thickness_range.value,10)
var pad_spacing = parseInt(pad_spacing_range.value,10)
var pad_chip_spacing = parseInt(pad_chip_spacing_range.value,10)
var chip_thickness = parseInt(chip_thickness_range.value,10)
var text_thickness = parseInt(text_thickness_range.value,10)
// display values
pad_size_text.innerHTML = pad_size
pad_thickness_text.innerHTML = pad_thickness
pad_spacing_text.innerHTML = pad_spacing
pad_chip_spacing_text.innerHTML = pad_chip_spacing
chip_thickness_text.innerHTML = chip_thickness
text_thickness_text.innerHTML = text_thickness
}
</script>
<div id="svg"></div>
@ -182,12 +160,12 @@
<option value="in">inch (in)</option>
<option value="mil">mil/thou (mil)</option>
</select><br />
pad size: <input id="pad_size_range" type="range" min="0" max="100" value="30" step="5" onchange="draw()" /> <span id="pad_size_text"></span><br />
pad thickness: <input id="pad_thickness_range" type="range" min="1" max="20" value="15" step="1" onchange="draw()" /> <span id="pad_thickness_text"></span><br />
pad spacing: <input id="pad_spacing_range" type="range" min="0" max="100" value="20" step="5" onchange="draw()" /> <span id="pad_spacing_text"></span><br />
pad-chip spacing: <input id="pad_chip_spacing_range" type="range" min="0" max="100" value="15" step="5" onchange="draw()" /> <span id="pad_chip_spacing_text"></span><br />
chip thickness: <input id="chip_thickness_range" type="range" min="1" max="20" value="10" step="1" onchange="draw()" /> <span id="chip_thickness_text"></span><br />
text thickness: <input id="text_thickness_range" type="range" min="1" max="20" value="10" step="1" onchange="draw()" /> <span id="text_thickness_text"></span><br />
pad size: <input id="pad_size_input" type="number" step="any" value=30 min=0 onchange="draw()"/><br />
pad thickness: <input id="pad_thickness_input" type="number" step="any" value=15 min=0 onchange="draw()"/><br />
pad spacing: <input id="pad_spacing_input" type="number" step="any" value=20 min=0 onchange="draw()"/><br />
pad-chip spacing: <input id="pad_chip_spacing_input" type="number" step="any" value=15 min=0 onchange="draw()"/><br />
chip thickness: <input id="chip_thickness_input" type="number" step="any" value=10 min=0 onchange="draw()"/><br />
text thickness: <input id="text_thickness_input" type="number" step="any" value=10 min=0 onchange="draw()"/><br />
<button type="button" onclick="download()">save</button>: <select id="filetype">
<option value="json">CuVoodoo Land Pattern (.json)</option>
<option value="svg">Scalable Vector Graphics (.svg)</option>