Ir al contenido principal

Entradas

Mostrando entradas de marzo, 2015

como recorrer un array tipo stdClass Object por indicies??

<?php     $array = [ '{"a":1}' , '{"c":2}' , '{"d":3}' , '{"e":4}' ];     foreach ($array as & $json) {         $vector_data = std_class_object_to_array (json_decode($json));         foreach ($vector_data as $key => $value) {             echo "Propiedad " . $key . "  => " . $value . "<br>" ;         }     }     function std_class_object_to_array ($stdclassobject) {         $_array = is_object($stdclassobject) ? get_object_vars($stdclassobject) : $stdclassobject;         foreach ($_array as $key => $value) {                 $value = (is_array($value) || is_object($value)) ? std_class_object_to_array ($value) : $value;                 $array[$key] = $value;         }         return $array;     } ?>

Data Layer Google maps Api V3, Eventos e Infowindow

La capa de datos Maps Google proporciona un contenedor para datos geoespaciales arbitrarias. puede utilizar la capa de datos para almacenar sus datos personalizados, o para mostrar datos GeoJSON en un mapa google . GeoJSON es una norma común para el intercambio de datos geoespaciales en Internet. es ligero y fácilmente legible, por lo que es ideal para compartir y colaborar. con la capa de datos, puede agregar datos GeoJSON a un mapa de google en una sola línea de código. Acontinuación un ejemplo, el html completo: <!DOCTYPE html> <html>   <head>     <title> Data Layer: Event Handling </title>     <meta name= "viewport" content= "initial-scale=1.0, user-scalable=no" >     <meta charset= "utf-8" >     <style>       html, body, #map-canvas {         height : 100 % ;         margin : 0px ;         padding : 0px       }     #info-box {       background-color : white;       b

Autocomplete Api V3 google Automaticamente a todos los input del DOM

Las funciones de la biblioteca de JavaScript de Google Places permiten que una aplicación busque lugares (definidos en esta API como establecimientos, ubicaciones geográficas o puntos de interés destacados) incluidos en un área definida como, por ejemplo, los límites de un mapa o los alrededores de un punto fijo. Debe tener en cuenta que para la utilización de esta api, es necesario la utilización de los mapas de Google o en su defecto adquirir una licencia con un proveedor de su país. Ejemplo de la función: <!DOCTYPE html> <html lang= "en" > <head>      <meta charset= "UTF-8" >      <title> Autocomplete Google Demo </title>      <style>          .textbox {              border : 1px solid #DBE1EB ;              font-size : 18px ;              font-family : Arial , Verdana;              padding-left : 7px ;              padding-right : 7px ;              padding-top : 10px ;             

Botones fantasma, Nueva tendencia diseño web - Ghost Buttons – The Brand New Design Trend

Son botones sin relleno, solo con un marco y un llamado a la acción . Los botones de los llamados "fantasmas" son la charla de hoy de la oficina y son al parecer una tendencia predominante que está creciendo día a día. así, lo que realmente lo hace una entidad casi translúcida tiene que ver con todo esto? vamos a averiguarlo. Ejemplo sencillo de botón fantasma responsivo: <!DOCTYPE html> <html lang= "en" > <head>     <meta charset= "UTF-8" >     <title> SVG demo </title>     <link rel= "stylesheet" href= "css/main.css" >     <style>          body {              font-size : 16px ;          }          /* Por debajo de 700px */          @media screen and (max-width :600px ) {              body {                  font-size : 13px ;              }                   }          /* Por debajo de 400px */          @media screen and (max-width :400px )

Tabla de Equivalencias entre %, px, em y pt con CSS

En el blog WorldTechies han hecho una tabla de equivalencias entre px, %, pt y em en CSS muy útil para darnos una idea de las medidas exactas que necesitamos. Aunque como bien indican los valores pueden variar dependiendo el navegador y sistema operativo es una buena referencia para comenzar. Enlace : Convert em,px,pt and % in css Pts Px Em Porcentaje 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5% 8pt 11px 0.7em 70% 9pt 12px 0.75em 75% 10pt 13px 0.8em 80% 10.5pt 14px 0.875em 87.5% 11pt 15px 0.95em 95% 12pt 16px 1em 100% 13pt 17px 1.05em 105% 13.5pt 18px 1.125em 112.5% 14pt 19px 1.2em 120% 14.5pt 20px 1.25em 125% 15pt 21px 1.3em 130% 16pt 22px 1.4em 140% 17pt 23px 1.45em 145% 18pt 24px 1.5em 150% 20pt 26px 1.6em 160% 22pt 29px 1.8em 180% 24pt 32px 2em 200% 26pt 35px 2.2em 220% 27pt 36px 2.25em 225% 28pt 37px 2.3em 230%