Ir al contenido principal

Entradas

Mostrando entradas de julio, 2015

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>

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>

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