From OrganicDesign
This SimpleForms example allows a user to edit any article's talk page dynamically. The talk page is transcluded and a form allows users to enter a heading, their name and a comment which is then dynamically appended to the talk page and the trancluded content updated via an Ajax request. An example of the source code is shown here, it is implemented in Template:BlogComments so it can be transcluded into any article. The layout and formatting of the posted comments is defined in Template:Blog.
|
|
== Comments ==
<div id='wgBlogComments'>{{Talk:{{PAGENAMEE}}}}</div>
{{#form:
{{#input:type=hidden|name=content|id=blogContent}}
{{#input:type=hidden|name=title|value=Talk:{{PAGENAMEE}}}}
{{#input:type=hidden|name=summary|id=blogSummary}}
{{#input:type=hidden|name=caction|value=append}}
Heading: {{#input:type=text|id=blogTitle}}
Your name: {{#input:type=text|id=blogName}}
Comment: {{#input:type=textarea|rows=2|id=blogBody}}
{{#input:type=ajax|value=Post comment|update=wgBlogComments|onClick=
var summary='comment posted by '+document.getElementById('blogName').value;
document.getElementById('blogContent').setAttribute('value',
'\n==='+document.getElementById('blogTitle').value+'===\n'+
document.getElementById('blogBody').value+'\n:<i>'+summary+'</i>\n');
document.getElementById('blogSummary').setAttribute('value','Blog '+summary);}}
}}
|
|
The submit button looks rather complicated, this is because the content being appended to the talk page needs to be composed by the Javascript from the title, name and body inputs.
1 Comments
