We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Locked Topic
  • Pages:
  • 1
[ C ] Staff Application Form
Topic Started: May 31 2013, 05:43 PM (935 Views)
welshtony
Member Avatar
www.f6oc.co.uk
[ *  *  * ]
Board Address: www.f6oc.co.uk
Board Software: ZetaBoards
Description: Staff Application Form

I'm probably going to get shot here but I did try using the search as I am sure in my years of being on here I have seen this come up.

Ok what I want is a staff application for with some questions. Some questions need to have a check box and others a box where they manually fill in the form.
I would like all applications submitted to be sent to a Forum that only my Staff can see and also to send a automated PM to the submitter saying thank you for submitting a application and staff will have a look through it.

I'm thinking the best way to do the application would be using the Website Maker system but I have no idea on coding.

Any help or idea's appreciated :)
Offline Profile Goto Top
 
Helena
Member Avatar
M is for Mod

Have you taken a look at this code?

Flexible Form script
Offline Profile Goto Top
 
welshtony
Member Avatar
www.f6oc.co.uk
[ *  *  * ]
See I knew I seen it somewhere. Just tried it out and it does everything apart send a PM to the user thanking them for there submission unless I cant see that bit :/

Thanks for the link :D
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code:
 
<script type="text/javascript">
//<![CDATA[
$('#send_form button').one('click', function (e) {
var username = $('#top_info strong a').text();
var title = 'TITLE';
var content = 'CONTENT';

e.returnValue = e.preventDefault && e.preventDefault() ? false : false;

$.get(main_url + 'msg/?c=2&force_ads', function (data) {
var xc = $('input[name="xc"]', data).val();
var secure = $('input[name="secure"]', data).val();

$.post(main_url + 'msg/?c=3&sd=1&force_ads', {
xc: xc,
msg: 0,
fwd: 0,
convo: 0,
draft_edit: 0,
secure: secure,
name: username,
title: title,
post: content,
success: function () {
$('#generic_form').submit();
}
});
});
});
//]]>
</script>
Slap that below the code. Change TITLE and CONTENT as necessary.

Make sure to escape apostrophes if you use them and insert line breaks properly:

Escapement:
Code:
 
\'
Line-break:
Code:
 
\n
Offline Profile Goto Top
 
welshtony
Member Avatar
www.f6oc.co.uk
[ *  *  * ]
Hmm I used that but doesnt seam to send the PM

here is my edited version of that code

Code:
 
<script type="text/javascript">
//<![CDATA[
$('#send_form button').one('click', function (e) {
var username = $('#top_info strong a').text();
var title = 'Staff Application';
var content = 'This is a automatic PM \n \n Your application has been successfully sent in. It will now be processed by current F6OC staff and we will get back to you very soon. \n \n Please note that if there isn\'t an available position at present and we feel you would be good for the role your application will be put on hold until such a time that we are looking for someone to fill that position. \n \n Thanks from all F6OC Staff';

e.returnValue = e.preventDefault && e.preventDefault() ? false : false;

$.get(main_url + 'msg/?c=2&force_ads', function (data) {
var xc = $('input[name="xc"]', data).val();
var secure = $('input[name="secure"]', data).val();

$.post(main_url + 'msg/?c=3&sd=1&force_ads', {
xc: xc,
msg: 0,
fwd: 0,
convo: 0,
draft_edit: 0,
secure: secure,
name: username,
title: title,
post: content,
success: function () {
$('#generic_form').submit();
}
});
});
});
//]]>
</script>
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
I forgot backslashes are converted to HTML entities on webpages. Host the JavaScript or put the code in the Board Template instead.
Offline Profile Goto Top
 
welshtony
Member Avatar
www.f6oc.co.uk
[ *  *  * ]
hmm just copied it and put it in Above the Board:
and still nothing.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Can you post the full code of your application form here?
Offline Profile Goto Top
 
welshtony
Member Avatar
www.f6oc.co.uk
[ *  *  * ]
In website maker this is what I have posted

Code:
 
