kingkevin
/
oshw_logo
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
oshw_logo.html
View File

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