Sanmugam's Blog

inherited_resources In Rails 3.1

sanmugasundaram — Fri, 24 Feb 2012 11:59:05 +0000

hi,

i am working with “inherited_resources” gem today. First read https://github.com/josevalim/inherited_resources.

soon…

Create Nested Form in Rails 3.1

sanmugasundaram — Thu, 23 Feb 2012 13:06:14 +0000

Hi,

While we creating some forms, also need to create some additional forms. In rails can easily create those type of form using gem “nested_form”. It can manage multiple nested models in a single form. To know more https://github.com/ryanb/nested_form.

can see how it works

i have two model name Project,task. Project has many task. i want to create multiple task when create a project.

include gem in Gemfile


gem "nested_form", :git => 'https://github.com/ryanb/nested_form.git'

then run command in project directory

$ bundle install

This gem add new nested model by using JavaScript. it automatically create JavaScript file.To create JavaScript run this command

$ rails g nested_form:install

now one file created in public/javascripts/nested_form.js

copy the nested_form.js to app/assets/javascripts/

if your server is running restart to load new installation.

set controller and model like

projects_controller.rb

class ProjectsController < ApplicationController
def index
@projects=Project.all
end

def new
@project=Project.new
@project.tasks.build
end

def create
@project=Project.new(params[:project])
@project.save
flash[:notice] = "Successfully Created project."
redirect_to projects_path
end

def edit
@project=Project.find(params[:id])
end

def update
@project=Project.find(params[:id])
@project.update_attributes(params[:project])
flash[:notice] = "Record Successfully updated"
redirect_to projects_path
end

def destroy
@project=Project.find(params[:id])
@project.destroy
redirect_to projects_path
end

end

in project.rb

class Project < ActiveRecord::Base
has_many :tasks, :dependent => :destroy
attr_accessible :tasks_attributes,:name, :description
accepts_nested_attributes_for :tasks, :allow_destroy => true

validates :name, :presence => true
end

in task.rb


class Task < ActiveRecord::Base
belongs_to :project
end

in my views/projects/_form.html.erb


<%= nested_form_for @project do |f| %>

<%= f.label :name %>
<%= f.text_field(:name) %>

<%= f.label :description %>
<%= f.text_field(:description) %>

 Tasks
<%= f.fields_for :tasks do |task| %>
<%= task.label :name %>

<%= task.text_field :name %>

<%= task.link_to_remove "Remove this task" %>
<% end %>
<%= f.link_to_add "Add a task", :tasks %>
<%= f.submit %>
<% end %>

f.fields_for :tasks render the partial file “task_fields” create partial file name as _task_fields.html.erb in views/projects/

and include the nested fields.

while click “link_to_add’, “link_to_remove” it calls the addField removeField in nested_forms.js file.

Nested form fields are added via javascript.

thanks..

Animeted Menu Bar

sanmugasundaram — Thu, 12 Jan 2012 05:17:35 +0000

Hi,

i am learning css, i created simple Animated menu bar, let see

first create the menu link like




Testing menu







Image1
Image2
Image3
Image4
Image5
Image6
Image7
Image8

i included here reset.css. This css used to reset all the default properties for the element. Then we write the our own css to over write the existing css setting.

in my reset.css


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

In my menu.css file


#container{
width:500px;
margin:auto;
}
ul{
overflow:hidden;
line-height: 83px;
}
li{
float:left;
}
li a{
background:url(streaky.gif);
height:83px;
width:60px;
display:block;
text-indent: -999em;
}
li #image1{
background-position: 0px 0px;
width:46px;
}
li #image2{
background-position: -46px 0px;
width:52px;
}
li #image3{
background-position: -98px 0px;
width:73px;
}
li #image4{
background-position: -171px 0px;
width:72px;
}
li #image5{
background-position: -241px 0px;
width:59px;
}
li #image6{
background-position: -300px 0px;
width:82px;
}
li #image7{
background-position: -382px 0px;
width:56px;
}
li #image8{
background-position: -438px 0px;
width:44px;
}

li #image1:hover{
background-position: 0px -83px;
width:46px;
}
li #image2:hover{
background-position: -46px -83px;
width:52px;
}
li #image3:hover{
background-position: -98px -83px;
width:73px;
}
li #image4:hover{
background-position: -171px -83px;
width:72px;
}
li #image5:hover{
background-position: -241px -83px;
width:59px;
}
li #image6:hover{
background-position: -300px -83px;
width:82px;
}
li #image7:hover{
background-position: -382px -83px;
width:56px;
}
li #image8:hover{
background-position: -438px -83px;
width:44px;
}

This image i used to show animate

It is not hard. First i set this image to link background, then i only change the image position for every link.

that’s it..:)

Do it while move mouse on the image it show as animation. like above images..

thanks–

Create a Custom Blocks in Drupal6

sanmugasundaram — Tue, 04 Oct 2011 17:14:26 +0000

Hi,

i just go through the hook_block and create a custom block in drupal 6. The custom module file as follows,

