Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

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,244 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

On Demand Webinar: Networking for the Cloud Era

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

Question has a verified solution.

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

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

721 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