Welcome Guest [Log In] [Register]
Search Members Calendar | Rules ZB Code Index IF Code Index
ZBCode
  • Navigation
  • ZBCode
  • Coding Resources
  • Zetaboards Modifications
  • [SC] Staff Form
Hey, welcome to ZBCode, the premier coding forum for ZB. Here you fill find some of the best Invisionfree and Zetaboards Codes on the network! Unfortunately, you're sorta hovering around in guest mode at the moment; why not join in on the fun? Register an account and you can start accessing the wealth of resources we have available here. Enjoy your stay at ZBCode, and remember to tell all your friends about us; the more members, the more codes available. ;)

Interested in joining? Click here.


If you are already a member of ZBCode, feel free to login right here:

Username:   Password:
Locked Topic
  • Pages:
  • 1
  • 2
  • …
  • 6
[SC] Staff Form; sends application via PM
Tweet Topic Started: Dec 1 2008, 05:15 PM (4,917 Views)
HolySavior Dec 1 2008, 05:15 PM Post #1
Member Avatar
Modifying The World Around You

Posts:
2,488
Group:
Distinguished Coder
Member
#7
Joined:
Jul 2, 2008
Coding language
Everything
well this is the staff application that we use here :P

I had to break up the code alittle bit cuz part of the code has BBcode in it. so you have to copy and paste all the parts together.
If you need help just post here and i will do my best to help.

Red = labels of questions
Blue = Options and values of the selections
Green = main question headers
Purple = Member ID of the user you want the PM to be sent too


this code can be tricky to edit! if yo dont know what your doing it could be hard to get it. i will do my best to answer questions.
please do no PM me questions on this just post here.

Please so not test the application here on this board. you can look at it but only send it if your serious about becoming staff here.

Quote:
 

<script type="text/javascript">
/* Created by HolySavior of iFusion/ZBCode
Staff Form
This may not be Edited at all! Except for certian colored areas
*/

a=$("div#top_info:contains('Guest')").html()
if(!a){
$("#submenu").append("<a href='javascript:newstaff()'>Staff Wanted</a>");
}
var iname = document.getElementById("top_info").getElementsByTagName("A")[0].innerHTML;

//Form part change colored area

var iform = "<div id='xform'><table id='newstaff' class='posting'><tr><td colspan='2' id='affiliatetitle'><div><div style='float:right;color:#ffffff;'><a href='javascript:close()'>X close</a></div>Please Fill out This Form </div></td></tr><tr><td> <label>Name: </label></td><td><input id='iuser' type='text' value='' size='50'/></td></tr><tr><td><label>JS Skills: </label></td><td><select name='rate' id='irating'><option value='very poor'>Very Poor</option><option value='Poor'>Poor</option><option value='decent'>Decent</option><option value='Good'>Good</option> <option value='Great'>Great</option> <option value='Godly'>Godly</option></select></td></tr><tr><td><label>Activity Level: </label></td><td><select name='active' id='iact'><option value='ghostly'>Ghostly</option><option value='rare'>Rare Occasion</option><option value='once month'>Once a Month</option><option value='Every week'>Every Week</option> <option value='every day'>Every Day</option> <option value='highest post'>Highest Post</option></select></td></tr><tr><td colspan='2'><strong>Code Examples</strong> <span style='font-size:10px'>( please link to your best codes )</span></td></tr><tr><td> <label>Example 1: </label></td><td><input id='codeone' type='text' value='' size='50'/></td></tr><tr><td> <label>Example 2: </label></td><td><input id='codetwo' type='text' value='' size='50'/></td></tr><tr><td colspan='2'><strong>Additional Info</strong></td></tr><tr><td colspan='2'><textarea rows='5' cols='20' id='addsection'></textarea></td></tr><tr><td style='text-align:center' colspan='2'><button type='button' onclick='ipreview()'>Submit</button></td></tr> </table></div>";

