ProgrammingThis forum is for all programming questions.
The question does not have to be directly related to Linux and any language is fair game.
Notices
Welcome to LinuxQuestions.org, a friendly and active Linux Community.
You are currently viewing LQ as a guest. By joining our community you will have the ability to post topics, receive our newsletter, use the advanced search, subscribe to threads and access many other special features. Registration is quick, simple and absolutely free. Join our community today!
Note that registered members see fewer ads, and ContentLink is completely disabled once you log in.
If you have any problems with the registration process or your account login, please contact us. If you need to reset your password, click here.
Having a problem logging in? Please visit this page to clear all LQ-related cookies.
Get a virtual cloud desktop with the Linux distro that you want in less than five minutes with Shells! With over 10 pre-installed distros to choose from, the worry-free installation life is here! Whether you are a digital nomad or just looking for flexibility, Shells can put your Linux machine on the device that you want to use.
Exclusive for LQ members, get up to 45% off per month. Click here for more info.
I love the quality of the information at this place, but I haven't been able to find any solutions at the moment anywhere. So... here it is.
I have a containment issue with my show hide div. Like in another post I read I have the first line of text in the table show, then the rest of the paragraph I have stuck in my showHide div. The showhide works, but for some reason, when the div shows, it breaks out of the table and overlaps it. How do I get it to push down the table and make more room to fit?
You need to make sure the css positioning is set properly as well as the z-index doesn't put it above the other stuff. Code samples would help figure it out.
Thanks! just tried it and it works! I have a similar problem with a floating, toplevel div (has highest zindex). I am trying ot put an expand and collapse in that too. The height and width has to be set to give it its shape though. Is there a way do the expand and contract? I would assume its like on some navigation boxes... ??
Here is my box. I need both the div class="left" and div class="out" to expand the same amount, lets say 150px, when I click show/hide. I know you can't reference it by class. Could I reference it by DOM ancestry of som kind? or should I create a an I called "leftout" then just reference both? I need the most flexibility... Thanks for the quick replies!
Code:
<div id="left" class="left">
<div class="out" onClick="BringToFront('left'); return false;">
<div class="hd" onClick="BringToFront('left'); return false;">Target Specific Amenities or Features</div>
<div class="in" onClick="BringToFront('left'); return false;">
<div class="showHide" onclick="showHide('extraop');">Show/Hide </div><br />
<div id="extraop" >
<form>
Price: give priority to hotels with<br />
<input type="checkbox" name="price" class="mopts" /> lowest rates<br />
<input type="checkbox" name="price" class="mopts" /> modest rates<br />
Quality: give priority to hotels with<br />
<input type="checkbox" name="quality" class="mopts" /> highest star rating<br />
<input type="checkbox" name="quality" class="mopts" /> modest star rating<br />
Value: give priority to hotels with<br />
<input type="checkbox" name="value" class="mopts" /> deals and special offers<br />
<input type="checkbox" name="value" class="mopts" /> best value for the money<br />
</form>
</div>
</div>
</div>
</div>
LinuxQuestions.org is looking for people interested in writing
Editorials, Articles, Reviews, and more. If you'd like to contribute
content, let us know.