Ir al contenido principal

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 ;         ...
Publicar un comentario
Leer más

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 );     } }
Publicar un comentario
Leer más

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 );
Publicar un comentario
Leer más

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
Publicar un comentario
Leer más

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 =...
Publicar un comentario
Leer más

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 ;   ...
Publicar un comentario
Leer más

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;
Publicar un comentario
Leer más

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>
Publicar un comentario
Leer más

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>
Publicar un comentario
Leer má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> ...
Publicar un comentario
Leer más

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 {   ...
Publicar un comentario
Leer más

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 ;     }     }
Publicar un comentario
Leer más

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 ;   backgro...
Publicar un comentario
Leer más

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 );
Publicar un comentario
Leer más

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 ;     }
Publicar un comentario
Leer más

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 ...
Publicar un comentario
Leer más