<form id='generic_form'>
<div class='category'>
<table class='cat_head'>
<tr>
<td><h2 style='text-align:center'>Generic Form</h2></td>
</tr>
</table>
</div>

<table>
<tr>
<td> </td>
</tr>
</table>

<table id='form_spec'>
<tr>
<th colspan='2'><h2>Please fill out the fields below:</h2></th>
</tr>
<tr>
<td>Name:</td>
<td><input type='text' /></td>
</tr>
<tr>
<td>Age:</td>
<td><input type='text' /></td>
</tr>
<tr>
<td>Gender:</td>
<td>
<select>
<option>Male</option>
<option>Female</option>
</select>
</td>
</tr>
<tr>
<td>Staff Role You Are Applying For?</td>
<td>
<select>
<option>Area Rep</option>
<option>Moderator</option>
<option>Both</option>
</select>
</td>
</tr>
<tr>
<td>What Area? (For Area rep Role Only)</td>
<td><input type='text' /></td>
</tr>
<tr>
<td>Staff Referral? (not needed)</td>
<td><input type='text' /></td>
</tr>
<tr>
<tr>
<td>Why would you like to become a member of staff?</td>
<td><textarea rows='3'></textarea></td>
</tr>
<tr>
<td>How do you think you can help by becoming a member of staff?</td>
<td><textarea rows='3'></textarea></td>
</tr>
<tr>
<td colspan='2' id='send_form'><button type='submit'>Submit</button></td>
</tr>
</table>

</form>

<style type='text/css'>
/* <![CDATA[ */
#form_spec tr td:first-child {
font-weight: bold;
width: 30%;
}
#form_spec input, #form_spec textarea {
width: 500px;
}
/* ]]> */
</style>

<script type='text/javascript'>
var form_script = {
form_id: $('#generic_form'),
status_id: $('#send_form'),
specific_id: $('#form_spec'),
enable_guests: false,
pm: {
enabled: false, // Does not work for guests
user: "welshtony", // 1 user only
title: "New Application From {{user_name}}",
content: "{{form}}"
},
topic: {
enabled: true,
forum_id: 3012464, // 1 id only
title: "New Application From {{user_name}}",
description: "",
content: "{{form}}"
},
statuses: {
not_logged_in: "You must be registered and signed in to use this feature.", // Used if enable_guests: false
first: "Coagulating data...",
second: "Sending form...",
done: "Form sent!"
},
submission_formatting: {
separator: ' ',

before_all: '',
after_all: '',

before_question: '[b]',
after_question: '[/b]',

before_response: '[i]',
after_response: '[/i]'
},
possible_elements: 'input, textarea, select' // For the second column of table; .val() must work on it
};
</script>

<script type='text/javascript' src='http://z3.ifrm.com/313/104/0/p366373/form_script.js'></script>
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Put my code in the Below the Board wrapper instead.
Offline Profile Goto Top
 
welshtony
Member Avatar
www.f6oc.co.uk
[ *  *  * ]
I have already tried it in below the board. I just tried again and still nothing

EDIT: o wait I lie. It works. Of course it goes into Archive for me lol.

So will the PM be from me to all members?
Hmmm I just realized something.

I was going to use the application form for 2 different applications on my site. I wouldn't be able to use this for the separate ones would I?

I havent started working on the second application yet as still trying to think of the questions I need to ask.
Edited by welshtony, Jun 1 2013, 10:57 PM.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
The user that is currently logged in is the only user that can PM someone.
Offline Profile Goto Top
 
welshtony
Member Avatar
www.f6oc.co.uk
[ *  *  * ]
So they would only receive the ajtomated pm if I am logged in?
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
They'll only receive the PM from them self, meaning it will go to the Archive folder. I didn't think about that when I created it.
Offline Profile Goto Top
 
welshtony
Member Avatar
www.f6oc.co.uk
[ *  *  * ]
Ah right ok. So they probably will never see the PM then :/
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Closed Requests · Next Topic »
Locked Topic
  • Pages:
  • 1