• Inspiración
  • Tutoriales
  • Bootcamp

Planer

  • Inspiración
  • Tutoriales
  • Bootcamp

Tutoriales 52

Receta para crear un dropdown de países con ruby on rails

dropdown paises

Con ruby on rails es fácil crear un dropdown (o lista) para seleccionar un país.

 

dropdown países

selección país

Paso 1: Agregar la gema carmen-rails al gemfile, esta gema nos permitirá crear de forma fácil el dropdown de países

gem 'carmen-rails', '~> 1.0.0'

y luego actualizar las gemas con la linea bundle desde el terminal

recuerda que siempre debes reiniciar el servidor después de actualizar o poner gemas nuevas.

Paso 2:

Si queremos guardar los datos, supongamos que es el usuario el que escoge de que país viene, en ese caso tendríamos que generar una migración, ahora lo que se guarda en la base de datos no es el país, sino el código del país, así que generaremos una migración para agregar este código.

En el terminal:

rails g migration addCountryCodeToUser country_code:string

Paso 3: El formulario

En la vista donde tengamos el formulario de registro de usuario, agregaremos el dropdown para generar el listado de países.

<%= simple_form_for @user do |f| %>
  <%= f.input :country_code do %>
  <%= f.country_select :country_code, {object: f.object, prompt: 'País'} %>
<% end %>

Opcional: Puedes marcar algunos países como destacados ocupando

<%= simple_form_for @user do |f| %>
  <%= f.input :country_code do %>
  <%= f.country_select :country_code, {object: f.object, prompt: 'País', priority: '%w(US CL)'} %> 
<% end %>

Puedes ver la documentación de la gema y obtener otras ideas en: https://github.com/jim/carmen-rails

Share
April 24, 2014 Ruby, Tutoriales

¿Cómo funciona la internet?

internet

Esta simpática historieta cómica nos muestra como funciona la internet cuando uno se conecta a una página, desde que ingresa la URL en el navegador hasta que obtiene los resultados.

Como funciona la internet?

¿Cómo funciona la internet?

Share
February 24, 2014 TutorialesDNS, Internet

Cargar el formulario de login de devise desde otra vista

login form

¿Cómo cargar el formulario de login de devise desde otra vista?

Paso 1: Copiar en el archivo application_helper.rb las siguientes lineas:

 def resource_name
    :user
  end

  def resource
    @resource ||= User.new
  end

  def devise_mapping
    @devise_mapping ||= Devise.mappings[:user]
  end

Paso 2:
Cargar la vista parcial como render :file

  <%= render :file => '/devise/sessions/new' %>

Tip pro: Cuando las vistas parciales se cargan como render :partial rails asume que el archivo empieza con el símbolo _, por lo que no podemos incluir la vista de new o de registro. Sin embargo cargando la vista de devise como render :file no tendremos problema.

Share
February 8, 2014 TutorialesRuby on Rails

Recetario de Heroku para Rails 4

heroku

Recetario de Heroku para publicar con Rails

heroku logo

heroku logo

Los pasos del 2 al 4 sólo se hacen una vez por computador, tu cuenta (paso 1) la puedes ocupar desde más de un computador.

Paso 1: Crearse una cuenta

Paso 2: Descargar el Toolbelt

Paso 3: Conectarse a Heroku

 heroku login

Paso 4: Agregar las claves SSH automáticamente

 heroku keys:add

(En caso de que por algún motivo la clave ssh no se haya subido a heroku) esto se hace una vez por computador después de haber hecho el login.)

 

(more…)

Share
February 5, 2014 TutorialesHeroku, Ruby on Rails

audio una etiqueta para experimentar en HTML5

Experimentos con la etiqueta Audio

Html5 incluye muchas etiquetas interesantes que definitivamente dejaron obsoletas a flash, como por ejemplo la etiqueta <canvas> y en este artículo vamos a ver un experimento realizado con la etiqueta <audio>

La etiqueta audio permite cargar sonidos en tu páginas, o sea, permite cargar archivos OGG, MP3, y Wav.

Y a pesar de que por regla general es una mala práctica agregar música de fondo a una página web ya que es molesto para el usuario, esta etiqueta puede tener posibles usos interesantes.

Un experimento con la etiqueta audio

Para mostrar un uso interesante de la etiqueta <audio> les dejo un pequeño experimento hecho por Damian Irarrazabal, alumno de en1mes.com cuando estaba recién empezando a realizar el curso.

AbelMusic Screenshot

AbelMusic Versión 0.01

 

Les dejo el link a  AbelMusic para que jueguen, y recuerden que con el inspector de elementos pueden ver el código de la página y utilizarlo a su gusto.

 

 

Share
January 10, 2014 Tutorialesaudio, html5
Page 10 of 11« First«...7891011»
Tags
mostbetslotticamostbet UZslottica PLkudos casino no deposit bonuskudos casino bonus codeskudos casino free chipkudos casino loginRuby on Railskudos casino sister siteskudos casino free spinskudos casino no deposit bonus codesaviatoraviator KZozwincasinoozwincasino AUemprendimientos digitalesfortunetigerfortunetiger BRTutorialesDiseño20bet plbet20 casinokudos casinoLondonLondon UZ20 betbj88slottica BR20bet casino logowanie20bet kasynoHerramientas20 bet casinohtml5gratogana entrargratogana juegos en vivo20bet logowanieWordpressrubyLanding PageBases de datosplaycroco casinoplay crocogratogana onlineparty poker casino
  • PADANGTOTO
  • PADANGTOTO
  • PADANGTOTO
  • PADANGTOTO
  • PADANGTOTO
  • PADANGTOTO
  • PADANGTOTO
  • PADANGTOTO
  • PADANGTOTO
  • PADANGTOTO
  • PADANGTOTO
  • PADANGTOTO
  • PADANGTOTO
  • PADANGTOTO
  • PADANGTOTO
  • PADANGTOTO
  • PADANGTOTO
  • PADANGTOTO
  • PADANGTOTO
  • PADANGTOTO
  • PADANGTOTO
  • PADANGTOTO
  • Interesado en otros tipos de emprendimiento?

    Quieres aprender a importar y exportar productos a todo el mundo? entra aquí

  • LOMBOKTOTO
  • LOMBOKTOTO
  • LOMBOKTOTO
  • LOMBOKTOTO
  • LOMBOKTOTO
  • LOMBOKTOTO
  • LOMBOKTOTO
  • LOMBOKTOTO
  • LOMBOKTOTO
  • LOMBOKTOTO
  • LOMBOKTOTO
  • LOMBOKTOTO
  • LOMBOKTOTO
  • LOMBOKTOTO
  • No te pierdas ningún artículo.

  • RAMALANTOTO
  • RAMALANTOTO
  • RAMALANTOTO
  • RAMALANTOTO
  • RAMALANTOTO
  • RAMALANTOTO
  • RAMALANTOTO
  • RAMALANTOTO
  • RAMALANTOTO
  • RAMALANTOTO
  • RAMALANTOTO
  • RAMALANTOTO
  • RAMALANTOTO
  • RAMALANTOTO
  • IRAMATOGEL
  • IRAMATOGEL
  • IRAMATOGEL
  • IRAMATOGEL
  • IRAMATOGEL
  • IRAMATOGEL
  • IRAMATOGEL
  • IRAMATOGEL
  • IRAMATOGEL
  • IRAMATOGEL
  • IRAMATOGEL
  • IRAMATOGEL
  • IRAMATOGEL
  • IRAMATOGEL
  • IRAMATOGEL
  • IRAMATOGEL
  • IRAMATOGEL
  • 2025 © UGMSLOT
    Planer theme by Dankov