Skip to content

Instantly share code, notes, and snippets.

View Sanix-Darker's full-sized avatar
🐼
coding in the dark...

darker Sanix-Darker

🐼
coding in the dark...
View GitHub Profile
@Sanix-Darker
Sanix-Darker / [JS] Print an element from browser
Last active November 14, 2017 16:20
[JS] Print an element from browser
<div id="elementToprint">
Text to be in the PDF, simple function create by Sanix darker!!!
</div>
<input type="button" value="IMPRIME" onclick="PrintElem('elementToprint');">
<script type="text/javascript">
function PrintElem(elem)
{
var mywindow = window.open('', 'PRINT', 'height=400,width=600');
@Sanix-Darker
Sanix-Darker / [HTML][JS] Accept only number in input type text
Created October 3, 2017 09:01
[HTML][JS] Accept only number in input type text
<input type="text" class="form-control" onkeypress="return isNumber(event)">
<script>
function isNumber(evt) {
evt = (evt) ? evt : window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
return false;
}
return true;
}
@Sanix-Darker
Sanix-Darker / [HTML][JS] Real very Simple autocomplete
Created October 4, 2017 16:50
[HTML][JS] Real very Simple autocomplete
<script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.devbridge-autocomplete/1.4.3/jquery.autocomplete.min.js"></script>
<style type="text/css">
.autocomplete-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto; }
.autocomplete-suggestion { padding: 10px 5px; font-size: 1.2em; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399ff; }
</style>
<div id="searchfield">
@Sanix-Darker
Sanix-Darker / [JS] XmlhttpRequest
Created October 5, 2017 16:14
[JS] XmlhttpRequest
function onProgress(event) {
if (event.lengthComputable) {
var percentComplete = (event.loaded / event.total)*100;
console.log("Envoi en cours: %d%%", percentComplete);
} else {
// Impossible de calculer la progression puisque la taille totale est inconnue
}
}
@Sanix-Darker
Sanix-Darker / [HTML5][CSS3] Nice transform Scale
Created October 7, 2017 10:02
[HTML5][CSS3] Nice transform Scale
<link href='https://fonts.googleapis.com/css?family=Roboto:100,400,300,500,700' rel='stylesheet' type='text/css'>
<div align="center" class="fond">
<div style="width:1000px;">
<div class="style_prevu_kit" style="background-color:#cb2025;"></div>
<div class="style_prevu_kit" style="background-color:#f8b334;"></div>
<div class="style_prevu_kit" style="background-color:#97bf0d;"></div>
<div class="style_prevu_kit" style="background-color:#00a096;"></div>
<div class="style_prevu_kit" style="background-color:#93a6a8;"></div>
@Sanix-Darker
Sanix-Darker / [Ruby] Check if a gem is installed
Created October 11, 2017 15:03
[Ruby] Check if a gem is installed
#Check if a gem is installed
gem list -i "^gem_name$"
@Sanix-Darker
Sanix-Darker / [Ruby] CHeck the version of the ActiveRecord
Created October 11, 2017 15:04
[Ruby] CHeck the version of the ActiveRecord
# CHeck the version of the ActiveRecord
bundle show activerecord
@Sanix-Darker
Sanix-Darker / [SHELL] Helpfull rails commands
Created October 19, 2017 07:40
[SHELL] Helpfull rails commands
#basics:
rails console
rails server
rake
rails generate
rails dbconsole
rails new app_name
#create scaffold
rails generate scaffold level
@Sanix-Darker
Sanix-Darker / [JS]Fixed a div when scroll
Last active October 28, 2017 00:10
[JS]Fixed a div when scroll
$.fn.followTo = function (pos) {
var $this = this,
$window = $(window);
$window.scroll(function (e) {
if ($window.scrollTop() > pos) {
$this.css({
position: 'fixed',
top: 0
@Sanix-Darker
Sanix-Darker / [Rails] Add column via console
Created October 27, 2017 11:07
[Rails] Add column via console
rails generate migration AddPartNumberToProducts part_number:string