escribojava

Entradas

Mostrando entradas de 2015

Scroll Horizontal Selector

LESS: div .container { width : 100 % ; height : 100 % ; overflow-x : scroll ; overflow-y : hidden ; white-space : nowrap ; div . item { width : 40px ; height : 30px ; margin-right : 1px ; background-color : yellow; display : inline ; } } Javacsript: Element . prototype . hScroll = function ( options ) { var selector = this ; function scroll ( obj , evt ) { var direction = evt . detail ? evt . detail * ( - 120 ) : evt . wheelDelta ; if ( direction > 0 ) { direction = obj . scrollLeft - 120 ; } else { direction = obj . scrollLeft + 120 ; } obj . scrollLeft = direction ; evt . preventDefault (); } //FF doesn't recognize mousewheel as of FF3.x var mousewheelevt = ( /Firefox/i . test ( navigator .

Delegate for older versions of Internet Explorer

// <div draggable="true" class="resource"></div> if (document. body . addEventListener ) { document. body . addEventListener ( 'click' , yourHandler , false ); } else { document. body . attachEvent ( 'onclick' , yourHandler ); //for IE } function yourHandler ( e ) { e = e || window. event ; var target = e . target || e . srcElement ; if ( target . className . match ( /resource/ )) { console . log ( target ); } }

Función recursiva con tiempo de espera javascript

var item = 0 ; var storage = function ( e ) { try { if ( e [ item ] !== undefined ) { console . log ( e [ item ]); } item ++ ; if ( item < e . length ) { setTimeout ( function () { storage ( e ); }, 2000 ); } else { console . log ( "terminado" ); } } catch ( error ) {} } storage ( $scope . arrayFiles );

Isset equivalent javascript

if ( typeof obj . foo != 'undefined' ) { // .. }

Deploy google app engine from Linux terminal

cd google_appengine ./appcfg.py -A nombre_proyecto download_app carpeta_destino ./appcfg.py --oauth2 -A nombre_proyecto update projects/carpeta_del_proyecto ./appcfg.py --oauth2 -A nombre_proyecto rollback projects/carpeta_del_proyecto ./dev_appserver.py --php_executable_path=/usr/bin/php5-cgi projects/ carpeta_del_proyecto

Configuración de conexión Oracle para usar TNSNames.ora

Ejemplo completo de conexión El primer paso : localizar el archivo tnsnames.ora ( En windows, lo puede conseguir en esta ubicación C:\oraclexe\app\oracle\product\11.2.0\server\network\ADMIN ), sacar una copia de este archivo ya que lo vamos a modificar, despues abrir este archivo con cualquier editor de texto, despúes de esto adicionamos el siguiente bloque de código ( El caso que no permita guardar los cambios es necesario que detengas el servicio de oracle , cambie la ip por la de su servidor ): ejemplo . world = (DESCRIPTION = (ADDRESS_LIST = (ADDRESS = (COMMUNITY = tcp . world) (PROTOCOL = TCP) (Host = 192.168.1.10 ) (Port = 1521 ) ) ) (CONNECT_DATA = (SID = ejemplo)( SERVER = POOLED) ) ) El segundo paso : es establecer la conexión desde php, lo puede hacer modificando el archivo config.php que se encuentra en el ejemplo y configuras el nombre que configuraste en el tnsnames, en este caso se l

Reordenar elementos HTML con evento onClick Javascript

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns= "http://www.w3.org/1999/xhtml" xml:lang= "en" lang= "en" > <head> <title> Test </title> <meta http-equiv= "content-type" content= "text/html; charset=utf-8" /> <style> #div1 { width : 100px ; height : 30px ; margin : 2px ; cursor : pointer ; color : white ; text-align : center ; line-height : 2 ; background-color : #00B640 ; } #div2 { width : 100px ; height : 30px ; margin : 2px ; cursor : pointer ; color : white ; text-align : center ; line-height : 2 ; background-color : #FF8500 ; }

Obtener Valor de RadioButton (Grupo)

HTML: <form id= "test" > <label><input type= "radio" name= "test" value= "A" > A </label> <label><input type= "radio" name= "test" value= "B" checked > B </label> <label><input type= "radio" name= "test" value= "C" > C </label> </form> Javascript: document .querySelector( 'input[name="test"]:checked' ).value;

Campo autocomplete solo con html 5

<!DOCTYPE html> <html lang= "es" > <head> <meta charset= "UTF-8" > <title> Autocomplete HTML5 </title> </head> <body> <label> Enter your favorite movies: <br/> <input type= "text" name= "movies" list= "movies" /> <datalist id= "movies" > <select name= "movies" > <option value= "Star Wars" > <option value= "The Godfather" > <option value= "Goodfellas" > </select> </datalist> </label> </body> </html>

Crear Proxy HTTP en Apache

1) Editar el archivo httpd.conf (en mi caso esta en la siguiente ruta: C:\xampp\apache\conf) 2) Habilitar los siguientes módulos de Apache: * LoadModule proxy_module modules/mod_proxy.so * LoadModule proxy_http_module modules/mod_proxy_http.so (httpd.conf) 3) Pegar al final del archivo (httpd.conf) el siguiente bloque de código: <Location "/geocarto" > ProxyPass http://geocarto.igac.gov.co:8082 timeout=1500 ttl=80 ProxyPassReverse http://geocarto.igac.gov.co:8082 </Location>

