Alert with 3 button

Rails
1

When you click [x] the close button, will show the alert with 3 button
like below picture:

Show dialog message

Do you want to save changes?
All details will be lost if you don’t save them.

             Dont' save | cancel | save

=================================================

I am using jquery colorbox, the code as below:

[X]

  <b>Do you want to save changes?</b>
  All details will be lost if you don't save them.
  <br/><br/>
  <%= link_to "Don't Save", main_screen_main_path %> |
  <a href="javascript:parent.$.colorbox.close()">cancel</a> |
  <%= submit_tag "save" %>

</div>

Problem:
When I click “Save” button, it does’t works…
What code should I write like :onsubmit => ?? ?
(I am weak for javascript)…

Thanks.

2

On Thu, Jan 12, 2012 at 12:23 AM, Joachim C.
[email protected]wrote:

Problem:
When I click “Save” button, it does’t works…
What code should I write like :onsubmit => ?? ?
(I am weak for javascript)…

Thanks.

You are trying to save a form?

Javier

3

Javier Q. wrote in post #1040503:

On Thu, Jan 12, 2012 at 12:23 AM, Joachim C.
[email protected]wrote:

Problem:
When I click “Save” button, it does’t works…
What code should I write like :onsubmit => ?? ?
(I am weak for javascript)…

Thanks.

You are trying to save a form?

Javier

Yes, a page has many form to fill. when you click [x] close button, it
appear the dialog as above. When I try to click ‘save’ button, it won’t
works…

4

On Thu, Jan 12, 2012 at 2:08 PM, Joachim C. [email protected]
wrote:

     <div id='inline_content'>
 </td>

name: <%= text_field_tag :name, params[:name] %>
Description:
<%= text_area_tag :description, params[:description], :rows => 3 %>
<% end %>

By form_id I meant the ID of the form (you can view that by checking the
source code). I guess it is new_action_tasks, but this is an ID
generated
by rails, you can give it a value by sending it like “:id=> my_id”
inside
form_tag

I suggest this cast #136 jQuery - RailsCasts

I might give you an idea of what I’m saying :slight_smile:

Javier

5

On Thu, Jan 12, 2012 at 12:04 PM, Joachim C.
[email protected]wrote:

Yes, a page has many form to fill. when you click [x] close button, it
appear the dialog as above. When I try to click ‘save’ button, it won’t
works…

–

Well then, the easiest way of doing that is:

  • inside the function that grabs the “save” action

    $(“#form_id”).submit();

I’m not really sure the way colorbox works, what I gave works for
example:

<%= link_to “save”, “#”, :remote=>true, :onclick=>“save_with_click”%>

function save_with_click(){
$(“#form_id”).submit();
}

I think you can do the same with your submit button

Javier

6

Hi Javier,

I think I don’t use colorbox now…

so, do you know to use jQuery Impromptu??
http://trentrichardson.com/Impromptu/index.php

7

Javier Q. wrote in post #1040531:

On Thu, Jan 12, 2012 at 12:04 PM, Joachim C.
[email protected]wrote:

Yes, a page has many form to fill. when you click [x] close button, it
appear the dialog as above. When I try to click ‘save’ button, it won’t
works…

–

Well then, the easiest way of doing that is:

  • inside the function that grabs the “save” action

    $(“#form_id”).submit();

I’m not really sure the way colorbox works, what I gave works for
example:

<%= link_to “save”, “#”, :remote=>true, :onclick=>“save_with_click”%>

function save_with_click(){
$(“#form_id”).submit();
}

I think you can do the same with your submit button

Javier

Ok, I give you the simple code… Hope you can teach me… Thank you.
Where should I place “form_id”??

<%= form_tag action_tasks_path do %>

[X]
Do you want to save changes made to this job?
All details will be lost if you don't save them.

<%= link_to "Don't Save", main_home_path %> | close| <%= link_to "save", "#", :remote => true, :onclick => "save_with_click"%>

name: <%= text_field_tag :name, params[:name] %>
Description:
<%= text_area_tag :description, params[:description], :rows => 3 %>
<% end %>

8

Yeah, I can do it.

<%= link_to “save”, “#”, :remote=>true, :onclick=>“save_with_click”%>
function save_with_click(){
$("#form_id").submit();
}

change to:

<%= form_tag save_file_path, :id => ‘mysubmitform’ do %>
…

save

…
<% end %>

This function can works for me!! I am using jquery colorbox.
Thank you, Javier.

9

On Sat, Jan 14, 2012 at 4:11 AM, Joachim C. [email protected]
wrote:

…
<% end %>

This function can works for me!! I am using jquery colorbox.
Thank you, Javier.

Glad to hear that :slight_smile:
I tought you jus wanted to save it via AJAX that’s why I use that remote
true, you can do that label using rails. Also that
:id=>“mysubmitform”
may not be needed, just check the id of the form using a debugger
(firebug
in firefox or the one that comes in chrome).

Javier