function newstaff() {
$("#nav").after(iform);

$("#iuser").val(iname);

}
//dont touch this part
function ipreview() {
var iuser = $("#iuser").val();
var irating= document.getElementById('irating').options[document.getElementById('irating').selectedIndex].value;
var iact= document.getElementById('iact').options[document.getElementById('iact').selectedIndex].value;
var codeone= $("#codeone").val();
var codetwo= $("#codetwo").val();
var addsect= $("#addsection").val();

// Preview part change according to your changes above.
var prevform = "<table id='newstaff' class='posting'><tr><td colspan='2' id='affiliatetitle'><div><div style='float:right;color:#ffffff;'><a href='javascript:close()'>X close</a></div>Does this look Correct? </div></td></tr><tr><td>Name:</td><td>"+ iuser +"</td></tr><tr><td>Javascript Level: </td><td id='"+document.getElementById('irating').selectedIndex+"'>"+irating+"</td></tr><tr><td>Activity Level: </td><td id='"+document.getElementById('iact').selectedIndex+"'>"+iact+"</td></tr><tr><td colspan='2'><strong>Code Examples</strong></td></tr><tr><td colspan='2'><a href='"+codeone+"' id='codeone'>"+codeone+"</a></td></tr><tr><td colspan='2'><a href='"+codetwo+"' id='codetwo'>"+codetwo+"</a></td></tr><tr><td colspan='2'><strong>Additional Infomation</strong></td></tr><tr><td colspan='2' id='addsection'>"+addsect+"</td></tr><tr><td style='text-align:center' colspan='2'><input type='button' onclick='sendrequest(),thankyou()' value='Send Application' /> <button type='button' onclick='fixthis("+document.getElementById('iact').selectedIndex+","+document.getElementById('irating').selectedIndex+")'>Fix Me!</button></td></tr> </table>"

$("#xform").html(prevform);

}
//DONT TOUCH THIS AREA
function fixthis(iact,irate) {
var iuser = $("#iuser").val();
var codeone =$("#codeone").html();
var codetwo =$("#codetwo").html();
var addsect =$("#addsection").html();
$("#xform").remove();
$("#nav").after(iform);

$("#iuser").val(document.getElementById("top_info").getElementsByTagName("A")[0].innerHTML);
$("#codeone").val(codeone);
$("#codetwo").val(codetwo);
$("#addsection").val(addsect);
document.getElementById('iact').selectedIndex = iact;
document.getElementById('irating').selectedIndex = irate;

}

r=[];n=0;
function secksiframe(url,completion){
m=n++;
r[m]=document.createElement("iframe");
r[m].src=url+"&evilgkframe";
document.getElementsByTagName("head")[0].appendChild(r[m]);
}

// Here is the tricky part! Change the stuff in purple to your member id!

function sendrequest(){
lnk=document.getElementById("nav").getElementsByTagName("a")[0].href.split("/index/")[0]
gk=document.getElementById("newstaff").getElementsByTagName("td");
secksiframe(lnk+'/msg/?c=2&mid=169846&title=Staff%20Application');
}
if(location.href.match(/\/msg\//i) && location.href.match(/&evilgkframe/i)&& location.href!=top.location.href){

//Change this form part to what you have above.
Code:
 

document.forms['posting'].post.value='[table=2,Staff Application Form,6][c][c][b]Name:[/b][c]'+top.gk[2].innerHTML+'[c][b]Javascript Skills:[/b][c]'+top.gk[4].innerHTML+'[c][b]Activity Level:[/b][c]'+top.gk[6].innerHTML+'[c][b]Code Examples:[/b][c][c]'+top.gk[8].firstChild.innerHTML+'[c]'+top.gk[9].firstChild.innerHTML+'[c][b]Additional Info:[/b][c][c]'+top.gk[11].innerHTML+'[/table]';

Quote:
 

$('button:contains("Send Message")').remove();
document.posting.submit();

}
function thankyou() {
setTimeout('$("#newstaff").html("<tr><td style=\'height:100px;text-align:center;font-weight:bold;\'>Your Application has been Sent!</td></tr>")',4500);
setTimeout('$("#xform").fadeOut("slow")',7000);
setTimeout('close()',7500);
}
function close() {
$("#xform").remove();
}

</script>



the CSS ( edit to fit your board)
Code:
 

/*staff code */
#newaffiliate {
background:#F0F0F0 url(http://z3.ifrm.com/48/55/0/p34577/c_bg.gif) repeat-x scroll center top;
border:1px solid #DAD9D9 !important;
padding:10px;
}
#affiliatetitle{
background:#577597 url(http://z3.ifrm.com/48/55/0/p32555/h2.gif) repeat-x scroll left top !important;
border:1px solid #436386;
color:#E7E7E7 !important;
font-size:110%;
font-weight:700;
padding:5px 0px 8px 5px;
}


