working on it ...

Filters

snippets
112k
followers
234
Published by snip2code

Javascript

This channel collects useful snippets for Javascript language
Sort by

Found 112k snippets

    public by ElectroSoft modified Jul 15, 2017  61  0  3  0

    Prueba de Ajax

    Prueba de Axaj en javascript nativo.
    function ajax()
    {
        var elements = document.getElementsByClassName("formVal");
        var formData = new FormData(); 
        for(var i=0; i<elements.length; i++)
        {
            formData.append(elements[i].name, elements[i].value);
        }
        var xmlHttp = new XMLHttpRequest();
            xmlHttp.onreadystatechange = function()
            {
                if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
                {
                    alert(xmlHttp.responseText);
                }
            }
            xmlHttp.open("post", "prueba.php"); 
            xmlHttp.send(formData); 
    }

    public by slavka1979 modified May 26, 2017  111  1  3  0

    Promise.all for Rejections and Resolves

    Always call then, even when one promise rejects
    // https://davidwalsh.name/promises-results
    Promise.all([
        // Resolves
        Promise.resolve(1), 
        // Rejects after 2 seconds
        new Promise((resolve, reject) => setTimeout(() => reject(1), 2000))
    ].map(p => p.catch(() => undefined))).then(() => console.log('done!'));

    public by vladimirov1 modified May 18, 2017  51  0  1  0

    print crosfilter results in console

    print crosfilter results in console: print_filter.js
    /**
     * Created by user on 18/05/17.
     */
    			// Super useful for debug in web console
    			function print_filter(filter){
    				var f=eval(filter);
    				if (typeof(f.length) != "undefined") {}else{}
    				if (typeof(f.top) != "undefined") {f=f.top(Infinity);}else{}
    				if (typeof(f.dimension) != "undefined") {f=f.dimension(function(d) { return "";}).top(Infinity);}else{}
    				console.log("DC DEBUG: "+filter+"("+f.length+") = "+JSON.stringify(f).replace("[","[\n\t").replace(/}\,/g,"},\n\t").replace("]","\n]"));
    			}
    
    

    public by JKCPR modified May 12, 2017  118  0  3  2

    is your DOM classy? Wouldn't your console like to know...

    Intended as Dev Tool to be utilised in the browser console so that refactoring your messy CSS can be less hurty.
    ;( 
      function (){
      "use strict";
    
      //get ALL DOM elements => BODY > *, BODY *
      var elms = document.body.getElementsByTagName("*"),
          i = elms.length,
          arr = [],
          classArray;
      
      //iterate, isolate, finally indicate
      while( i-- ) {
          classArray = elms[i].className.split(/\s+/);
          if (classArray.length > 1) {
              arr.push( classArray[1] );
          }
      }
      
      console.log( arr.join(',') );
      return arr;
      
    })();

    public by toledano modified Mar 6, 2017  189  0  3  0

    gulpfile.js para cmi_tema

    gulpfile.js para cmi_tema: gulpfile.js
    /**
     * Created by toledano on 06/11/15.
     */
    
    // inicializa gulp
    var gulp = require('gulp');
    
    // incluye los plugin
    var jshint = require('gulp-jshint');
    var concat = require('gulp-concat');
    var debug = require('gulp-strip-debug');
    var uglify = require('gulp-uglify');
    var sass = require('gulp-ruby-sass');
    var notify = require('gulp-notify');
    
    // Configuración
    var config = {
      sourcesDir: "./sources",
      sassPath:   "./sources/sass",
      nodeDir:    "./node_modules",
    }
    
    // tarea fontawesome
    gulp.task('icons', function() {
      gulp.src([
        config.nodeDir + '/font-awesome/fonts/**.*',
        config.nodeDir + '/bootstrap-sass/assets/fonts/**/*'
      ])
        .pipe(gulp.dest('./assets/fonts'));
    });
    
    // tarea bootstrap
    gulp.task('sass', function() {
      sass(config.sassPath + '/cmi.scss', {
        style: 'expanded',   // nested, expanded, compact, compressed
        loadPath: [
          config.sassPath,
          config.nodeDir + '/bootstrap-sass/assets/stylesheets',
          config.nodeDir + '/font-awesome/scss'
        ]
      })
      .on("error", notify.onError(function (error) {
        return "Equivocación: " + error.message;
      }))
      .pipe(gulp.dest('./assets/css'));
    });
    
    // Se define la tarea `scripts`
    gulp.task('scripts', function() {
      gulp.src([
        config.nodeDir    + '/jquery/dist/jquery.js',
        config.nodeDir    + '/bootstrap-sass/assets/javascripts/bootstrap.js',
        config.sourcesDir + '/js/**/*',
      ])
      // .pipe(jshint())
      // .pipe(jshint.reporter('default'))
      .pipe(concat('cmi.js'))
      .pipe(debug())
      .pipe(uglify())
      .pipe(gulp.dest('./assets/js/'));
    });
    
    // la tarea watch
    gulp.task('watch', function() {
      gulp.watch(config.sassPath + '/**/*.scss', ['sass']);
      gulp.watch(config.sourcesDir + '/**/*.js', ['scripts'])
    });
    
    // la tarea `default`
    gulp.task('default', ['scripts','icons', 'sass']);
    
    
                

    public by toledano modified Mar 6, 2017  73  7  2  0

    Servicio para crear sesiones en el almacén local

    Servicio para crear sesiones en el almacén local: session.auth.service.js
    (function(angular){
      'use strict';
    
      angular
        .module('cmi')
        .service('session', sessionService);
    
      sessionService.$inject = ['$log', 'localStorage'];
    
      function sessionService($log, localStorage){
        // jshint validthis: true
        var self = this;
    
        // API Pública
        self.getUser = getUser;
        self.setUser = setUser;
        self.getAccessToken = getAccessToken;
        self.setAccessToken = setAccessToken;
        self.destroy = destroy;
    
        var _user = JSON.parse(localStorage.getItem('session.username'));
        var _accessToken = JSON.parse(localStorage.getItem('session.accessToken'));
    
        function getUser(){
          return _user;
        }     // getUser()
    
        function setUser(user){
          _user = user;
          localStorage.setItem('session.username', JSON.stringify(user));
          return _user;
        }     // setUser()
    
        function getAccessToken(){
          return _accessToken;
        }     // getAccessToken()
    
        function setAccessToken(token){
          _accessToken = token;
          localStorage.setItem('session.accessToken', JSON.stringify(token));
          return _accessToken;
        }     // setAccessToken()
    
        function destroy(){
          setUser(null);
          setAccessToken(null);
        }     // destroy()
      }
    })(angular);
    

    public by pleabargain modified Feb 19, 2017  557  1  4  0

    return current URL of the page

    //get current URL of page
    function myFunction() {
        let x = document.URL; 
        return x; 
      }
    //to execute
    myFunction();
    //returns something like
    //"https://www.snip2code.com/Edit/New"

    public by pleabargain modified Feb 19, 2017  2943  12  6  2

    javascript output to console current full date as text

    // Enter here the actual content of the snippet.
    // Array of day names
    let dayNames = new Array("Sunday","Monday","Tuesday","Wednesday",
    				"Thursday","Friday","Saturday");
    
    // Array of month Names
    let monthNames = new Array(
    "January","February","March","April","May","June","July",
    "August","September","October","November","December");
    
    let now = new Date();
    console.log(dayNames[now.getDay()] + ", " +
    monthNames[now.getMonth()] +
    " " + now.getDate() +
    ", " + now.getFullYear());
    //output ~ Sunday, February 19, 2017
    

    public by pleabargain modified Feb 18, 2017  1198  1  5  0

    add all function arguments together

    function sum(){
    	let result =0;
    	//loop through all of the values in func args
      for (i =0; i < arguments.length;i++){
        //now add them toghether
    		result += arguments[i];	
    	
    	}
    	return result;
    }
    sum(34,34,236,32);

    public by JavierSalazar modified Feb 14, 2017  1796  17  4  0

    Pasar varios datos con ajax (Metodo POST)

    Pasar varios datos con ajax (Metodo POST)y es recibido por archivo php con la variable $_POST
    $.ajax(
    {
            url: "<?=resApi;?>procesarProducto.php",
            type: "post",
            dataType: "html",
            data: ({accion: "transferir",subaccion: "buscarStockSucursal", codigoprod: producto, sucursal: sucursal}),
            cache: false,
    })
        .done(function(res)
        {alert(res);}  
    • Public Snippets
    • Channels Snippets