whowish_word 0.3.1 → 0.3.2
Sign up to get free protection for your applications and to get access to all the features.
- data/.gitignore +5 -5
- data/.loadpath +5 -5
- data/.project +18 -17
- data/Gemfile +2 -2
- data/HOW_TO_BUILD_WHOWISH_HOOK.md +9 -9
- data/ISSUE.md +93 -93
- data/README.md +208 -208
- data/lib/whowish_word/action_controller/base.rb +44 -44
- data/lib/whowish_word/action_mailer/base.rb +11 -11
- data/lib/whowish_word/action_view/base.rb +70 -70
- data/lib/whowish_word/action_view/template.rb +30 -30
- data/lib/whowish_word/authentication.rb +13 -13
- data/lib/whowish_word/config.rb +21 -21
- data/lib/whowish_word/constant.rb +8 -8
- data/lib/whowish_word/db_migration/active_record/whowish_word_html.rb +14 -14
- data/lib/whowish_word/db_migration/mongoid/whowish_word_html.rb +5 -5
- data/lib/whowish_word/initializer.rb +52 -52
- data/lib/whowish_word/rails/app/controllers/whowish_word_controller.rb +60 -60
- data/lib/whowish_word/rails/app/models/active_record/whowish_word_html.rb +3 -3
- data/lib/whowish_word/rails/app/models/mongoid/whowish_word_html.rb +8 -8
- data/lib/whowish_word/rails/public/javascripts/0_jquery-1.6.4-whowish_word.js +9046 -9046
- data/lib/whowish_word/rails/public/javascripts/1_csrf_token_hook.js +9 -9
- data/lib/whowish_word/rails/public/javascripts/1_jquery.loading_button.js +66 -66
- data/lib/whowish_word/rails/public/javascripts/2_whowish_word_variables.js +33 -33
- data/lib/whowish_word/rails/public/javascripts/3_whowish_word_dialog.js +136 -136
- data/lib/whowish_word/rails/public/javascripts/3_whowish_word_helper.js +116 -116
- data/lib/whowish_word/rails/public/javascripts/4_whowish_word_creator.js +69 -69
- data/lib/whowish_word/whowish_word.rb +41 -41
- data/lib/whowish_word/word_for.rb +93 -93
- data/rails/Gemfile +18 -18
- data/rails/Gemfile.lock +63 -64
- data/rails/app/controllers/application_controller.rb +22 -22
- data/rails/app/controllers/home_controller.rb +8 -8
- data/rails/app/views/home/index.html.erb +109 -109
- data/rails/app/views/home/static_edit.html.erb +50 -50
- data/rails/app/views/home/static_edit_select.html.erb +8 -8
- data/rails/app/views/integration/attr.html.erb +1 -1
- data/rails/app/views/integration/index.html.erb +1 -1
- data/rails/app/views/integration/select.html.erb +3 -3
- data/rails/app/views/integration/value.html.erb +1 -1
- data/rails/app/views/layouts/integration.html.erb +14 -14
- data/rails/app/views/layouts/main.html.erb +13 -13
- data/rails/app/views/layouts/nested_test_word_for.html.erb +17 -17
- data/rails/app/views/layouts/test_javascript.html.erb +13 -13
- data/rails/app/views/layouts/test_word_for.html.erb +24 -24
- data/rails/app/views/test_javascript/change_value.html.erb +32 -32
- data/rails/app/views/test_javascript/index.html.erb +87 -87
- data/rails/app/views/test_javascript/replace_with_html.html.erb +96 -96
- data/rails/app/views/test_word_for/_partial.html.erb +4 -4
- data/rails/app/views/test_word_for/index.html.erb +8 -8
- data/rails/config/application.rb +30 -30
- data/rails/config/boot.rb +9 -9
- data/rails/config/database.yml +24 -24
- data/rails/config/environment.rb +16 -16
- data/rails/config/initializers/whowish_word.rb +3 -3
- data/rails/config/mongoid.rb +6 -6
- data/rails/config/mongoid.yml +14 -14
- data/rails/config/routes.rb +7 -7
- data/rails/config.ru +4 -4
- data/rails/log/.gitignore +1 -1
- data/rails/mongo.bat +4 -4
- data/rails/public/javascripts/jquery.loading_button.js +72 -72
- data/rails/public/test/jquery_version.html +26 -26
- data/rails/script/rails +6 -6
- data/rails/spec/controllers/whowish_word_controller_spec.rb +55 -55
- data/rails/spec/integration/whowish_word_generator_spec.rb +139 -139
- data/rails/spec/integration/whowish_word_spec.rb +116 -116
- data/rails/spec/spec_helper.rb +34 -36
- data/rails/spec/support/browser.rb +193 -193
- data/rails/spec/support/json_rspec_helper.rb +8 -8
- data/rails/spec/support/mongoid_helper.rb +9 -9
- data/spec/spec_helper.rb +17 -19
- data/spec/unit/word_for_attr_in_edit_mode_spec.rb +43 -43
- data/spec/unit/word_for_attr_spec.rb +43 -43
- data/spec/unit/word_for_in_edit_mode_spec.rb +43 -43
- data/spec/unit/word_for_spec.rb +43 -43
- data/whowish_word.gemspec +21 -21
- metadata +73 -4
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
2
|
-
<html>
|
|
3
|
-
<head>
|
|
4
|
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
5
|
-
<title>Rails testing for whowish_word</title>
|
|
6
|
-
<%= csrf_meta_tag%>
|
|
7
|
-
<%= javascript_include_tag "jquery-1.6.4.js" %>
|
|
8
|
-
<%= whowish_word_javascript_and_css %>
|
|
9
|
-
<%= stylesheet_link_tag "main.css"%>
|
|
10
|
-
</head>
|
|
11
|
-
<body>
|
|
12
|
-
<%= content_for?(:nested_layout) ? yield(:nested_layout) : yield %>
|
|
13
|
-
</body>
|
|
1
|
+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
5
|
+
<title>Rails testing for whowish_word</title>
|
|
6
|
+
<%= csrf_meta_tag%>
|
|
7
|
+
<%= javascript_include_tag "jquery-1.6.4.js" %>
|
|
8
|
+
<%= whowish_word_javascript_and_css %>
|
|
9
|
+
<%= stylesheet_link_tag "main.css"%>
|
|
10
|
+
</head>
|
|
11
|
+
<body>
|
|
12
|
+
<%= content_for?(:nested_layout) ? yield(:nested_layout) : yield %>
|
|
13
|
+
</body>
|
|
14
14
|
</html>
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
<%
|
|
2
|
-
content_for :nested_layout do
|
|
3
|
-
%>
|
|
4
|
-
<span id="nested_layout_before_yield"><%= word_for :text%></span>
|
|
5
|
-
|
|
6
|
-
<%=yield%>
|
|
7
|
-
|
|
8
|
-
<span id="nested_layout"><%= word_for :text%></span>
|
|
9
|
-
<span id="nested_layout_attr"><%= word_for_attr :text%></span>
|
|
10
|
-
|
|
11
|
-
<span id="nested_layout_with_variables"><%= word_for :text, :number=>5, :name=>"tanin" %></span>
|
|
12
|
-
<span id="nested_layout_attr_with_variables"><%= word_for_attr :text, :number=>5, :name=>"tanin"%></span>
|
|
13
|
-
<%
|
|
14
|
-
end
|
|
15
|
-
%>
|
|
16
|
-
|
|
17
|
-
<%= render :template => 'layouts/test_word_for' %>
|
|
1
|
+
<%
|
|
2
|
+
content_for :nested_layout do
|
|
3
|
+
%>
|
|
4
|
+
<span id="nested_layout_before_yield"><%= word_for :text%></span>
|
|
5
|
+
|
|
6
|
+
<%=yield%>
|
|
7
|
+
|
|
8
|
+
<span id="nested_layout"><%= word_for :text%></span>
|
|
9
|
+
<span id="nested_layout_attr"><%= word_for_attr :text%></span>
|
|
10
|
+
|
|
11
|
+
<span id="nested_layout_with_variables"><%= word_for :text, :number=>5, :name=>"tanin" %></span>
|
|
12
|
+
<span id="nested_layout_attr_with_variables"><%= word_for_attr :text, :number=>5, :name=>"tanin"%></span>
|
|
13
|
+
<%
|
|
14
|
+
end
|
|
15
|
+
%>
|
|
16
|
+
|
|
17
|
+
<%= render :template => 'layouts/test_word_for' %>
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
<%
|
|
2
|
-
content_for :nested_layout do
|
|
3
|
-
%>
|
|
4
|
-
<form autocomplete="off">
|
|
5
|
-
<div>
|
|
6
|
-
<%=yield%>
|
|
7
|
-
</div>
|
|
8
|
-
</form>
|
|
9
|
-
<%
|
|
10
|
-
end
|
|
11
|
-
%>
|
|
12
|
-
|
|
13
|
-
<%= render :template => 'layouts/main' %>
|
|
1
|
+
<%
|
|
2
|
+
content_for :nested_layout do
|
|
3
|
+
%>
|
|
4
|
+
<form autocomplete="off">
|
|
5
|
+
<div>
|
|
6
|
+
<%=yield%>
|
|
7
|
+
</div>
|
|
8
|
+
</form>
|
|
9
|
+
<%
|
|
10
|
+
end
|
|
11
|
+
%>
|
|
12
|
+
|
|
13
|
+
<%= render :template => 'layouts/main' %>
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
2
|
-
<html>
|
|
3
|
-
<head>
|
|
4
|
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
5
|
-
<title>Rails testing for whowish_word</title>
|
|
6
|
-
<style>
|
|
7
|
-
body > span {
|
|
8
|
-
display: block;
|
|
9
|
-
}
|
|
10
|
-
</style>
|
|
11
|
-
<%= stylesheet_link_tag "whowish_word.css"%>
|
|
12
|
-
</head>
|
|
13
|
-
<body>
|
|
14
|
-
|
|
15
|
-
<span id="layout_before_nested_layout"><%= word_for :text%></span>
|
|
16
|
-
|
|
17
|
-
<%= content_for?(:nested_layout) ? yield(:nested_layout) : yield %>
|
|
18
|
-
|
|
19
|
-
<span id="layout"><%= word_for :text%></span>
|
|
20
|
-
<span id="layout_attr"><%= word_for_attr :text%></span>
|
|
21
|
-
|
|
22
|
-
<span id="layout_with_variables"><%= word_for :text, :number=>5, :name=>"tanin" %></span>
|
|
23
|
-
<span id="layout_attr_with_variables"><%= word_for_attr :text, :number=>5, :name=>"tanin"%></span>
|
|
24
|
-
</body>
|
|
1
|
+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
5
|
+
<title>Rails testing for whowish_word</title>
|
|
6
|
+
<style>
|
|
7
|
+
body > span {
|
|
8
|
+
display: block;
|
|
9
|
+
}
|
|
10
|
+
</style>
|
|
11
|
+
<%= stylesheet_link_tag "whowish_word.css"%>
|
|
12
|
+
</head>
|
|
13
|
+
<body>
|
|
14
|
+
|
|
15
|
+
<span id="layout_before_nested_layout"><%= word_for :text%></span>
|
|
16
|
+
|
|
17
|
+
<%= content_for?(:nested_layout) ? yield(:nested_layout) : yield %>
|
|
18
|
+
|
|
19
|
+
<span id="layout"><%= word_for :text%></span>
|
|
20
|
+
<span id="layout_attr"><%= word_for_attr :text%></span>
|
|
21
|
+
|
|
22
|
+
<span id="layout_with_variables"><%= word_for :text, :number=>5, :name=>"tanin" %></span>
|
|
23
|
+
<span id="layout_attr_with_variables"><%= word_for_attr :text, :number=>5, :name=>"tanin"%></span>
|
|
24
|
+
</body>
|
|
25
25
|
</html>
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
<span style="width:600px;">
|
|
2
|
-
<p>This page tests changing value of a textbox and a textarea to some constant before running WhowishWord.</p>
|
|
3
|
-
|
|
4
|
-
<p>
|
|
5
|
-
I have found out that changing value through Javascript does not actually change the value of the attribute 'value'.
|
|
6
|
-
</p>
|
|
7
|
-
|
|
8
|
-
<p>
|
|
9
|
-
This causes problem in the previous version because it detects that the attribute 'value' needs a WhowishWord, but
|
|
10
|
-
when the value of the element is retrieved, it does not conform with WhowishWord edit format.
|
|
11
|
-
</p>
|
|
12
|
-
|
|
13
|
-
<p>
|
|
14
|
-
So, <i>WhowishWordElementCreator</i> explicitly exclude the attribute 'value'
|
|
15
|
-
and let <i>WhowishWordValueCreator</i> deals with it.<br/>
|
|
16
|
-
</p>
|
|
17
|
-
</span>
|
|
18
|
-
<span>
|
|
19
|
-
<b>Textbox: </b> <input type="textbox" id="change_textbox"
|
|
20
|
-
title="__whowishWord_______title_textbox|name,value_____title"
|
|
21
|
-
value="__whowishWord_______value_textbox|name,value_____value"
|
|
22
|
-
placeholder="__whowishWord_______placeholder_textbox|name,value_____placeholder">
|
|
23
|
-
</span>
|
|
24
|
-
<span>
|
|
25
|
-
<b>Textarea: </b> <textarea id="change_textarea"
|
|
26
|
-
title="__whowishWord_______title_textarea|name,value_____title"
|
|
27
|
-
placeholder="__whowishWord_______placeholder_textarea|name,value_____placeholder">__whowishWord_______value_textarea|name,value_____value</textarea>
|
|
28
|
-
</span>
|
|
29
|
-
<script type="text/javascript">
|
|
30
|
-
$('#change_textbox').val("something else");
|
|
31
|
-
$('#change_textarea').val("something other than this");
|
|
32
|
-
</script>
|
|
1
|
+
<span style="width:600px;">
|
|
2
|
+
<p>This page tests changing value of a textbox and a textarea to some constant before running WhowishWord.</p>
|
|
3
|
+
|
|
4
|
+
<p>
|
|
5
|
+
I have found out that changing value through Javascript does not actually change the value of the attribute 'value'.
|
|
6
|
+
</p>
|
|
7
|
+
|
|
8
|
+
<p>
|
|
9
|
+
This causes problem in the previous version because it detects that the attribute 'value' needs a WhowishWord, but
|
|
10
|
+
when the value of the element is retrieved, it does not conform with WhowishWord edit format.
|
|
11
|
+
</p>
|
|
12
|
+
|
|
13
|
+
<p>
|
|
14
|
+
So, <i>WhowishWordElementCreator</i> explicitly exclude the attribute 'value'
|
|
15
|
+
and let <i>WhowishWordValueCreator</i> deals with it.<br/>
|
|
16
|
+
</p>
|
|
17
|
+
</span>
|
|
18
|
+
<span>
|
|
19
|
+
<b>Textbox: </b> <input type="textbox" id="change_textbox"
|
|
20
|
+
title="__whowishWord_______title_textbox|name,value_____title"
|
|
21
|
+
value="__whowishWord_______value_textbox|name,value_____value"
|
|
22
|
+
placeholder="__whowishWord_______placeholder_textbox|name,value_____placeholder">
|
|
23
|
+
</span>
|
|
24
|
+
<span>
|
|
25
|
+
<b>Textarea: </b> <textarea id="change_textarea"
|
|
26
|
+
title="__whowishWord_______title_textarea|name,value_____title"
|
|
27
|
+
placeholder="__whowishWord_______placeholder_textarea|name,value_____placeholder">__whowishWord_______value_textarea|name,value_____value</textarea>
|
|
28
|
+
</span>
|
|
29
|
+
<script type="text/javascript">
|
|
30
|
+
$('#change_textbox').val("something else");
|
|
31
|
+
$('#change_textarea').val("something other than this");
|
|
32
|
+
</script>
|
|
@@ -1,87 +1,87 @@
|
|
|
1
|
-
<span style="width:600px;">
|
|
2
|
-
<p>This is the page that tests every element.</p>
|
|
3
|
-
</span>
|
|
4
|
-
<span>
|
|
5
|
-
<b>Text: </b> <dfn>__whowishWord_______text_text|name,value_____text</dfn>
|
|
6
|
-
</span>
|
|
7
|
-
<span>
|
|
8
|
-
<b>Bullet: </b> <ul>
|
|
9
|
-
<li><dfn>__whowishWord_______text_text|name,value_____text</dfn></li>
|
|
10
|
-
<li><dfn>__whowishWord_______text_text|name,value_____text</dfn></li>
|
|
11
|
-
</ul>
|
|
12
|
-
</span>
|
|
13
|
-
<span>
|
|
14
|
-
<b>Anchor: </b> <a href="#"><dfn>__whowishWord_______text_text|name,value_____text</dfn></a>
|
|
15
|
-
</span>
|
|
16
|
-
<span>
|
|
17
|
-
<b>Label: </b> <label for="some_textbox">__whowishWord_______text_label|name,value_____text</label>
|
|
18
|
-
<input type="text" name="some_textbox">
|
|
19
|
-
</span>
|
|
20
|
-
<span>
|
|
21
|
-
<b>Textbox: </b> <input type="textbox"
|
|
22
|
-
title="__whowishWord_______title_textbox|name,value_____title"
|
|
23
|
-
value="__whowishWord_______value_textbox|name,value_____value"
|
|
24
|
-
placeholder="__whowishWord_______placeholder_textbox|name,value_____placeholder">
|
|
25
|
-
</span>
|
|
26
|
-
<span>
|
|
27
|
-
<b>Textarea: </b> <textarea
|
|
28
|
-
title="__whowishWord_______title_textarea|name,value_____title"
|
|
29
|
-
placeholder="__whowishWord_______placeholder_textarea|name,value_____placeholder">__whowishWord_______value_textarea|name,value_____value</textarea>
|
|
30
|
-
</span>
|
|
31
|
-
<span>
|
|
32
|
-
<b>Checkbox: </b> <input type="checkbox"
|
|
33
|
-
title="__whowishWord_______title_checkbox|name,value_____title"
|
|
34
|
-
value="__whowishWord_______value_checkbox|name,value_____value">
|
|
35
|
-
</span>
|
|
36
|
-
<span>
|
|
37
|
-
<b>Radio: </b> <input type="radio"
|
|
38
|
-
title="__whowishWord_______title_radio|name,value_____title"
|
|
39
|
-
value="__whowishWord_______value_radio|name,value_____value">
|
|
40
|
-
</span>
|
|
41
|
-
<span>
|
|
42
|
-
<b>Select: </b> <select title="__whowishWord_______title_select|name,value_____title">
|
|
43
|
-
<option value="__whowishWord_______option_value_0|name,value_____value_0">__whowishWord_______option_text_0_____text_0</option>
|
|
44
|
-
<option value="__whowishWord_______option_value_1|name,value_____value_1">__whowishWord_______option_text_1_____text_1</option>
|
|
45
|
-
</select>
|
|
46
|
-
</span>
|
|
47
|
-
<span>
|
|
48
|
-
<b>Button(Input): </b> <input type="button"
|
|
49
|
-
title="__whowishWord_______title_input_button|name,value_____title"
|
|
50
|
-
value="__whowishWord_______value_input_button|name,value_____value" >
|
|
51
|
-
</span>
|
|
52
|
-
<span>
|
|
53
|
-
<b>Submit(Input): </b> <input type="submit"
|
|
54
|
-
title="__whowishWord_______title_input_submit|name,value_____title"
|
|
55
|
-
value="__whowishWord_______value_input_submit|name,value_____value" >
|
|
56
|
-
</span>
|
|
57
|
-
<span>
|
|
58
|
-
<b>Button: </b> <button title="__whowishWord_______title_button|name,value_____title">__whowishWord_______value_button|name,value_____value</button>
|
|
59
|
-
</span>
|
|
60
|
-
<span>
|
|
61
|
-
<b>Late Text: </b> <span id="late_text"></span>
|
|
62
|
-
|
|
63
|
-
<script type="text/javascript">
|
|
64
|
-
|
|
65
|
-
setTimeout(function() {
|
|
66
|
-
$('#late_text').html("<dfn>__whowishWord_______text_late_text|name,value_____text</dfn>");
|
|
67
|
-
},5000);
|
|
68
|
-
|
|
69
|
-
</script>
|
|
70
|
-
</span>
|
|
71
|
-
<span>
|
|
72
|
-
<b>Late Textbox: </b> <input type="textbox" id="late_textbox"
|
|
73
|
-
title="title"
|
|
74
|
-
value="value"
|
|
75
|
-
placeholder="placeholder">
|
|
76
|
-
|
|
77
|
-
<script type="text/javascript">
|
|
78
|
-
|
|
79
|
-
setTimeout(function() {
|
|
80
|
-
$('#late_textbox').attr("title","__whowishWord_______title_late_textbox|name,value_____title");
|
|
81
|
-
$('#late_textbox').attr("value","__whowishWord_______value_late_textbox|name,value_____value");
|
|
82
|
-
$('#late_textbox').attr("placeholder","__whowishWord_______placeholder_late_textbox|name,value_____placeholder");
|
|
83
|
-
},5000);
|
|
84
|
-
|
|
85
|
-
</script>
|
|
86
|
-
</span>
|
|
87
|
-
|
|
1
|
+
<span style="width:600px;">
|
|
2
|
+
<p>This is the page that tests every element.</p>
|
|
3
|
+
</span>
|
|
4
|
+
<span>
|
|
5
|
+
<b>Text: </b> <dfn>__whowishWord_______text_text|name,value_____text</dfn>
|
|
6
|
+
</span>
|
|
7
|
+
<span>
|
|
8
|
+
<b>Bullet: </b> <ul>
|
|
9
|
+
<li><dfn>__whowishWord_______text_text|name,value_____text</dfn></li>
|
|
10
|
+
<li><dfn>__whowishWord_______text_text|name,value_____text</dfn></li>
|
|
11
|
+
</ul>
|
|
12
|
+
</span>
|
|
13
|
+
<span>
|
|
14
|
+
<b>Anchor: </b> <a href="#"><dfn>__whowishWord_______text_text|name,value_____text</dfn></a>
|
|
15
|
+
</span>
|
|
16
|
+
<span>
|
|
17
|
+
<b>Label: </b> <label for="some_textbox">__whowishWord_______text_label|name,value_____text</label>
|
|
18
|
+
<input type="text" name="some_textbox">
|
|
19
|
+
</span>
|
|
20
|
+
<span>
|
|
21
|
+
<b>Textbox: </b> <input type="textbox"
|
|
22
|
+
title="__whowishWord_______title_textbox|name,value_____title"
|
|
23
|
+
value="__whowishWord_______value_textbox|name,value_____value"
|
|
24
|
+
placeholder="__whowishWord_______placeholder_textbox|name,value_____placeholder">
|
|
25
|
+
</span>
|
|
26
|
+
<span>
|
|
27
|
+
<b>Textarea: </b> <textarea
|
|
28
|
+
title="__whowishWord_______title_textarea|name,value_____title"
|
|
29
|
+
placeholder="__whowishWord_______placeholder_textarea|name,value_____placeholder">__whowishWord_______value_textarea|name,value_____value</textarea>
|
|
30
|
+
</span>
|
|
31
|
+
<span>
|
|
32
|
+
<b>Checkbox: </b> <input type="checkbox"
|
|
33
|
+
title="__whowishWord_______title_checkbox|name,value_____title"
|
|
34
|
+
value="__whowishWord_______value_checkbox|name,value_____value">
|
|
35
|
+
</span>
|
|
36
|
+
<span>
|
|
37
|
+
<b>Radio: </b> <input type="radio"
|
|
38
|
+
title="__whowishWord_______title_radio|name,value_____title"
|
|
39
|
+
value="__whowishWord_______value_radio|name,value_____value">
|
|
40
|
+
</span>
|
|
41
|
+
<span>
|
|
42
|
+
<b>Select: </b> <select title="__whowishWord_______title_select|name,value_____title">
|
|
43
|
+
<option value="__whowishWord_______option_value_0|name,value_____value_0">__whowishWord_______option_text_0_____text_0</option>
|
|
44
|
+
<option value="__whowishWord_______option_value_1|name,value_____value_1">__whowishWord_______option_text_1_____text_1</option>
|
|
45
|
+
</select>
|
|
46
|
+
</span>
|
|
47
|
+
<span>
|
|
48
|
+
<b>Button(Input): </b> <input type="button"
|
|
49
|
+
title="__whowishWord_______title_input_button|name,value_____title"
|
|
50
|
+
value="__whowishWord_______value_input_button|name,value_____value" >
|
|
51
|
+
</span>
|
|
52
|
+
<span>
|
|
53
|
+
<b>Submit(Input): </b> <input type="submit"
|
|
54
|
+
title="__whowishWord_______title_input_submit|name,value_____title"
|
|
55
|
+
value="__whowishWord_______value_input_submit|name,value_____value" >
|
|
56
|
+
</span>
|
|
57
|
+
<span>
|
|
58
|
+
<b>Button: </b> <button title="__whowishWord_______title_button|name,value_____title">__whowishWord_______value_button|name,value_____value</button>
|
|
59
|
+
</span>
|
|
60
|
+
<span>
|
|
61
|
+
<b>Late Text: </b> <span id="late_text"></span>
|
|
62
|
+
|
|
63
|
+
<script type="text/javascript">
|
|
64
|
+
|
|
65
|
+
setTimeout(function() {
|
|
66
|
+
$('#late_text').html("<dfn>__whowishWord_______text_late_text|name,value_____text</dfn>");
|
|
67
|
+
},5000);
|
|
68
|
+
|
|
69
|
+
</script>
|
|
70
|
+
</span>
|
|
71
|
+
<span>
|
|
72
|
+
<b>Late Textbox: </b> <input type="textbox" id="late_textbox"
|
|
73
|
+
title="title"
|
|
74
|
+
value="value"
|
|
75
|
+
placeholder="placeholder">
|
|
76
|
+
|
|
77
|
+
<script type="text/javascript">
|
|
78
|
+
|
|
79
|
+
setTimeout(function() {
|
|
80
|
+
$('#late_textbox').attr("title","__whowishWord_______title_late_textbox|name,value_____title");
|
|
81
|
+
$('#late_textbox').attr("value","__whowishWord_______value_late_textbox|name,value_____value");
|
|
82
|
+
$('#late_textbox').attr("placeholder","__whowishWord_______placeholder_late_textbox|name,value_____placeholder");
|
|
83
|
+
},5000);
|
|
84
|
+
|
|
85
|
+
</script>
|
|
86
|
+
</span>
|
|
87
|
+
|
|
@@ -1,96 +1,96 @@
|
|
|
1
|
-
<span style="width:600px;">
|
|
2
|
-
<p>This page tests replacing, hiding and showing content with raw html.</p>
|
|
3
|
-
|
|
4
|
-
<p>
|
|
5
|
-
I have found that if we move content by raw html, some variables bound with the element will be deleted.
|
|
6
|
-
This is because the elements are deleted and recreated.
|
|
7
|
-
|
|
8
|
-
WhowishWord solves that problem by storing all needed data in its hash instead with the element's id as a key.
|
|
9
|
-
</p>
|
|
10
|
-
|
|
11
|
-
</span>
|
|
12
|
-
<div id="all_elements">
|
|
13
|
-
<span>
|
|
14
|
-
<b>Text: </b> <dfn>__whowishWord_______text_text|name,value_____text</dfn>
|
|
15
|
-
</span>
|
|
16
|
-
<span>
|
|
17
|
-
<b>Label: </b> <label for="some_textbox">__whowishWord_______text_label|name,value_____text</label>
|
|
18
|
-
<input type="text" name="some_textbox">
|
|
19
|
-
</span>
|
|
20
|
-
<span>
|
|
21
|
-
<b>Textbox: </b> <input type="textbox"
|
|
22
|
-
title="__whowishWord_______title_textbox|name,value_____title"
|
|
23
|
-
value="__whowishWord_______value_textbox|name,value_____value"
|
|
24
|
-
placeholder="__whowishWord_______placeholder_textbox|name,value_____placeholder">
|
|
25
|
-
</span>
|
|
26
|
-
<span>
|
|
27
|
-
<b>Textarea: </b> <textarea
|
|
28
|
-
title="__whowishWord_______title_textarea|name,value_____title"
|
|
29
|
-
placeholder="__whowishWord_______placeholder_textarea|name,value_____placeholder">__whowishWord_______value_textarea|name,value_____value</textarea>
|
|
30
|
-
</span>
|
|
31
|
-
<span>
|
|
32
|
-
<b>Checkbox: </b> <input type="checkbox"
|
|
33
|
-
title="__whowishWord_______title_checkbox|name,value_____title"
|
|
34
|
-
value="__whowishWord_______value_checkbox|name,value_____value">
|
|
35
|
-
</span>
|
|
36
|
-
<span>
|
|
37
|
-
<b>Radio: </b> <input type="radio"
|
|
38
|
-
title="__whowishWord_______title_radio|name,value_____title"
|
|
39
|
-
value="__whowishWord_______value_radio|name,value_____value">
|
|
40
|
-
</span>
|
|
41
|
-
<span>
|
|
42
|
-
<b>Select: </b> <select title="__whowishWord_______title_select|name,value_____title">
|
|
43
|
-
<option value="__whowishWord_______option_value_0|name,value_____value_0">__whowishWord_______option_text_0_____text_0</option>
|
|
44
|
-
<option value="__whowishWord_______option_value_1|name,value_____value_1">__whowishWord_______option_text_1_____text_1</option>
|
|
45
|
-
</select>
|
|
46
|
-
</span>
|
|
47
|
-
<span>
|
|
48
|
-
<b>Button(Input): </b> <input type="button"
|
|
49
|
-
title="__whowishWord_______title_input_button|name,value_____title"
|
|
50
|
-
value="__whowishWord_______value_input_button|name,value_____value" >
|
|
51
|
-
</span>
|
|
52
|
-
<span>
|
|
53
|
-
<b>Submit(Input): </b> <input type="submit"
|
|
54
|
-
title="__whowishWord_______title_input_submit|name,value_____title"
|
|
55
|
-
value="__whowishWord_______value_input_submit|name,value_____value" >
|
|
56
|
-
</span>
|
|
57
|
-
<span>
|
|
58
|
-
<b>Button: </b> <button title="__whowishWord_______title_button|name,value_____title">__whowishWord_______value_button|name,value_____value</button>
|
|
59
|
-
</span>
|
|
60
|
-
<span>
|
|
61
|
-
<b>Late Text: </b> <span id="late_text"></span>
|
|
62
|
-
|
|
63
|
-
<script type="text/javascript">
|
|
64
|
-
|
|
65
|
-
setTimeout(function() {
|
|
66
|
-
$('#late_text').html("<dfn>__whowishWord_______text_late_text|name,value_____text</dfn>");
|
|
67
|
-
},5000);
|
|
68
|
-
|
|
69
|
-
</script>
|
|
70
|
-
</span>
|
|
71
|
-
<span>
|
|
72
|
-
<b>Late Textbox: </b> <input type="textbox" id="late_textbox"
|
|
73
|
-
title="title"
|
|
74
|
-
value="value"
|
|
75
|
-
placeholder="placeholder">
|
|
76
|
-
|
|
77
|
-
<script type="text/javascript">
|
|
78
|
-
|
|
79
|
-
setTimeout(function() {
|
|
80
|
-
$('#late_textbox').attr("title","__whowishWord_______title_late_textbox|name,value_____title");
|
|
81
|
-
$('#late_textbox').attr("value","__whowishWord_______value_late_textbox|name,value_____value");
|
|
82
|
-
$('#late_textbox').attr("placeholder","__whowishWord_______placeholder_late_textbox|name,value_____placeholder");
|
|
83
|
-
},5000);
|
|
84
|
-
|
|
85
|
-
</script>
|
|
86
|
-
</span>
|
|
87
|
-
</div><br/>
|
|
88
|
-
<input type="button" value="Replace all contents" onclick="replace_all_content();">
|
|
89
|
-
<script type="text/javascript">
|
|
90
|
-
function replace_all_content() {
|
|
91
|
-
$('#all_elements').html($('#all_elements').html());
|
|
92
|
-
}
|
|
93
|
-
</script>
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
1
|
+
<span style="width:600px;">
|
|
2
|
+
<p>This page tests replacing, hiding and showing content with raw html.</p>
|
|
3
|
+
|
|
4
|
+
<p>
|
|
5
|
+
I have found that if we move content by raw html, some variables bound with the element will be deleted.
|
|
6
|
+
This is because the elements are deleted and recreated.
|
|
7
|
+
|
|
8
|
+
WhowishWord solves that problem by storing all needed data in its hash instead with the element's id as a key.
|
|
9
|
+
</p>
|
|
10
|
+
|
|
11
|
+
</span>
|
|
12
|
+
<div id="all_elements">
|
|
13
|
+
<span>
|
|
14
|
+
<b>Text: </b> <dfn>__whowishWord_______text_text|name,value_____text</dfn>
|
|
15
|
+
</span>
|
|
16
|
+
<span>
|
|
17
|
+
<b>Label: </b> <label for="some_textbox">__whowishWord_______text_label|name,value_____text</label>
|
|
18
|
+
<input type="text" name="some_textbox">
|
|
19
|
+
</span>
|
|
20
|
+
<span>
|
|
21
|
+
<b>Textbox: </b> <input type="textbox"
|
|
22
|
+
title="__whowishWord_______title_textbox|name,value_____title"
|
|
23
|
+
value="__whowishWord_______value_textbox|name,value_____value"
|
|
24
|
+
placeholder="__whowishWord_______placeholder_textbox|name,value_____placeholder">
|
|
25
|
+
</span>
|
|
26
|
+
<span>
|
|
27
|
+
<b>Textarea: </b> <textarea
|
|
28
|
+
title="__whowishWord_______title_textarea|name,value_____title"
|
|
29
|
+
placeholder="__whowishWord_______placeholder_textarea|name,value_____placeholder">__whowishWord_______value_textarea|name,value_____value</textarea>
|
|
30
|
+
</span>
|
|
31
|
+
<span>
|
|
32
|
+
<b>Checkbox: </b> <input type="checkbox"
|
|
33
|
+
title="__whowishWord_______title_checkbox|name,value_____title"
|
|
34
|
+
value="__whowishWord_______value_checkbox|name,value_____value">
|
|
35
|
+
</span>
|
|
36
|
+
<span>
|
|
37
|
+
<b>Radio: </b> <input type="radio"
|
|
38
|
+
title="__whowishWord_______title_radio|name,value_____title"
|
|
39
|
+
value="__whowishWord_______value_radio|name,value_____value">
|
|
40
|
+
</span>
|
|
41
|
+
<span>
|
|
42
|
+
<b>Select: </b> <select title="__whowishWord_______title_select|name,value_____title">
|
|
43
|
+
<option value="__whowishWord_______option_value_0|name,value_____value_0">__whowishWord_______option_text_0_____text_0</option>
|
|
44
|
+
<option value="__whowishWord_______option_value_1|name,value_____value_1">__whowishWord_______option_text_1_____text_1</option>
|
|
45
|
+
</select>
|
|
46
|
+
</span>
|
|
47
|
+
<span>
|
|
48
|
+
<b>Button(Input): </b> <input type="button"
|
|
49
|
+
title="__whowishWord_______title_input_button|name,value_____title"
|
|
50
|
+
value="__whowishWord_______value_input_button|name,value_____value" >
|
|
51
|
+
</span>
|
|
52
|
+
<span>
|
|
53
|
+
<b>Submit(Input): </b> <input type="submit"
|
|
54
|
+
title="__whowishWord_______title_input_submit|name,value_____title"
|
|
55
|
+
value="__whowishWord_______value_input_submit|name,value_____value" >
|
|
56
|
+
</span>
|
|
57
|
+
<span>
|
|
58
|
+
<b>Button: </b> <button title="__whowishWord_______title_button|name,value_____title">__whowishWord_______value_button|name,value_____value</button>
|
|
59
|
+
</span>
|
|
60
|
+
<span>
|
|
61
|
+
<b>Late Text: </b> <span id="late_text"></span>
|
|
62
|
+
|
|
63
|
+
<script type="text/javascript">
|
|
64
|
+
|
|
65
|
+
setTimeout(function() {
|
|
66
|
+
$('#late_text').html("<dfn>__whowishWord_______text_late_text|name,value_____text</dfn>");
|
|
67
|
+
},5000);
|
|
68
|
+
|
|
69
|
+
</script>
|
|
70
|
+
</span>
|
|
71
|
+
<span>
|
|
72
|
+
<b>Late Textbox: </b> <input type="textbox" id="late_textbox"
|
|
73
|
+
title="title"
|
|
74
|
+
value="value"
|
|
75
|
+
placeholder="placeholder">
|
|
76
|
+
|
|
77
|
+
<script type="text/javascript">
|
|
78
|
+
|
|
79
|
+
setTimeout(function() {
|
|
80
|
+
$('#late_textbox').attr("title","__whowishWord_______title_late_textbox|name,value_____title");
|
|
81
|
+
$('#late_textbox').attr("value","__whowishWord_______value_late_textbox|name,value_____value");
|
|
82
|
+
$('#late_textbox').attr("placeholder","__whowishWord_______placeholder_late_textbox|name,value_____placeholder");
|
|
83
|
+
},5000);
|
|
84
|
+
|
|
85
|
+
</script>
|
|
86
|
+
</span>
|
|
87
|
+
</div><br/>
|
|
88
|
+
<input type="button" value="Replace all contents" onclick="replace_all_content();">
|
|
89
|
+
<script type="text/javascript">
|
|
90
|
+
function replace_all_content() {
|
|
91
|
+
$('#all_elements').html($('#all_elements').html());
|
|
92
|
+
}
|
|
93
|
+
</script>
|
|
94
|
+
|
|
95
|
+
|
|
96
|
+
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
<span id="partial"><%= word_for :text%></span>
|
|
2
|
-
<span id="partial_attr"><%= word_for_attr :text%></span>
|
|
3
|
-
|
|
4
|
-
<span id="partial_with_variables"><%= word_for :text, :number=>5, :name=>"tanin" %></span>
|
|
1
|
+
<span id="partial"><%= word_for :text%></span>
|
|
2
|
+
<span id="partial_attr"><%= word_for_attr :text%></span>
|
|
3
|
+
|
|
4
|
+
<span id="partial_with_variables"><%= word_for :text, :number=>5, :name=>"tanin" %></span>
|
|
5
5
|
<span id="partial_attr_with_variables"><%= word_for_attr :text, :number=>5, :name=>"tanin"%></span>
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
<span id="view_before_partial"><%= word_for :text%></span>
|
|
2
|
-
|
|
3
|
-
<%= render :partial=>"partial"%>
|
|
4
|
-
|
|
5
|
-
<span id="view"><%= word_for :text%></span>
|
|
6
|
-
<span id="view_attr"><%= word_for_attr :text%></span>
|
|
7
|
-
|
|
8
|
-
<span id="view_with_variables"><%= word_for :text, :number=>5, :name=>"tanin" %></span>
|
|
1
|
+
<span id="view_before_partial"><%= word_for :text%></span>
|
|
2
|
+
|
|
3
|
+
<%= render :partial=>"partial"%>
|
|
4
|
+
|
|
5
|
+
<span id="view"><%= word_for :text%></span>
|
|
6
|
+
<span id="view_attr"><%= word_for_attr :text%></span>
|
|
7
|
+
|
|
8
|
+
<span id="view_with_variables"><%= word_for :text, :number=>5, :name=>"tanin" %></span>
|
|
9
9
|
<span id="view_attr_with_variables"><%= word_for_attr :text, :number=>5, :name=>"tanin"%></span>
|