Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Using <Div style=...> to show/hide checkbox, How to Remove <p> type effect of <div> in Table

Posted on 2007-12-06
2
Medium Priority
?
1,245 Views
Last Modified: 2013-11-19
Hi Experts,

After searching for the best way to show/hide a checkbox with some text next to it, I settled on using a <div> and vbscript to change the style visibility.

My issue now is that the <div> actually effects the insides of the <td> making it appear to be 2 lines, like it was a <p> or something.

Is there some way of removing this effect, so that is simply appears next to the text? Maybe another tag?

The HTML is dynamically created from ASP, based on a SP.

I look forward to your reply.

--------Snippet - Source HTML-----------
<tr><td class=Bonds><a href=TransBankView_nh1.asp?BankCode=BA    >BA    </td><td class=Bonds> </td>
<td class=Bonds>DD</td>
<td class=Bonds>POOL  </td>
<td class=Bonds>80,000,000</td>
<td class=Bonds>12,690</td>
<td class=Bonds>80,012,690</td>
<td class=Bonds  align=center><INPUT Type=CheckBox Name=checkall3 onclick=vbscript:enablePI(3)> 
<div name=divcheckbox3 STYLE="visibility:  hidden">PI<INPUT type=CheckBox Name=PI3></div>
<INPUT Type=Hidden Name=TranID3 Value=1677></td></tr>
 
-------VBScript--------
Function enablePI(intID)
dim CA
dim PI
 
	CA = "checkall" & intID
	PI = "PI" & intID
	if Frmcheckall.elements(CA).checked = true then
		Eval("divcheckbox" & intID).style.visibility  = "visible"
		Frmcheckall.elements(PI).checked = 0
	else
		Eval("divcheckbox" & intID).style.visibility = "hidden"
		Frmcheckall.elements(PI).checked = 0
	end if
 
End Function

Open in new window

0
Comment
Question by:Craig Lambie
2 Comments
 
LVL 2

Accepted Solution

by:
biztopia earned 500 total points
ID: 20418616
<div> is a block level tag, try using <span> instead.

Cheers
D
0
 
LVL 1

Author Closing Comment

by:Craig Lambie
ID: 31413105
Thanks D!!
I had tried span yesterday, but I think I was having issues with the style hidden at that stage!!
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn how to dynamically set the form action using jQuery.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Suggested Courses

916 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question