Complex form of New Topic Function

First topic message reminder :

Hello,

So on my forum i have installed a javascript where by adding an image link to the description it makes it an image and views it to the topics preview list. Now some members don't know that and doesn't matter how many times i tell them how to do that they seem not to understand at all.

So basically what i want is a simple form that will be activated once you press the New Topic button in the News Forum.

That form will include a Title field (that will be filled i guess automatically afterwards) and the title prefixes next to that so they can select the correct prefix, an Image field where members will add the link of the image for the topic and then the image will be placed in the description field of the topic and added to the topic also and the News Text where members will add the text of the news they found.

I will give you an example so you guys understand better what i want.

Here we are:


These are the main 4 fields i want to be shown. So you add a title for your topic, it adds it there. You select a Prefix it adds it (based on my codes i already have there), then you add an image just once, and it adds the image as a link to the description field and then as an image

Code: [img]URL[/img]

to the editor and a last field that would be a text zone for the news text.

Once they edit that the Send button will glow and then they can post the topic.


Will that be easy to create?
The forum is:
http://www.informationforumgr.com
version is phpBB3.

Thanks for any help.

I test drove the script and the console told me it couldn't read the value of "scrname" because it wasn't defined.

Try this :

Code:

<style>@import url(http://illiweb.com/rs3/71/frm/SCEditor/src/themes/fa.default.min.css);
select#forumSelect:hover, textarea.textmsg:hover, select#forumSelect:focus, textarea.textmsg:focus { border-color: #ccc }
select#forumSelect, textarea.textmsg { cursor: pointer }
select#forumSelect:focus, textarea.textmsg:focus {
  outline-offset: -2px;
  outline: -webkit-focus-ring-color auto 5px;
}
 .sceditor-group:nth-child(2), .sceditor-group:nth-child(3), .sceditor-group:nth-child(4), .sceditor-group:nth-child(5), .sceditor-group:nth-child(6), .sceditor-group:nth-child(7), .sceditor-group:nth-child(8) {
    display: none;
}
  .sceditor-group:nth-child(1) {
    display: inline-flex;
}
.sceditor-container {
    width: 600px!important;
    display: inline-block;border-color: #cccccc!important;
}
div.sceditor-toolbar {
    background-color: #0a0607!important;
    border-color: #ffffff!important;
    border-bottom: none!important;
}
  .message {
    background-color: #e4e3e3;
    width: calc(100% - 3em);
    max-width: 67em;
    color: #555;
    padding: 1em 1em 1em 1.5em;
    border-radius: 1px 5px 5px 1px;
    margin-top: 45px;
    box-shadow: 3px 3px 6px #9a9a9a;
    line-height: 1.5;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 15px;
    font-family: Trebuchet MS;
}
.message--success {
    border-left: 5px solid #983333;
}
  .message--success2 {
    display: none;
}
  .message--success:before {
    border-left: 6px solid #983333;
    border-right: 6px solid #983333;
    content: 'Προσοχή:';
    font-family: Trebuchet MS;
    font-weight: bold;
    background: #983333;
    border-radius: 0px 3px 3px 0px;
    padding: 4px 1px;
    float: left;
    text-decoration: underline;
    color: #f2f2f2;
    margin-top: -5px;
    margin-left: -22px;
    margin-right: 4px;
}
 