The custom.info file as


; $Id: shan.info,v 1.0 2011/10/04 19:32:28 Exp $
name = custom
description = this is my custom test module.
package = custom modules
core = 6.x

The custom.module file as


/**
* Implementation of hook_block()
*/
function custom_block($op='list', $delta=0, $edit=array()) {
switch ($op) {
// Declare the list of blocks to create
case 'list':
$blocks = array();
$blocks['custom_block1'] = array(
'info' => t('custom_block1 information'),
);
$blocks['custom_block2'] = array(
'info' => t('custom_block2 information'),
);

return $blocks;
// in this case assign the content for the listed block
case 'view':
switch ($delta) {
case 'custom_block1':
// assign the value for the custom blocak one.
$block = array(
'subject' => t('Title of custom block1'),
'content' => "content of custom_block one" ,
);
break;
case 'custom_block2':
// assign the value for the custom blocak two.
$block = array(
'subject' => t('Title of custom block2'),
'content' => "content of custom_block two" ,
);
break;
}
// all the value of the block passed in this variable $block
return $block;
}

}

Make the both files in custom folder as past the module in /sites/all/modules/custom. Install the custom module, now the two custom block created in block like

Now assign the blocks to region required region. i assigned the blocks to right slider bar it shows block content like

Thanks..

shan

Create a Custom Region in Drupal6

sanmugasundaram — Thu, 01 Sep 2011 10:24:26 +0000

hi,

i created a custom region in drupal6. i used the Zen based Airyblue Theme.

Default available region in this theme included in themename.info file. If is not available in this file, you first include the available region.


regions[sidebar_first]  = first sidebar
regions[sidebar_second] = second sidebar
regions[navbar]         = navigation bar
regions[content_top]    = content top
regions[content_bottom] = content bottom
regions[footer]         = footer
regions[closure_region] = closure

i add the new custom region in themename.info file name as “header-right” like below


regions[sidebar_first]  = first sidebar
regions[sidebar_second] = second sidebar
regions[navbar]         = navigation bar
regions[content_top]    = content top
regions[content_bottom] = content bottom
regions[footer]         = footer
regions[closure_region] = closure
regions[header_right] = header-right

now the new region display in block. Then where you want the new custom region to appear in your page, included in page.tpl.php. i include the block below the header.

Write the css for this

#header-right
{
float: right; /* LTR */
width: 120px;
margin-top: -87px;
margin-left: 0; /* LTR */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #header-right-inner. */

}

#header-right-inner
{
margin: 0 18px 0 0; /* LTR */
padding: 0;

}

Now the new region displayed in the top right corner like,

now assign the block for this region. It will show like

thanks,

Simple News and events in drupal block

sanmugasundaram — Mon, 08 Aug 2011 16:53:43 +0000

hi,

This is the php code for create a simple news and event in page or block in drupal.


3){ $img="";}
echo "".$row['title'].$img.""."
";

}
?>

First create a content type name as “News”. Then create a pages in news content type. Now we want to get the news content type title (News event title) from the database,And display as block or page. Enable the “Phpfilter” module, now we can see new input format, in a page or new block past the code and choose the input format as php. Now it will show as,

நன்றி …

சண்முகசுந்தரம்.க

Start to learn Drupal

sanmugasundaram — Tue, 12 Jul 2011 18:23:40 +0000

hi,

today i simply start to learn Drupal. i download Drupal-6 from drupal site http://drupal.org/download.

Then followed the necessary steps to install the Drupal in my laptop.

i hope, i will create a good site soon…..

i completed MCA!!

sanmugasundaram — Sat, 25 Jun 2011 18:28:35 +0000

hi,

i have completed my MCA Degree..

i enjoyed and learned lot of things in my college life. i do not know how college life moved.

i miss my college life…..

i miss my college friends…..

!!!!!!!!!!!!!!!

Error while installing nokogiri gem

sanmugasundaram — Fri, 10 Jun 2011 03:19:26 +0000

I try to install nokogiri gem in rails3, i faced following error

nokogiri requires two libraries as libxslt-dev,libxml2-dev

sudo apt-get install libxslt-dev libxml2-dev

Then install nokogiri,

sudo gem install nokogiri

now its installed fine. to know more visit here,

http://nokogiri.org/tutorials/installing_nokogiri.html

thanks…

Destroy not working in rails

sanmugasundaram — Sat, 02 Apr 2011 05:03:08 +0000

in my rails application i changed my JavaScript connection in my application.html.erb

before


<%= javascript_include_tag :default %>

i include my new jquery file like


<%= javascript_include_tag 'jquery.mobile-1.0a1.min' %>

now in my application destroy function not working while i click destroy button it goes to edit page.

then some struggle i got the inner JavaScript function need default JavaScript file such as jquery.js and rails.js .

just include the both file in application.html.erb file like


<%= javascript_include_tag 'jquery.mobile-1.0a1.min','jquery','rails' %>

now its works successfully..

thanks…