Encoding / decoding UTF8 in javascript

function encode_utf8 ( s ) { return unescape (encodeURIComponent( s )); } function decode_utf8 ( s ) { return decodeURIComponent( escape ( s )); }

Table HTML

<!DOCTYPE html> <html> <head> <style> table , th , td { font : 0.9em "Open Sans" , sans-serif ; border : 1px solid black ; border-collapse : collapse ; } th { background-color : #85AA4D ; font-weight : 600 ; color : white ; } </style> </head> <body> <table style="width:100%" > <tr> <th> ID </th> <th> DIRECCION </th> <th> CIUDAD </th> </tr> <tr> <td> CCC </td> <td> Cll. 84 #74 - 28 </td> <td> BOGOTA </td> </tr> <tr> <td> TENIS CO. </td> <td> Cra. 11 #82 - 71 </td> <td> CALI </td> </tr> <tr> <td> ALMACENES HOMECENTER </td> <td> Av 68 No. 80-77 </td> <td> BOGOTA </td> </tr>

Manipular Scroll de un selector Javascript (JQuery)

$ ( ".selector" ). animate ({ scrollTop : $ ( '.selector' )[ 0 ]. scrollHeight }, 500 );

Función para obtenet Objeto con variables pasadas por URL

function getParams ( success ) { var loc = document. location . href ; if ( loc . indexOf ( '?' ) > 0 ) { var getString = loc . split ( '?' )[ 1 ]; var GET = getString . split ( '&' ); var get = {}; for ( var i = 0 , l = GET . length ; i < l ; i ++ ) { var tmp = GET [ i ]. split ( '=' ); get [ tmp [ 0 ]] = unescape (decodeURI( tmp [ 1 ])); } typeof success === 'function' && success ( get ); return get ; } else { typeof success === 'function' && success ( false ); return false ; } }

Limpiar tildes y caracteres especiales con javascript

function cleanString ( string ){ if ( string ) { var s = string . replace ( /[\*\^\'\!\%]/g , '' ). split ( ' ' ). join ( '' ); if ( s . normalize != undefined ) { s = s . normalize ( "NFKD" ); } return s . replace ( /[\u0300-\u036F]/g , "" ); } else { return string ; } }

Reescribir estilos para campo autocomplete de google maps api v3

.pac-container { background-color : #fff !important ; position : absolute !important ; z-index : 1000 !important ; border - radius : 2px !important ; border-top : 1px solid #d9d9d9 !important ; font-family : Arial , sans-serif !important ; box - shadow : 0 2px 6px rgba( 0 , 0 , 0 , 0 . 3 ) !important ; - moz - box - sizing : border - box !important ; - webkit - box - sizing : border - box !important ; box - sizing : border - box !important ; overflow : hidden !important ; } .pac-container:after { content : "" !important ; padding : 1px 1px 1px 0 !important ; height : 16px !important ; text-align : right !important ; display : block !important ; background-image : url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2.png) !important ; background-position : right !important ; background-repeat : no-repeat !important ; background - size : 104px 16px !important

Custom event Javascript

// Crear el evento. var event = new CustomEvent ( 'nombre_evento' , { 'detail' : { event : 'event' , } }); // y dispararlo al DOM document. dispatchEvent ( event ); // escuchar el evento en el DOM. document. addEventListener ( 'nombre_evento' , function ( e ) { console . log ( e ); }, false );

Generar colores hexadecimales aleatoreamente con javascript

function getRandomColor () { var letters = '0123456789ABCDEF' . split ( '' ); var color = '#' ; for ( var i = 0 ; i < 6 ; i ++ ) { color += letters [Math. floor (Math. random () * 16 )]; } return color ; }

Array con nombre dinámico javascript

Puedes hacerlo al menos de dos formas, con eval o con window. eval("var jeisonDatos = new Array ('jeison', 0 ,0 ,0)"); Aunque a algunas personas les da el patatús cuando ven esto. Otra forma podría ser window['jeisonDatos']=new Array ('jeison', 0 ,0 ,0);

Iconos Estandar google maps api v3

Row 1 Dots https://maps.gstatic.com/mapfiles/ms2/micons/blue-dot.png https://maps.gstatic.com/mapfiles/ms2/micons/red-dot.png https://maps.gstatic.com/mapfiles/ms2/micons/green-dot.png https://maps.gstatic.com/mapfiles/ms2/micons/ltblue-dot.png https://maps.gstatic.com/mapfiles/ms2/micons/yellow-dot.png https://maps.gstatic.com/mapfiles/ms2/micons/purple-dot.png https://maps.gstatic.com/mapfiles/ms2/micons/pink-dot.png Dot Shadow: https://maps.gstatic.com/mapfiles/ms2/micons/msmarker.shadow.png Row 2 Solid https://maps.gstatic.com/mapfiles/ms2/micons/blue.png https://maps.gstatic.com/mapfiles/ms2/micons/red.png https://maps.gstatic.com/mapfiles/ms2/micons/green.png https://maps.gstatic.com/mapfiles/ms2/micons/lightblue.png https://maps.gstatic.com/mapfiles/ms2/micons/yellow.png https://maps.gstatic.com/mapfiles/ms2/micons/purple.png https://maps.gstatic.com/mapfiles/ms2/micons/pink.png Shadow: https://maps.gstatic.com/mapfiles/ms2/micons/msmarker.shadow.png