The Arcive of Official vBulletin Modifications Site.

utw-Mephisto · #1 12-04-2005, 09:14 AM

I am using on my forum a function to expand / collapse some information relatated to some games ...

Anyway, not clicked, it looks like that :

When clicked :

I am using this code :

Code:

<div class="smallfont" style="margin-bottom:2px"><b>Arcade:</b>
<input type="button" value="Show Highscore" style="width:93px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Hide Highscore'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show Highscore'; }">
</div> 
<div class="alt2" >

<div style="display: none;">
$post[crowns]$post[champtext]
</div>
</div>
</div>

My problem : I would like to change the button to use a .gif instead of a grey standard button, however, when I am using

Code:

<INPUT type = "image" src ="gif file"

instead, I can see the effect for just a split second and then I get the error :

Does someone has ANY ideas whats going on

Marco van Herwaarden · #2 12-04-2005, 09:20 AM

Please post the exact code as you have it in your template.

utw-Mephisto · #3 12-04-2005, 09:47 AM

The particiular code starts at



Thanks

Code:

<!-- post #$post[postid] -->
<if condition="$show['spacer']">
	$spacer_open
	<if condition="!$post['islastshown']">
		<div style="padding:0px 0px $stylevar[cellpadding]px 0px">
	<else />
	<if condition="$post['toppadding']">
		<div style="padding:$stylevar[cellpadding]px 0px 0px 0px">
	</if>
	</if>
	<div id="edit$post[postid]">
</if>

<table id="post$post[postid]" class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center">
<tr>
	<if condition="$show['announcement']">
		<td class="thead" style="font-weight:normal" colspan="2">
			<img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" />
			<phrase 1="$post[startdate]" 2="$post[enddate]">$vbphrase[x_until_y]</phrase>
		</td>
	<else />
		<td class="thead" style="font-weight:normal" $post[scrolltothis]>		
			<!-- status icon and date -->
			<a name="post$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" /></a>
			$post[postdate]<if condition="!$show['detailedtime']">, $post[posttime]</if>
			$post[firstnewinsert]
			<!-- / status icon and date -->				
		</td>
		<td class="thead" style="font-weight:normal" align="$stylevar[right]">
			&nbsp;
			<if condition="$show['postcount']">#<a href="showpost.php?$session[sessionurl]p=$post[postid]&amp;postcount=$post[postcount]" target="new" rel="nofollow" id="postcount$post[postid]" name="$post[postcount]"><strong>$post[postcount]</strong></a></if>
			<if condition="$show['inlinemod']">
				<input type="checkbox" name="plist[$postid]" id="plist_$postid" style="vertical-align:middle; padding:0px; margin:0px 0px 0px 5px" value="$post[checkbox_value]" onclick="inlineMod.toggle(this)" />
			</if>
		</td>
	</if>
</tr>
<tr valign="top">
	<td class="alt2" width="150">
			
			<div id="postmenu_$post[postid]">
				<if condition="$show['profile']">
				<a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a>
				<script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script>
				<else />
				$post[musername]
				</if>
			</div>
			
			<if condition="$post['usertitle']"><div class="smallfont">$post[usertitle]</div></if>
			<if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if>
 <if condition="$post['isstaffrank']">
                                        <div class="smallfont">
                                        <if condition="$post['staffrank_opentag']">$post[staffrank_opentag]</if>
                                                <if condition="$post['staffrank']">$post[staffrank]</if>
                                        <if condition="$post['staffrank_closetag']">$post[staffrank_closetag]</if>
                                        </div>
                                </if>


		
			<if condition="$show['avatar']">
				<div class="smallfont">
					&nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
				</div>
			</if>
			
			<div class="smallfont">
				&nbsp;<br />

<!-- TEST -->

<div class="smallfont" style="margin-bottom:2px"><b>Arcade:</b>
<input type="button" value="Show Highscore" style="width:93px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Hide Highscore'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show Highscore'; }">
</div> 
<div class="alt2" >