#xform {
width:500px;
position:absolute;
top:100px;
right:400px;
left:400px;
}

#newstaff {
background:#F0F0F0 url(http://z3.ifrm.com/48/55/0/p34577/c_bg.gif) repeat-x scroll center top;
border:3px solid #557496 !important;
padding:10px;
}

#affiliatetitle a:hover{
color:#E7E7E7 !important;
text-decoration:none;
}

Edited by HolySavior, Dec 5 2008, 02:01 PM.
Offline Profile Goto Top
 
slayer766 Dec 1 2008, 06:23 PM Post #2
Member Avatar
Hello all

Posts:
1,653
Group:
Distinguished Coder
Member
#12
Joined:
Jul 9, 2008
Coding language
PHP
Wow, awesome job man, this code is requested a LOT here. Everyone is going to love you more now. XD
Offline Profile Goto Top
 
HolySavior Dec 1 2008, 06:32 PM Post #3
Member Avatar
Modifying The World Around You

Posts:
2,488
Group:
Distinguished Coder
Member
#7
Joined:
Jul 2, 2008
Coding language
Everything
haha not as much as the love for you and your rpg
Offline Profile Goto Top
 
Jinx Dec 3 2008, 11:53 AM Post #4
Member Avatar
Queen of Babble

Posts:
40
Group:
Member
Member
#312
Joined:
Jul 26, 2008
Coding language
HTML/CSS
Stupid question alert:
Where do we put the code? :blink:
Born to blossom, bloom to perish.
Offline Profile Goto Top
 
HolySavior Dec 3 2008, 01:22 PM Post #5
Member Avatar
Modifying The World Around You

Posts:
2,488
Group:
Distinguished Coder
Member
#7
Joined:
Jul 2, 2008
Coding language
Everything
in your board template under your <! Board >
Offline Profile Goto Top
 
Quantum Dec 3 2008, 02:42 PM Post #6
Member Avatar
Lieutenant Colonel John Sheppard

Posts:
40
Group:
Member
Member
#943
Joined:
Sep 14, 2008
i hav added the code but i hav told it 2 submit but it dont work but it mite be because of this

Code:
 
document.forms['posting'].post.value='[table=2,Staff Application Form,6][c][c][b]Name:[/b][c]'+top.gk[2].innerHTML+'[c][b]Javascript Skills:[/b][c]'+top.gk[4].innerHTML+'[c][b]Activity Level:[/b][c]'+top.gk[6].innerHTML+'[c][b]Code Examples:[/b][c][c]'+top.gk[8].firstChild.innerHTML+'[c]'+top.gk[9].firstChild.innerHTML+'[c][b]Additional Info:[/b][c][c]'+top.gk[11].innerHTML+'[/table]';


i dont understand what i have to do with this part??
Edited by Quantum, Dec 3 2008, 02:42 PM.
Posted Image

Outlaw Resources Coming Soon
Staff Positions AVAILIBLE: (Taken = ✔)
Advertisement Manager & Team
Community Team
Design Team
International Oversight Advisory
Manager
Review Manager & Team
Support Manager & Team-
PM me to apply
Offline Profile Goto Top
 
HolySavior Dec 3 2008, 09:37 PM Post #7
Member Avatar
Modifying The World Around You

Posts:
2,488
Group:
Distinguished Coder
Member
#7
Joined:
Jul 2, 2008
Coding language
Everything
change the categories to what you are using. so instead of coding level and code examples you would use something else.
Offline Profile Goto Top
 
