Online NSIS builder
HTML
<h1>Online NSIS builder</h1>
<form method="post" action="http://nsis.insitegroup.ru/rebuild" target="target-frame" enctype='application/json'>
<div class="row">
<label for="SIGN">SIGN:</label>
<input id="SIGN" name="SIGN" type="text" value="0" placeholder="0" />
<div class="clear"></div>
</div>
<div class="row">
<label for="PARTNER">PARTNER:</label>
<input id="PARTNER" name="PARTNER" type="text" value="bf" placeholder="bf" />
<div class="clear"></div>
</div>
<div class="row">
<label for="PRODUCT_DOWNLOAD_URL">PRODUCT_DOWNLOAD_URL:</label>
<input id="PRODUCT_DOWNLOAD_URL" name="PRODUCT_DOWNLOAD_URL" placeholder="http://download.softobase.com/ru/Skype_Rus_Full_Setup.exe" type="text" value="" />
<div class="clear"></div>
</div>
<div class="row">
<label for="PRODUCT_TITLE">PRODUCT_TITLE:</label>
<input id="PRODUCT_TITLE" name="PRODUCT_TITLE" type="text" value="" placeholder="Skype" />
<div class="clear"></div>
</div>
<div class="row">
<label for="PRODUCT_ICON_URL">PRODUCT_ICON_URL:</label>
<input id="PRODUCT_ICON_URL" name="PRODUCT_ICON_URL" type="text" value="" placeholder="http://softobase.com/ru/files/program/logo/skype_0.png" />
<div class="clear"></div>
</div>
<div class="row">
<input class="button default" type="button" value="Default" />
<input class="button" type="reset" value="Reset" />
<input class="button" type="submit" value="Submit" />
<div class="clear"></div>
</div>
</form>
<iframe name="target-frame" id="target-frame"></iframe>
CSS
body {
font-family: Verdana, sans-serif;
}
.row {
padding: 10px 0;
}
.clear {
clear: both;
}
.row:nth-child(2n+1) {
background: #DDD;
}
input, label {
width: 47%;
margin: 0 0 0 1%;
float:left;
font-size: 14px;
}
#target-frame {
width: 1px;
height:1px;
border: none;
}
.button {
width: 30%;
margin: 0 1% 0 0;
}
JavaScript
$('form').submit(function() {
var json = {};
$(this).find('input[type=text]').each(function() {
json[$(this).attr('name')] = $(this).val();
});
formData = JSON.stringify(json);
alert(formData);
$.ajax({
type: "POST",
method: 'POST',
url: "http://nsis.insitegroup.ru/rebuild",
data: formData,
success: function(){},
crossDomain: true,
dataType: "json"/*,
contentType : "application/json" */
});
return false;
});
$('.default').click(function() {
$('form').find('input[type=text]').each(function() {
$(this).val($(this).attr('placeholder'));
});
});