| aceofspades |
05-29-2008 01:39 PM |
Creating a table in the message posting page
Hey,
I want to make a table within the message posting area so that it tells you what the section is on the left and then has that section on the right. For example the left table box would say "Title" and then the right table box next to it will have the title box.
Below is a picture of what i want to achieve:
http://img141.imageshack.us/img141/805/vbws6.jpg
(Excuse the bad mock up in paint)
Here is my current newpost code:
PHP Code:
$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
$headinclude
<title>$vboptions[bbtitle] - $vbphrase[reply_to_topic]</title>
</head>
<body$onload>
$header
$navbar
$postpreview
<form action="newreply.php?do=postreply&t=$threadid" name="vbform" method="post"<if condition="!is_browser('webtv')"> onsubmit="return vB_Editor['$editorid'].prepare_submit(0, $vboptions[postminchars])"</if>>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="tcat">
<span class="smallfont" style="float:$stylevar[right]"><strong>$vbphrase[thread]</strong>: <a href="showthread.php?$session[sessionurl]t=$threadinfo[threadid]">$threadinfo[title]</a></span>
$vbphrase[reply_to_thread]
</td>
</tr>
<tr>
<td class="panelsurround" align="center">
<div class="">
<div style="width:$stylevar[formwidth]" align="$stylevar[left]">
<!-- subject field -->
<table cellpadding="0" cellspacing="0" border="0" class="fieldset">
<tr>
<td><input type="text" class="bginput" name="title" value="$title" size="50" maxlength="85" tabindex="1" title="$vbphrase[optional]" /></td>
<td> </td>
<td><img id="display_posticon" src="$selectedicon[src]" alt="$selectedicon[alt]" /></td>
</tr>
</table>
<!-- / subject field -->
$posticons
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<!-- message area -->
$messagearea
<!-- / message area -->
<if condition="$unquoted_post_count > 0">
<div id="unquoted_posts" class="smallfont" style="display: none">
<if condition="$unquoted_post_count == 1">
$vbphrase[selected_1_post_not_part_thread]
<else />
<phrase 1="$unquoted_post_count">$vbphrase[selected_x_posts_not_part_thread]</phrase>
</if>
</div>
<script type="text/javascript" src="clientscript/vbulletin_ajax_quote.js?v=$vboptions[simpleversion]"></script>
<script type="text/javascript">
<!--
if (AJAX_Compatible)
{
fetch_object('unquoted_posts').style.display = '';
}
init_unquoted_posts('$editorid', $threadinfo[threadid]);
// -->
</script>
</if>
$imagereg
</td>
</tr>
</table>
</div>
</div>
<div style="margin-top:$stylevar[cellpadding]px">
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="do" value="postreply" />
<input type="hidden" name="t" value="$threadid" />
<input type="hidden" name="p" value="$postid" />
<input type="hidden" name="posthash" value="$posthash" />
<input type="hidden" name="poststarttime" value="$poststarttime" />
<input type="hidden" name="loggedinuser" value="$bbuserinfo[userid]" />
<input type="hidden" name="multiquoteempty" value="$multiquote_empty" />
<input type="submit" class="button" name="sbutton" id="{$editorid}_save" value="$vbphrase[submit_reply]" accesskey="s" tabindex="1" />
<input type="submit" class="button" name="preview" value="$vbphrase[preview_post]" accesskey="r" tabindex="1" />
</div>
</td>
</tr>
</table>
<if condition="$show['additional_options']">
<br />
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
<tr>
<td class="tcat">
<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('newpost_options')"><img id="collapseimg_newpost_options" src="$stylevar[imgdir_button]/collapse_tcat$vbcollapse[collapseimg_newpost_options].gif" alt="" border="0" /></a>
$vbphrase[additional_options]
</td>
</tr>
</thead>
<tbody id="collapseobj_newpost_options" style="$vbcollapse[collapseobj_newpost_options]">
<tr valign="top">
<td class="panelsurround" align="center">
<div class="panel">
<div style="width:$stylevar[formwidth]" align="$stylevar[left]">
<if condition="$show['misc_options']">
<fieldset class="fieldset">
<legend>$vbphrase[miscellaneous_options]</legend>
<div style="padding:$stylevar[formspacer]px">
<if condition="$bbuserinfo['signature'] != ''"><div><label for="cb_signature"><input type="checkbox" name="signature" value="1" id="cb_signature" tabindex="1" $checked[signature] />$vbphrase[show_your_signature]</label></div></if>
<if condition="$show['parseurl']"><div><label for="cb_parseurl"><input type="checkbox" name="parseurl" value="1" id="cb_parseurl" tabindex="1" $checked[parseurl] />$vbphrase[automatically_parse_links_in_text]</label></div></if>
$disablesmiliesoption
</div>
</fieldset>
</if>
$attachmentoption
<if condition="$show['member']">
<fieldset class="fieldset">
<legend>$vbphrase[thread_subscription]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td>$vbphrase[notification_type]:<br /><select name="emailupdate" tabindex="1">
<option value="9999" $emailchecked[9999]>$vbphrase[do_not_subscribe]</option>
<option value="0" $emailchecked[0]>$vbphrase[no_email_notification]</option>
<option value="1" $emailchecked[1]>$vbphrase[instant_email_notification]</option>
<option value="2" $emailchecked[2]>$vbphrase[daily_email_notification]</option>
<option value="3" $emailchecked[3]>$vbphrase[weekly_email_notification]</option>
</select></td>
<if condition="$show['subscribefolders']"><td>$vbphrase[folder]:<br /><select name="folderid" tabindex="1">$folderbits</select></td></if>
</tr>
</table>
</fieldset>
</if>
<if condition="$show['threadrating']">
<fieldset class="fieldset">
<legend>$vbphrase[rate_thread]</legend>
<div style="padding:$stylevar[formspacer]px">
<div>$vbphrase[can_add_a_score_for_thread]</div>
<div>
<select name="rating" tabindex="1">
<option value="0"$rate[0]>$vbphrase[choose_a_rating]</option>
<optgroup>
<option value="5"$rate[5]>5 : $vbphrase[excellent]</option>
<option value="4"$rate[4]>4 : $vbphrase[good]</option>
<option value="3"$rate[3]>3 : $vbphrase[average]</option>
<option value="2"$rate[2]>2 : $vbphrase[bad]</option>
<option value="1"$rate[1]>1 : $vbphrase[terrible]</option>
</optgroup>
</select>
</div>
</div>
</fieldset>
</if>
$threadmanagement
</div>
</div>
<div style="margin-top:$stylevar[cellpadding]px">
<input type="submit" class="button" name="sbutton" value="$vbphrase[submit_reply]" accesskey="s" tabindex="1" />
<input type="submit" class="button" name="preview" value="$vbphrase[preview_post]" accesskey="r" tabindex="1" />
</div>
</td>
</tr>
</tbody>
</table>
</if>
</form>
<br />
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="tcat">
<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('threadreview')"><img id="collapseimg_threadreview" src="$stylevar[imgdir_button]/collapse_tcat$vbcollapse[collapseimg_threadreview].gif" alt="" border="" /></a>
$vbphrase[topic_review_newest_first]
</td>
</tr>
</table>
$spacer_close
$spacer_open
<div id="collapseobj_threadreview" style="$vbcollapse[collapseobj_threadreview]">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
$threadreviewbits
<if condition="$show['reviewmore']">
<tr>
<td class="tfoot" align="center" colspan="2"><span class="smallfont">
<phrase 1="$vboptions[maxposts]" 2="showthread.php?$session[sessionurl]t=$threadid">$vbphrase[thread_has_more_than_x_review]</phrase>
</span></td>
</tr>
</if>
</table>
</div>
$spacer_close
$spacer_open
<br />
$forumrules
$footer
</body>
</html>
Ive tried a few different techniques to try and get this to work but each time it breaks my posting interface so i was hoping someone could help me out with it.
James |
More Information