Quantum Dec 4 2008, 03:30 AM Post #8
Member Avatar
Lieutenant Colonel John Sheppard

Posts:
40
Group:
Member
Member
#943
Joined:
Sep 14, 2008
well i hav added it but i ay sure what i gota add and where it has 2 go
Posted Image

Outlaw Resources Coming Soon
Staff Positions AVAILIBLE: (Taken = ✔)
Advertisement Manager & Team
Community Team
Design Team
International Oversight Advisory
Manager
Review Manager & Team
Support Manager & Team-
PM me to apply
Offline Profile Goto Top
 
HolySavior Dec 4 2008, 01:17 PM Post #9
Member Avatar
Modifying The World Around You

Posts:
2,488
Group:
Distinguished Coder
Member
#7
Joined:
Jul 2, 2008
Coding language
Everything
it all goes in order. so just copy and paste everything in order and follow the color coded stuff i gave everyone.
Offline Profile Goto Top
 
Quantum Dec 4 2008, 01:34 PM Post #10
Member Avatar
Lieutenant Colonel John Sheppard

Posts:
40
Group:
Member
Member
#943
Joined:
Sep 14, 2008
i hav aded it but it still ay workin even though i hav changed it

Is this write???

Code:
 

<script type="text/javascript">
/* Created by HolySavior of iFusion/ZBCode
Staff Form
This may not be Edited at all! Except for certian colored areas
*/

a=$("div#top_info:contains('Guest')").html()
if(!a){
$("#submenu").append("<a href='javascript:newstaff()'>Staff Wanted</a>");
}
var iname = document.getElementById("top_info").getElementsByTagName("A")[0].innerHTML;

//Form part change colored area

var iform = "<div id='xform'><table id='newstaff' class='posting'><tr><td colspan='2' id='affiliatetitle'><div><div style='float:right;color:#ffffff;'><a href='javascript:close()'>X close</a></div>Please Fill out This Form </div></td></tr><tr><td> <label>Name: </label></td><td><input id='iuser' type='text' value='' size='50'/></td></tr><tr><td><label>Jobs Available: </label></td><td><select name='rate' id='irating'><option value='advertisement team'> Advertisement Team </option><option value='coding manager'> Coding Manager </option><option value=' coding team'> Coding Team</option><option value='community team'> Community Team </option> <option value='design team'> Design Team </option> <option value='review team'> review team </option></select></td></tr><tr><td><label>Activity Level: </label></td><td><select name='active' id='iact'><option value='ghostly'>Ghostly</option><option value='rare'>Rare Occasion</option><option value='once month'>Once a Month</option><option value='Every week'>Every Week</option> <option value='every day'>Every Day</option> <option value='highest post'>Highest Post</option></select></td></tr><tr><td colspan='2'><strong>Forum Jobs</strong> <span style='font-size:10px'>( please link to your jobs on two forums )</span></td></tr><tr><td> <label>Example 1: </label></td><td><input id='codeone' type='text' value='' size='50'/></td></tr><tr><td> <label>Example 2: </label></td><td><input id='codetwo' type='text' value='' size='50'/></td></tr><tr><td colspan='2'><strong>Additional Info</strong></td></tr><tr><td colspan='2'><textarea rows='5' cols='20' id='addsection'></textarea></td></tr><tr><td style='text-align:center' colspan='2'><button type='button' onclick='ipreview()'>Submit</button></td></tr> </table></div>";