.sceditor-button-flash div { background-position: 0 -628px }
.sceditor-button-servimg div { background-position: 0 -644px }
.sceditor-button-dailymotion div{ background-position: 0 -660px }
.sceditor-button-faspoiler div { background-position: 0 -676px }
.sceditor-button-fahide div { background-position: 0 -692px }
.sceditor-button-fascroll div { background-position: 0 -708px }
.sceditor-button-faupdown div { background-position: 0 -724px }
.sceditor-button-farand div { background-position: 0 -756px }
.sceditor-button-faroll div { background-position: 0 -772px }
.sceditor-button-more div { background-position: 0 -788px }
.sceditor-button-emoticon div { background-position: 0 -804px }
.sceditor-button-headers div { background-position: 0 -820px }
.sceditor-container textarea, .sceditor-container iframe {    background: #0a0607 !important; }
.sceditor-container textarea { width: 100% !important }
.sceditor-container iframe, .sceditor-container textarea { max-height:200px !important; width:99% !important; }
.sceditor-container iframe { display:none !important }
.sceditor-container textarea { display:block !important }</style>
 
 
<div style="width:200px;font-size:14px;display:inline-block;text-align:right">Category ::</div>
<select id="forumSelect"><option value="">Select the Category</option><option value="3">Presentations</option>
</select><br /><Br /><br /><br /><div style="width:200px;font-size:14px;display:inline-block;text-align:right">Movie Title (YEAR)::</div>
  <input type="text" name="title" id="Title" placeholder="Insert the movie title here and the year in parethesis: ex. Movie Title (2016)" style="width: 600px;height: 25px;border-radius: 3px;font-size: 13px!important;border: 1px solid #ccc;" />
    <br /><br /><div style="width:200px;font-size:14px;text-align:right;display:inline-block;">Poster Image ::</div>
  <input type="text" id="poster" name="poster" placeholder="ex. http://2img.net/i/fa/empty.gif" style="width: 600px;height: 25px;border-radius: 3px;font-size: 13px!important;border: 1px solid #ccc;" /><br /><br /><div style="width:200px;font-size:14px;text-align:right;display:inline-block;">Movie Summary ::</div>
<textarea name="textmsg" rows="10" cols="40" id="text_editor_textarea" placeholder="ex. Here we will have our movie summary" style="font-size:14px;width:600px;"></textarea><br /><Br /><div style="width:200px;font-size:14px;display:inline-block;text-align:right">Rate::</div>
  <input type="text" id="rate" name="rate" placeholder="Insert the movie rate here" style="width: 600px;height: 25px;border-radius: 3px;font-size: 13px!important;border: 1px solid #ccc;" /><br /><br />
 <div style="width:200px;font-size:14px;text-align:right;display:inline-block;">Youtube ID ::</div>
<input type="text" id="ytbid" name="ytbid" placeholder="ex. xTBXPGocPt0 (https://www.youtube.com/watch?v=xTBXPGocPt0)" style="width: 600px;height: 25px;border-radius: 3px;font-size: 13px!important;border: 1px solid #ccc;" /><br /><br /><div style="width:200px;font-size:14px;text-align:right;display:inline-block;">Source Link ::</div>
<input type="text" id="srxlink" name="srclink" placeholder="ex. http://smashing.forumotion.org" style="width: 600px;height: 25px;border-radius: 3px;font-size: 13px!important;border: 1px solid #ccc;" /><br /><br /><div style="width:200px;font-size:14px;display:inline-block;text-align:right">Source Name ::</div>
  <input type="text" id="srcname" name="srcname" placeholder="ex. Smashing Forum" style="width: 600px;height: 25px;border-radius: 3px;font-size: 13px!important;border: 1px solid #ccc;" /><br /><br />
 
<br /><BR /><BR />
<center><input type="submit" id="submitForm1" value="Create Topic" style="padding:8px 30px!important;font-size:14px" class="button2" /></center>
 
 
<script type="text/javascript">
 
document.getElementById('submitForm1').onclick = function() {
  var message = '',
      title = document.getElementById('Title'),
      poster = document.getElementById('poster'),
      rate = document.getElementById('rate'),
      msg = document.getElementById('text_editor_textarea'),
      srclink = document.getElementById('srxlink'),
      srcname = document.getElementById('srcname'),
      forum = document.getElementById('forumSelect'),
      ytbid = document.getElementById('ytbid'),
      err = '',
      val = $.sceditor ? $(msg).sceditor('instance').val() : msg.value;
 
  if (!forum.value) err += 'The category is not valid';
  if (!title.value) err += '\nYou did not enter a Movie Title';
  if (!poster.value) err += '\nYou did not enter a Poster Image';
  if (!rate.value) err += '\nYou did not enter a Rate value';
  if (!val) err += '\nYou did not enter a Movie Summary';
  if (!ytbid.value) err += '\nYou did not enter a Youtube ID';
  if (!srclink.value) err += '\nYou did not enter a Source Link';
  if (!srcname.value) err += '\nYou did not enter a Source Name';
 
  if (err) {
    alert(err);
    return;
  } else {
    $.post('/post', {
          subject : '' + title.value,
  message : '[table class="sTemplate"][tr][td class="sInformation"]\n[img]' + poster.value + '[/img] ' + val + '[/td]\n[td class="sRate"][img(50px,50px)]http://i86.servimg.com/u/f86/19/47/32/56/keditb10.png[/img] [b]' + rate.value + '[/b]/10[/td]\n[/tr]\n[tr][td][center][youtube]' + ytbid.value + '[/youtube][/center]\n\nSource: [url=' + srclink.value + ']' + srcname.value + '[/url][/td]\n[/tr]\n[/table]',
            mode : 'newtopic',
                f : 3, // forum id
            post : 1
    }, function(d) {
      alert('The topic was created succesfully!');
      window.location.href = $('a[href^="/viewtopic?t="]', d).attr('href');
    });
  }
};
</script>
 
<script type="text/javascript" src="http://illiweb.com/rs3/71/frm/SCEditor/src/jquery.sceditor.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/71/frm/SCEditor/src/plugins/bbcode.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/71/frm/SCEditor/src/sceditor-commands.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/71/frm/SCEditor/src/sceditor-commands-bbcode.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/71/frm/SCEditor/src/sceditor-custom-bbcode.js"></script>
<script type="text/javascript" charset="UTF-8">//<![CDATA[
(function ($) {
'use strict';
$.sceditor.locale["en"] = {
"Bold" : "Bold",
"Italic" : "Italic",
"Underline" : "Underline",
"Strikethrough" : "Barre",
"Align left" : "Aligne a gauche",
"Center" : "Κεντρική Στοίχιση",
"Align right" : "Aligne a droite",
"Justify" : "Justifie",
"Insert a Quote" : "'Citer'",
"Code" : "Code",
"Spoiler" : "Spoiler",
"Hidden" : "Cache",
"Insert an image" : "Εισάγετε μία εικόνα",
"Insert a link" : "Inserer un lien",
"Unlink" : "Supprimer un lien",
"Remove Formatting" : "Supprimer le formatage du texte",
"Insert an emoticon" : "Smileys",
"Switch Editor Mode" : "Basculer le mode d'edition",
"More" : "Plus/Moins de boutons",
"Insert" : "Υποβολή",
"URL:" : "Σύνδεσμος εικόνας",
"Author (optional)" : "Auteur (Optionnel)",
"Title (optional)" : "Titre (Optionnel)",
"Width (optional):" : "Πλάτος (προαιρετικό)",
"Height (optional):" : "Ύψος (προαιρετικό)",
"Description (optional):" : "Description (Optionnelle)",
};
})(jQuery);
//]]></script>
<script type="text/javascript">//<![CDATA[
var plugins = '';
var palette = 1;
var illiweb = 'http://illiweb.com/';
var locale = 'en';
var height = '200';
var width = '500';
var plugin = 'bbcode';
var toolbar = 'bold,italic,underline|center|image';
var cssFile = 'http://illiweb.com/rs3/71/frm/SCEditor/minified/jquery.sceditor.default.min.css';
var isRtl = 0;
var dice = new Array();
var bSourceMode = true;
var emoticonsEnabled = 1;
var smileys =  {};
var iframeSrc = '/smilies.forum?f=43&mode=smilies_frame&t=1421474705';
var illiwebDomain = 'http://illiweb.com/';
var servimgDomain = 'www.servimg.com';
var INTRANET = 0;
//]]></script>
<script type="text/javascript" src="http://illiweb.com/rs3/71/frm/SCEditor/src/instance-sceditor.js"></script>

I set the value of "f" in the AJAX data to "3". You can remove the dropdown if you want.

It still doesn't post it without the dropdown...
I used this:

Code:

<style>@import url(http://illiweb.com/rs3/71/frm/SCEditor/src/themes/fa.default.min.css);
select#forumSelect:hover, textarea.textmsg:hover, select#forumSelect:focus, textarea.textmsg:focus { border-color: #ccc }
select#forumSelect, textarea.textmsg { cursor: pointer }
select#forumSelect:focus, textarea.textmsg:focus {
  outline-offset: -2px;
  outline: -webkit-focus-ring-color auto 5px;
}
 .sceditor-group:nth-child(2), .sceditor-group:nth-child(3), .sceditor-group:nth-child(4), .sceditor-group:nth-child(5), .sceditor-group:nth-child(6), .sceditor-group:nth-child(7), .sceditor-group:nth-child(8) {
    display: none;
}
  .sceditor-group:nth-child(1) {
    display: inline-flex;
}
.sceditor-container {
    width: 600px!important;
    display: inline-block;border-color: #cccccc!important;
}
div.sceditor-toolbar {
    background-color: #0a0607!important;
    border-color: #ffffff!important;
    border-bottom: none!important;
}
  .message {
    background-color: #e4e3e3;
    width: calc(100% - 3em);
    max-width: 67em;
    color: #555;
    padding: 1em 1em 1em 1.5em;
    border-radius: 1px 5px 5px 1px;
    margin-top: 45px;
    box-shadow: 3px 3px 6px #9a9a9a;
    line-height: 1.5;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 15px;
    font-family: Trebuchet MS;
}
.message--success {
    border-left: 5px solid #983333;
}
  .message--success2 {
    display: none;
}
  .message--success:before {
    border-left: 6px solid #983333;
    border-right: 6px solid #983333;
    content: 'Προσοχή:';
    font-family: Trebuchet MS;
    font-weight: bold;
    background: #983333;
    border-radius: 0px 3px 3px 0px;
    padding: 4px 1px;
    float: left;
    text-decoration: underline;
    color: #f2f2f2;
    margin-top: -5px;
    margin-left: -22px;
    margin-right: 4px;
}
 
.sceditor-button-flash div { background-position: 0 -628px }
.sceditor-button-servimg div { background-position: 0 -644px }
.sceditor-button-dailymotion div{ background-position: 0 -660px }
.sceditor-button-faspoiler div { background-position: 0 -676px }
.sceditor-button-fahide div { background-position: 0 -692px }
.sceditor-button-fascroll div { background-position: 0 -708px }
.sceditor-button-faupdown div { background-position: 0 -724px }
.sceditor-button-farand div { background-position: 0 -756px }
.sceditor-button-faroll div { background-position: 0 -772px }
.sceditor-button-more div { background-position: 0 -788px }
.sceditor-button-emoticon div { background-position: 0 -804px }
.sceditor-button-headers div { background-position: 0 -820px }
.sceditor-container textarea, .sceditor-container iframe {    background: #0a0607 !important; }
.sceditor-container textarea { width: 100% !important }
.sceditor-container iframe, .sceditor-container textarea { max-height:200px !important; width:99% !important; }
.sceditor-container iframe { display:none !important }
.sceditor-container textarea { display:block !important }</style>
 
 
<div style="width:200px;font-size:14px;display:none;text-align:right">Category ::</div>
<select id="forumSelect" style="display:none"><option value="">Select the Category</option><option value="3">Presentations</option>
</select><br /><Br /><br /><br /><div style="width:200px;font-size:14px;display:inline-block;text-align:right">Movie Title (YEAR)::</div>
  <input type="text" name="title" id="Title" placeholder="Insert the movie title here and the year in parethesis: ex. Movie Title (2016)" style="width: 600px;height: 25px;border-radius: 3px;font-size: 13px!important;border: 1px solid #ccc;" />
    <br /><br /><div style="width:200px;font-size:14px;text-align:right;display:inline-block;">Poster Image ::</div>
  <input type="text" id="poster" name="poster" placeholder="ex. http://2img.net/i/fa/empty.gif" style="width: 600px;height: 25px;border-radius: 3px;font-size: 13px!important;border: 1px solid #ccc;" /><br /><br /><div style="width:200px;font-size:14px;text-align:right;display:inline-block;">Movie Summary ::</div>
<textarea name="textmsg" rows="10" cols="40" id="text_editor_textarea" placeholder="ex. Here we will have our movie summary" style="font-size:14px;width:600px;"></textarea><br /><Br /><div style="width:200px;font-size:14px;display:inline-block;text-align:right">Rate::</div>
  <input type="text" id="rate" name="rate" placeholder="Insert the movie rate here" style="width: 600px;height: 25px;border-radius: 3px;font-size: 13px!important;border: 1px solid #ccc;" /><br /><br />
 <div style="width:200px;font-size:14px;text-align:right;display:inline-block;">Youtube ID ::</div>
<input type="text" id="ytbid" name="ytbid" placeholder="ex. xTBXPGocPt0 (https://www.youtube.com/watch?v=xTBXPGocPt0)" style="width: 600px;height: 25px;border-radius: 3px;font-size: 13px!important;border: 1px solid #ccc;" /><br /><br /><div style="width:200px;font-size:14px;text-align:right;display:inline-block;">Source Link ::</div>
<input type="text" id="srxlink" name="srclink" placeholder="ex. http://smashing.forumotion.org" style="width: 600px;height: 25px;border-radius: 3px;font-size: 13px!important;border: 1px solid #ccc;" /><br /><br /><div style="width:200px;font-size:14px;display:inline-block;text-align:right">Source Name ::</div>
  <input type="text" id="srcname" name="srcname" placeholder="ex. Smashing Forum" style="width: 600px;height: 25px;border-radius: 3px;font-size: 13px!important;border: 1px solid #ccc;" /><br /><br />
 
<br /><BR /><BR />
<center><input type="submit" id="submitForm1" value="Create Topic" style="padding:8px 30px!important;font-size:14px" class="button2" /></center>
 
 
<script type="text/javascript">
 
document.getElementById('submitForm1').onclick = function() {
  var message = '',
      title = document.getElementById('Title'),
      poster = document.getElementById('poster'),
      rate = document.getElementById('rate'),
      msg = document.getElementById('text_editor_textarea'),
      srclink = document.getElementById('srxlink'),
      srcname = document.getElementById('srcname'),
      forum = document.getElementById('forumSelect'),
      ytbid = document.getElementById('ytbid'),
      err = '',
      val = $.sceditor ? $(msg).sceditor('instance').val() : msg.value;
 
  if (!forum.value) err += 'The category is not valid';
  if (!title.value) err += '\nYou did not enter a Movie Title';
  if (!poster.value) err += '\nYou did not enter a Poster Image';
  if (!rate.value) err += '\nYou did not enter a Rate value';
  if (!val) err += '\nYou did not enter a Movie Summary';
  if (!ytbid.value) err += '\nYou did not enter a Youtube ID';
  if (!srclink.value) err += '\nYou did not enter a Source Link';
  if (!srcname.value) err += '\nYou did not enter a Source Name';
 
  if (err) {
    alert(err);
    return;
  } else {
    $.post('/post', {
          subject : '' + title.value,
  message : '[table class="sTemplate"][tr][td class="sInformation"]\n[img]' + poster.value + '[/img] ' + val + '[/td]\n[td class="sRate"][img(50px,50px)]http://i86.servimg.com/u/f86/19/47/32/56/keditb10.png[/img] [b]' + rate.value + '[/b]/10[/td]\n[/tr]\n[tr][td][center][youtube]' + ytbid.value + '[/youtube][/center]\n\nSource: [url=' + srclink.value + ']' + srcname.value + '[/url][/td]\n[/tr]\n[/table]',
            mode : 'newtopic',
                f : 3, // forum id
            post : 1
    }, function(d) {
      alert('The topic was created succesfully!');
      window.location.href = $('a[href^="/viewtopic?t="]', d).attr('href');
    });
  }
};
</script>
 
<script type="text/javascript" src="http://illiweb.com/rs3/71/frm/SCEditor/src/jquery.sceditor.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/71/frm/SCEditor/src/plugins/bbcode.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/71/frm/SCEditor/src/sceditor-commands.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/71/frm/SCEditor/src/sceditor-commands-bbcode.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/71/frm/SCEditor/src/sceditor-custom-bbcode.js"></script>
<script type="text/javascript" charset="UTF-8">//<![CDATA[
(function ($) {
'use strict';
$.sceditor.locale["en"] = {
"Bold" : "Bold",
"Italic" : "Italic",
"Underline" : "Underline",
"Strikethrough" : "Barre",
"Align left" : "Aligne a gauche",
"Center" : "Κεντρική Στοίχιση",
"Align right" : "Aligne a droite",
"Justify" : "Justifie",
"Insert a Quote" : "'Citer'",
"Code" : "Code",
"Spoiler" : "Spoiler",
"Hidden" : "Cache",
"Insert an image" : "Εισάγετε μία εικόνα",
"Insert a link" : "Inserer un lien",
"Unlink" : "Supprimer un lien",
"Remove Formatting" : "Supprimer le formatage du texte",
"Insert an emoticon" : "Smileys",
"Switch Editor Mode" : "Basculer le mode d'edition",
"More" : "Plus/Moins de boutons",
"Insert" : "Υποβολή",
"URL:" : "Σύνδεσμος εικόνας",
"Author (optional)" : "Auteur (Optionnel)",
"Title (optional)" : "Titre (Optionnel)",
"Width (optional):" : "Πλάτος (προαιρετικό)",
"Height (optional):" : "Ύψος (προαιρετικό)",
"Description (optional):" : "Description (Optionnelle)",
};
})(jQuery);
//]]></script>
<script type="text/javascript">//<![CDATA[
var plugins = '';
var palette = 1;
var illiweb = 'http://illiweb.com/';
var locale = 'en';
var height = '200';
var width = '500';
var plugin = 'bbcode';
var toolbar = 'bold,italic,underline|center|image';
var cssFile = 'http://illiweb.com/rs3/71/frm/SCEditor/minified/jquery.sceditor.default.min.css';
var isRtl = 0;
var dice = new Array();
var bSourceMode = true;
var emoticonsEnabled = 1;
var smileys =  {};
var iframeSrc = '/smilies.forum?f=43&mode=smilies_frame&t=1421474705';
var illiwebDomain = 'http://illiweb.com/';
var servimgDomain = 'www.servimg.com';
var INTRANET = 0;
//]]></script>
<script type="text/javascript" src="http://illiweb.com/rs3/71/frm/SCEditor/src/instance-sceditor.js"></script>

Whoops forgot to delete some stuff, try now :

Code:

<style>@import url(http://illiweb.com/rs3/71/frm/SCEditor/src/themes/fa.default.min.css);
select#forumSelect:hover, textarea.textmsg:hover, select#forumSelect:focus, textarea.textmsg:focus { border-color: #ccc }
select#forumSelect, textarea.textmsg { cursor: pointer }
select#forumSelect:focus, textarea.textmsg:focus {
  outline-offset: -2px;
  outline: -webkit-focus-ring-color auto 5px;
}
 .sceditor-group:nth-child(2), .sceditor-group:nth-child(3), .sceditor-group:nth-child(4), .sceditor-group:nth-child(5), .sceditor-group:nth-child(6), .sceditor-group:nth-child(7), .sceditor-group:nth-child(8) {
    display: none;
}
  .sceditor-group:nth-child(1) {
    display: inline-flex;
}
.sceditor-container {
    width: 600px!important;
    display: inline-block;border-color: #cccccc!important;
}
div.sceditor-toolbar {
    background-color: #0a0607!important;
    border-color: #ffffff!important;
    border-bottom: none!important;
}
  .message {
    background-color: #e4e3e3;
    width: calc(100% - 3em);
    max-width: 67em;
    color: #555;
    padding: 1em 1em 1em 1.5em;
    border-radius: 1px 5px 5px 1px;
    margin-top: 45px;
    box-shadow: 3px 3px 6px #9a9a9a;
    line-height: 1.5;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 15px;
    font-family: Trebuchet MS;
}
.message--success {
    border-left: 5px solid #983333;
}
  .message--success2 {
    display: none;
}
  .message--success:before {
    border-left: 6px solid #983333;
    border-right: 6px solid #983333;
    content: 'Προσοχή:';
    font-family: Trebuchet MS;
    font-weight: bold;
    background: #983333;
    border-radius: 0px 3px 3px 0px;
    padding: 4px 1px;
    float: left;
    text-decoration: underline;
    color: #f2f2f2;
    margin-top: -5px;
    margin-left: -22px;
    margin-right: 4px;
}
 
.sceditor-button-flash div { background-position: 0 -628px }
.sceditor-button-servimg div { background-position: 0 -644px }
.sceditor-button-dailymotion div{ background-position: 0 -660px }
.sceditor-button-faspoiler div { background-position: 0 -676px }
.sceditor-button-fahide div { background-position: 0 -692px }
.sceditor-button-fascroll div { background-position: 0 -708px }
.sceditor-button-faupdown div { background-position: 0 -724px }
.sceditor-button-farand div { background-position: 0 -756px }
.sceditor-button-faroll div { background-position: 0 -772px }
.sceditor-button-more div { background-position: 0 -788px }
.sceditor-button-emoticon div { background-position: 0 -804px }
.sceditor-button-headers div { background-position: 0 -820px }
.sceditor-container textarea, .sceditor-container iframe {    background: #0a0607 !important; }
.sceditor-container textarea { width: 100% !important }
.sceditor-container iframe, .sceditor-container textarea { max-height:200px !important; width:99% !important; }
.sceditor-container iframe { display:none !important }
.sceditor-container textarea { display:block !important }</style>
 
 
<div style="width:200px;font-size:14px;display:none;text-align:right">Category ::</div>
<select id="forumSelect" style="display:none"><option value="">Select the Category</option><option value="3">Presentations</option>
</select><br /><Br /><br /><br /><div style="width:200px;font-size:14px;display:inline-block;text-align:right">Movie Title (YEAR)::</div>
  <input type="text" name="title" id="Title" placeholder="Insert the movie title here and the year in parethesis: ex. Movie Title (2016)" style="width: 600px;height: 25px;border-radius: 3px;font-size: 13px!important;border: 1px solid #ccc;" />
    <br /><br /><div style="width:200px;font-size:14px;text-align:right;display:inline-block;">Poster Image ::</div>
  <input type="text" id="poster" name="poster" placeholder="ex. http://2img.net/i/fa/empty.gif" style="width: 600px;height: 25px;border-radius: 3px;font-size: 13px!important;border: 1px solid #ccc;" /><br /><br /><div style="width:200px;font-size:14px;text-align:right;display:inline-block;">Movie Summary ::</div>
<textarea name="textmsg" rows="10" cols="40" id="text_editor_textarea" placeholder="ex. Here we will have our movie summary" style="font-size:14px;width:600px;"></textarea><br /><Br /><div style="width:200px;font-size:14px;display:inline-block;text-align:right">Rate::</div>
  <input type="text" id="rate" name="rate" placeholder="Insert the movie rate here" style="width: 600px;height: 25px;border-radius: 3px;font-size: 13px!important;border: 1px solid #ccc;" /><br /><br />
 <div style="width:200px;font-size:14px;text-align:right;display:inline-block;">Youtube ID ::</div>
<input type="text" id="ytbid" name="ytbid" placeholder="ex. xTBXPGocPt0 (https://www.youtube.com/watch?v=xTBXPGocPt0)" style="width: 600px;height: 25px;border-radius: 3px;font-size: 13px!important;border: 1px solid #ccc;" /><br /><br /><div style="width:200px;font-size:14px;text-align:right;display:inline-block;">Source Link ::</div>
<input type="text" id="srxlink" name="srclink" placeholder="ex. http://smashing.forumotion.org" style="width: 600px;height: 25px;border-radius: 3px;font-size: 13px!important;border: 1px solid #ccc;" /><br /><br /><div style="width:200px;font-size:14px;display:inline-block;text-align:right">Source Name ::</div>
  <input type="text" id="srcname" name="srcname" placeholder="ex. Smashing Forum" style="width: 600px;height: 25px;border-radius: 3px;font-size: 13px!important;border: 1px solid #ccc;" /><br /><br />
 
<br /><BR /><BR />
<center><input type="submit" id="submitForm1" value="Create Topic" style="padding:8px 30px!important;font-size:14px" class="button2" /></center>
 
 
<script type="text/javascript">
 
document.getElementById('submitForm1').onclick = function() {
  var message = '',
      title = document.getElementById('Title'),
      poster = document.getElementById('poster'),
      rate = document.getElementById('rate'),
      msg = document.getElementById('text_editor_textarea'),
      srclink = document.getElementById('srxlink'),
      srcname = document.getElementById('srcname'),
      ytbid = document.getElementById('ytbid'),
      err = '',
      val = $.sceditor ? $(msg).sceditor('instance').val() : msg.value;
 
  if (!title.value) err += '\nYou did not enter a Movie Title';
  if (!poster.value) err += '\nYou did not enter a Poster Image';
  if (!rate.value) err += '\nYou did not enter a Rate value';
  if (!val) err += '\nYou did not enter a Movie Summary';
  if (!ytbid.value) err += '\nYou did not enter a Youtube ID';
  if (!srclink.value) err += '\nYou did not enter a Source Link';
  if (!srcname.value) err += '\nYou did not enter a Source Name';
 
  if (err) {
    alert(err);
    return;
  } else {
    $.post('/post', {
          subject : '' + title.value,
  message : '[table class="sTemplate"][tr][td class="sInformation"]\n[img]' + poster.value + '[/img] ' + val + '[/td]\n[td class="sRate"][img(50px,50px)]http://i86.servimg.com/u/f86/19/47/32/56/keditb10.png[/img] [b]' + rate.value + '[/b]/10[/td]\n[/tr]\n[tr][td][center][youtube]' + ytbid.value + '[/youtube][/center]\n\nSource: [url=' + srclink.value + ']' + srcname.value + '[/url][/td]\n[/tr]\n[/table]',
            mode : 'newtopic',
                f : 3, // forum id
            post : 1
    }, function(d) {
      alert('The topic was created succesfully!');
      window.location.href = $('a[href^="/viewtopic?t="]', d).attr('href');
    });
  }
};
</script>
 
<script type="text/javascript" src="http://illiweb.com/rs3/71/frm/SCEditor/src/jquery.sceditor.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/71/frm/SCEditor/src/plugins/bbcode.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/71/frm/SCEditor/src/sceditor-commands.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/71/frm/SCEditor/src/sceditor-commands-bbcode.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/71/frm/SCEditor/src/sceditor-custom-bbcode.js"></script>
<script type="text/javascript" charset="UTF-8">//<![CDATA[
(function ($) {
'use strict';
$.sceditor.locale["en"] = {
"Bold" : "Bold",
"Italic" : "Italic",
"Underline" : "Underline",
"Strikethrough" : "Barre",
"Align left" : "Aligne a gauche",
"Center" : "Κεντρική Στοίχιση",
"Align right" : "Aligne a droite",
"Justify" : "Justifie",
"Insert a Quote" : "'Citer'",
"Code" : "Code",
"Spoiler" : "Spoiler",
"Hidden" : "Cache",
"Insert an image" : "Εισάγετε μία εικόνα",
"Insert a link" : "Inserer un lien",
"Unlink" : "Supprimer un lien",
"Remove Formatting" : "Supprimer le formatage du texte",
"Insert an emoticon" : "Smileys",
"Switch Editor Mode" : "Basculer le mode d'edition",
"More" : "Plus/Moins de boutons",
"Insert" : "Υποβολή",
"URL:" : "Σύνδεσμος εικόνας",
"Author (optional)" : "Auteur (Optionnel)",
"Title (optional)" : "Titre (Optionnel)",
"Width (optional):" : "Πλάτος (προαιρετικό)",
"Height (optional):" : "Ύψος (προαιρετικό)",
"Description (optional):" : "Description (Optionnelle)",
};
})(jQuery);
//]]></script>
<script type="text/javascript">//<![CDATA[
var plugins = '';
var palette = 1;
var illiweb = 'http://illiweb.com/';
var locale = 'en';
var height = '200';
var width = '500';
var plugin = 'bbcode';
var toolbar = 'bold,italic,underline|center|image';
var cssFile = 'http://illiweb.com/rs3/71/frm/SCEditor/minified/jquery.sceditor.default.min.css';
var isRtl = 0;
var dice = new Array();
var bSourceMode = true;
var emoticonsEnabled = 1;
var smileys =  {};
var iframeSrc = '/smilies.forum?f=43&mode=smilies_frame&t=1421474705';
var illiwebDomain = 'http://illiweb.com/';
var servimgDomain = 'www.servimg.com';
var INTRANET = 0;
//]]></script>
<script type="text/javascript" src="http://illiweb.com/rs3/71/frm/SCEditor/src/instance-sceditor.js"></script>

I still get the undefined..
http://prntscr.com/bz7xv8

What's the URL of the sub-forum you're trying to post the topic in ? I gave the page a try on my test forum and it posted the topic successfully.

/f3-presentations is the url. But /f3-forum should do the trick too..

Yep that checks out fine.

Try checking this :
Go to Admin Panel > General > Security, and make sure the following option is set to "Yes" :
- Unauthorize unofficial forms to post messages and private messages on the forum

If it's set to "No" make sure to set it to "Yes", save the settings, and then test the form.

Hello @Ange Tuteur,

That is set to yes.

Got a test account ? I'll need to go hands on to figure out why it's not working on that forum specifically.

I have send you via pm the information of the test account!

My bad, I gave you the wrong information by mistake. This option :
"Unauthorize unofficial forms to post messages and private messages on the forum"

Should be set to "No". Having it on Yes prevents the forms from working. doh x.x

Yeah that fixed it.
But i still have a small problem. Where is the youtube ID part i want the youtube video to be the iframe code that gets copied from youtube but i cannot add that because when i add the iframe code it brakes the js in the html page.. Why can't i add this?

Code: <iframe width="560" height="315" src="https://www.youtube.com/embed/' + ytbid.value +'" frameborder="0" allowfullscreen></iframe>

That is the only one that makes them all look the same and professional...

Is there any error in your console ? Right click > Inspect > Console ( you might need to click the post button for the error to appear )

I can't tell just by the snippet, because it looks fine with just this part of the code.

@Ange Tuteur It's okay.

I saw the colored part and i thought it was something wrong with that that's why i asked.

Thanks man!

Oh ? You fixed the problem then ?

It worked normally. I didn't change anything. It just worked!

Oh, well that's good then ! xD