<div style="display: none;">
$post[crowns]$post[champtext]
</div>
</div>
</div>
<!-- / TEST -->


				<!-- <if condition="$post['joindate']"><div>$vbphrase[join_date]: $post[joindate]</div></if>
				<if condition="$post['field2']"><div>$vbphrase[location_perm]: $post[field2]</div></if>
				<if condition="$post['age']"><div>$vbphrase[age]: $post[age]</div></if>
				<div>
					$vbphrase[posts]: $post[posts]
				</div>
				<if condition="$show['reputation']"><div><if condition="$show['reppower']">$vbphrase[reppower]: $post[reppower]</if>$post[reputationdisplay]</div></if> -->
			 
			</div>					
		
	</td>
	<if condition="$show['moderated']">
	<td class="alt2" id="td_post_$post[postid]">
	<else />
	<td class="alt1" id="td_post_$post[postid]">
	</if>
	
		<if condition="$show['messageicon'] OR $post['title']">
			<!-- icon and title -->

			<div class="smallfont">
		<!-- 		<if condition="$show['messageicon']"><img class="inlineimg" src="$post[iconpath]" alt="$post[icontitle]" border="0" /></if> --> 
		<if condition="$post['title']"><strong>$post[title]</strong></if><br><br>
			</div>
			<!-- <hr size="1" style="color:$stylevar [tborder_bgcolor]" /> -->
			<!-- / icon and title -->
		</if>
		
		<!-- message -->
		<div id="post_message_$post[postid]">$post[message]</div>
		<!-- / message -->
	
		<if condition="$show['attachments']">
		<!-- attachments -->
			<div style="padding:$stylevar[cellpadding]px">
			
			<if condition="$show['thumbnailattachment']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attached_thumbnails]</legend>
					<div style="padding:$stylevar[formspacer]px">
					$post[thumbnailattachments]
					</div>
				</fieldset>
			</if>
		
			<if condition="$show['imageattachment']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attached_images]</legend>
					<div style="padding:$stylevar[formspacer]px">
					$post[imageattachments]
					</div>
				</fieldset>
			</if>
			
			<if condition="$show['imageattachmentlink']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attached_images]</legend>
					<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
					$post[imageattachmentlinks]
					</table>
					</fieldset>
			</if>
			
			<if condition="$show['otherattachment']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attached_files]</legend>
					<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
					$post[otherattachments]
					</table>
				</fieldset>
			</if>
			
			<if condition="$show['moderatedattachment']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attachments_pending_approval]</legend>
					<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
					$post[moderatedattachments]
					</table>
				</fieldset>		
			</if>
			
			</div>
		<!-- / attachments -->
		</if>
		
		<if condition="$post['signature']">
		<!-- sig -->
			<div>
				__________________<br />
				$post[signature]
			</div>
		<!-- / sig -->
		</if>
		
		<if condition="$show['postedited']">
		<!-- edit note -->
			<div class="smallfont">			<hr size="1" style="color:$stylevar[tborder_bgcolor]" />
				<em>
				<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]">$vbphrase[last_edited_by_x_on_y_at_z]</phrase>.
				<if condition="$post['edit_reason']">$vbphrase[reason]: $post[edit_reason]</if>
				</em>
			</div>
		<!-- / edit note -->
		</if>
	
	</td>
</tr>
<tr>
	<td class="alt2">

$post[onlinestatus]
		<if condition="$show['reputationlink']"><a href="#" onclick="reputation($post[postid]); return false;"><img class="inlineimg" src="$stylevar[imgdir_button]/reputation.gif" border="0" alt="<phrase 1="$post[username]">$vbphrase[add_to_xs_reputation]</phrase>" /></a></if>
		<if condition="$show['reportlink']"><a href="report.php?$session[sessionurl]p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/report.gif" alt="$vbphrase[report_bad_post]" border="0" /></a></if>
		$post[iplogged]
		&nbsp;
	
	</td>
	<if condition="$show['moderated']">
	<td class="alt2" align="$stylevar[right]">
	<else />
	<td class="alt1" align="$stylevar[right]">
	</if>
		<!-- controls -->
<a href="member.php?u=$post[userid]" ><img src="images/buttons/profile.gif" border="0" align="left" alt="Click Here to See the Profile for $post[username]"></a>
 
<a href="private.php?do=newpm&u=$post[userid]"><img src="images/buttons/sendpm2.gif" border="0" align="left" alt="Click here to Send $post[username] a Private Message"></a>
 
<a href="search.php?do=finduser&u=$post[userid]"><img src="images/buttons/find2.gif" border="0" align="left" alt="Find more posts by $post[username]"></a>
 
<a href="profile.php?do=addlist&userlist=buddy&u=$post[userid]"><img src="images/buttons/buddy.gif" border="0" align="left" alt="Add $post[username] to your buddy list"></a>




 <!-- Start vBPunch --> <!--