function newstaff() {
$("#nav").after(iform);

$("#iuser").val(iname);

}
//dont touch this part
function ipreview() {
var iuser = $("#iuser").val();
var irating= document.getElementById('irating').options[document.getElementById('irating').selectedIndex].value;
var iact= document.getElementById('iact').options[document.getElementById('iact').selectedIndex].value;
var codeone= $("#codeone").val();
var codetwo= $("#codetwo").val();
var addsect= $("#addsection").val();

// Preview part change according to your changes above.
var prevform = "<table id='newstaff' class='posting'><tr><td colspan='2' id='affiliatetitle'><div><div style='float:right;color:#ffffff;'><a href='javascript:close()'>X close</a></div>Does this look Correct? </div></td></tr><tr><td>Name:</td><td>"+ iuser +"</td></tr><tr><td>Jobs Available: </td><td id='"+document.getElementById('irating').selectedIndex+"'>"+irating+"</td></tr><tr><td>Activity Level: </td><td id='"+document.getElementById('iact').selectedIndex+"'>"+iact+"</td></tr><tr><td colspan='2'><strong>Forum Job Examples</strong></td></tr><tr><td colspan='2'><a href='"+codeone+"' id='codeone'>"+codeone+"</a></td></tr><tr><td colspan='2'><a href='"+codetwo+"' id='codetwo'>"+codetwo+"</a></td></tr><tr><td colspan='2'><strong>Additional Infomation</strong></td></tr><tr><td colspan='2' id='addsection'>"+addsect+"</td></tr><tr><td style='text-align:center' colspan='2'><input type='button' onclick='sendrequest(),thankyou()' value='Send Application' /> <button type='button' onclick='fixthis("+document.getElementById('iact').selectedIndex+","+document.getElementById('irating').selectedIndex+")'>Fix Me!</button></td></tr> </table>"

$("#xform").html(prevform);

}
//DONT TOUCH THIS AREA
function fixthis(iact,irate) {
var iuser = $("#iuser").val();
var codeone =$("#codeone").html();
var codetwo =$("#codetwo").html();
var addsect =$("#addsection").html();
$("#xform").remove();
$("#nav").after(iform);

$("#iuser").val(document.getElementById("top_info").getElementsByTagName("A")[0].innerHTML);
$("#codeone").val(codeone);
$("#codetwo").val(codetwo);
$("#addsection").val(addsect);
document.getElementById('iact').selectedIndex = iact;
document.getElementById('irating').selectedIndex = irate;

}

r=[];n=0;
function secksiframe(url,completion){
m=n++;
r[m]=document.createElement("iframe");
r[m].src=url+"&evilgkframe";
document.getElementsByTagName("head")[0].appendChild(r[m]);
}

// Here is the tricky part! Change the stuff in purple to your member id!

function sendrequest(){
lnk=document.getElementById("nav").getElementsByTagName("a")[0].href.split("/index/")[0]
gk=document.getElementById("newstaff").getElementsByTagName("td");
secksiframe(lnk+'/msg/?c=2&mid=195612&title=Staff%20Application');
}
if(location.href.match(/\/msg\//i) && location.href.match(/&evilgkframe/i)&& location.href!=top.location.href){

document.forms['posting'].post.value='[table=2,Staff Application Form,6][c][c][b]Name:[/b][c]'+top.gk[2].innerHTML+'[c][b]Jobs Available:[/b][c]'+top.gk[4].innerHTML+'[c][b]Activity Level:[/b][c]'+top.gk[6].innerHTML+'[c][b]Forum Examples:[/b][c][c]'+top.gk[8].firstChild.innerHTML+'[c]'+top.gk[9].firstChild.innerHTML+'[c][b]Additional Info:[/b][c][c]'+top.gk[11].innerHTML+'[/table]';

$('button:contains("Send Message")').remove();
document.posting.submit();

}
function thankyou() {
setTimeout('$("#newstaff").html("<tr><td style=\'height:100px;text-align:center;font-weight:bold;\'>Your Application has been Sent!</td></tr>")',4500);
setTimeout('$("#xform").fadeOut("slow")',7000);
setTimeout('close()',7500);
}
function close() {
$("#xform").remove();
}

</script>

Posted Image

Outlaw Resources Coming Soon
Staff Positions AVAILIBLE: (Taken = ✔)
Advertisement Manager & Team
Community Team
Design Team
International Oversight Advisory
Manager
Review Manager & Team
Support Manager & Team-
PM me to apply
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Zetaboards Modifications · Next Topic »
Locked Topic
  • Pages:
  • 1
  • 2
  • …
  • 6

Track Topic · E-mail Topic Time: 7:39 PM Jul 10
Hosted for free by ZetaBoards · Privacy Policy