<if condition="$can_punch">
<script type="text/javascript">
vbphrase['vbpunch_enter_any_addtional_text_here'] = "$vbphrase[vbpunch_enter_any_addtional_text_here]";
vbphrase['vbpunch_punching'] = "$vbphrase[vbpunch_punching]";
</script>
<script type="text/javascript" src="clientscript/vbpunch.js"></script>
<a href="#" onClick="do_punch('$post[userid]', '$post[postid]'); return false;">$vbphrase[vbpunch_punch_user]</a>
</if> -->
<!-- End vBPunch --> 


		<if condition="$post['editlink']">
			<a href="$post[editlink]" name="vB::QuickEdit::$post[postid]"><img src="$stylevar[imgdir_button]/edit.gif" alt="$vbphrase[edit_delete_message]" border="0" /></a>
		</if>
		<if condition="$post['forwardlink']">
			<a href="$post[forwardlink]"><img src="$stylevar[imgdir_button]/forward.gif" alt="$vbphrase[forward_message]" border="0" /></a>
		</if>
		<if condition="$post['replylink']">
			<a href="$post[replylink]" rel="nofollow"><img src="$stylevar[imgdir_button]/<if condition="$post['forwardlink']">reply_small<else />quote</if>.gif" alt="$vbphrase[reply_with_quote]" border="0" /></a>
		</if>
		<if condition="$show['quickreply'] AND !$show['threadedmode']">
			<a href="$post[replylink]" rel="nofollow" id="qr_$post[postid]" onclick="return false"><img src="$stylevar[imgdir_button]/quickreply.gif" alt="$vbphrase[quick_reply_to_this_message]" border="0" /></a>
		</if>
		<if condition="$show['moderated']">
			<img src="$stylevar[imgdir_misc]/moderated.gif" alt="$vbphrase[moderated_post]" border="0" />
		</if>
		<!-- / controls -->
	</td>
</tr>
</table>

<!-- post $post[postid] popup menu -->
<div class="vbmenu_popup" id="postmenu_$post[postid]_menu" style="display:none">
	<table cellpadding="4" cellspacing="1" border="0">
	<tr>
		<td class="thead">$post[username]</td>
	</tr>
	<if condition="$show['profile']">
		<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$post[userid]">$vbphrase[view_public_profile]</a></td></tr>
	</if>
	<if condition="$show['pmlink']">
		<tr><td class="vbmenu_option"><a href="private.php?$session[sessionurl]do=newpm&amp;u=$post[userid]"><phrase 1="$post[username]">$vbphrase[send_private_message_to_x]</phrase></a></td></tr>
	</if>
	<if condition="$show['emaillink']">
		<tr><td class="vbmenu_option"><a href="sendmessage.php?$session[sessionurl]do=mailmember&amp;u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_email_to_x]</phrase></a></td></tr>
	</if>
	<if condition="$show['homepage']">
		<tr><td class="vbmenu_option"><a href="$post[homepage]"><phrase 1="$post[username]">$vbphrase[visit_xs_homepage]</phrase></a></td></tr>
	</if>
	<if condition="$show['search']">
		<tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=finduser&amp;u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[find_more_posts_by_x]</phrase></a></td></tr>
	</if>
	<if condition="$post['userid'] AND $show['member']">
	<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=addlist&amp;userlist=buddy&amp;u=$post[userid]"><phrase 1="$post[username]">$vbphrase[add_x_to_buddy_list]</phrase></a></td></tr>
	</if>
	</table>
</div>
<!-- / post $post[postid] popup menu -->

<if condition="$show['spacer']"></div><if condition="!$post['islastshown']"></div></if>$spacer_close</if>
<!-- / post #$post[postid] -->

Currently in "button" configuration ...

Marco van Herwaarden · #4 12-04-2005, 01:27 PM

Sorry but it is a bit too much messy for me to check all out.

A few things though i noticed:
- The onclick: better to create a JS function and call that, then to try to code all inline.
- Just below the test you have commented out some part, but left 1 /div
- Inside your test block, you have 2 div-open tags and 3 /div close tags.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.03350 seconds Memory Usage 2,240KB Queries Executed 13 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)ad_showthread_firstpost (1)ad_showthread_firstpost_sig (1)ad_showthread_firstpost_start (3)bbcode_code (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (4)post_thanks_box (4)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (4)post_thanks_postbit_info (4)postbit (4)postbit_onlinestatus (4)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!