Jump to content

dudskie37

Members
 View Profile  See their activity

  • Posts

    3

  • Joined

  • Last visited

 Content Type 

Posts posted by dudskie37

    Javascript problem

    in JavaScript

    Posted

    Hi Gurus,I have this problem that I was not able to solve for many hours already. So, I decided to post this issue on this forum:1. I would like to come up when I click the link "change order", all the order column should show the textbox with the order value.2. I would like to come up when I change the order value, it should not accept duplicate like 2 and other one is 2 too.Javascript code so far:

        function showChangeCompositeSectionOrderForm(rcsoID)    {        getElement('changeCompositeSectionOrder_' + rcsoID).style.display = "none";        getElement('changeCompositeSectionOrderLink_' + rcsoID).style.display = "none";        getElement('changeCompositeSectionOrderForm_' + rcsoID).style.display = "";        getElement('changeCompositeSectionOrderSave_' + rcsoID).style.display = "";    }

    Here is my HTML:

    <table width="100%" cellspacing="0" cellpadding="2" border="0">    <tr class="Header">        <td style="width:10%;">Order</td>        <td style="width:30%;">Section Name</td>        <td style="width:10%; text-align:center;">Custom</td>        <td style="width:50%; text-align:center;"> </td>    </tr>        <tr class="Row">        <td style="width:10%; padding:2px 2px 2px 16px;">            <span id="changeCompositeSectionOrder_9">1</span>             <span style="display:none;" id="changeCompositeSectionOrderForm">                <input type="text" size="2" value="1" id="rcso_order_9" name="rcso_order_9">            </span>        </td>        <td style="width:30%;">Cover Section</td>                <td style="width:10%; text-align:center;">no</td>                <td style="width:50%; text-align:center;">            <a href="javascript:verifyRemoveSectionType(getElement('frmMain'), '9', '179', '283', '9');" class="smallLinks">remove</a> | <a href="javascript:showChangeCompositeSectionOrderForm('9');" id="changeCompositeSectionOrderLink_9" class="smallLinks">change order</a>            <span style="display:none;" id="changeCompositeSectionOrderSave_9">                <a href="javascript:verifyCompositeSectionOrderSave(getElement('frmMain'), '9');" class="smallLinks">save</a>            </span>        </td>    </tr>        <tr class="Row">        <td style="width:10%; padding:2px 2px 2px 16px;">            <span id="changeCompositeSectionOrder_10">2</span>             <span style="display:none;" id="changeCompositeSectionOrderForm">                <input type="text" size="2" value="2" id="rcso_order_10" name="rcso_order_10">            </span>        </td>        <td style="width:30%;">Preface Section</td>                <td style="width:10%; text-align:center;">no</td>                <td style="width:50%; text-align:center;">            <a href="javascript:verifyRemoveSectionType(getElement('frmMain'), '10', '179', '283', '10');" class="smallLinks">remove</a> | <a href="javascript:showChangeCompositeSectionOrderForm('10');" id="changeCompositeSectionOrderLink_10" class="smallLinks">change order</a>            <span style="display:none;" id="changeCompositeSectionOrderSave_10">                <a href="javascript:verifyCompositeSectionOrderSave(getElement('frmMain'), '10');" class="smallLinks">save</a>            </span>        </td>    </tr>    <tr class="Row">        <td colspan="4"> </td>    </tr></table>

    Twitter Bootstrap responsive design

    in CSS

    Posted

    Hi, I am just new with twitter bootstrap and I have started this CSS code for a a responsive design.

    <!DOCTYPE HTML><html lang="en"><head>    <link href="includes/Bootstrap/css/bootstrap.css" rel="stylesheet">    <link href="includes/Bootstrap/css/bootstrap-responsive.css" rel="stylesheet"></head><body>    <div class="page-container">        <div class="container">            <div class="container-fluid">                <header class="margin-top">                    <div class="row-fluid">                        <img border=0 src="images/header.jpg" alt="">                    </div>                </header>                                <div class="row-fluid">                    <div class="span3">                        <div class="well sidebar-nav">                            <ul class="nav nav-list">                                <li><a href="index.php">Home</a></li>                                <li><a href="contact-us.php">Contact </a></li>                                <li><a href="about-us.php">About Us</a></li>                            </ul>                        </div><!--/.well -->                    </div><!--/span-->                    <div class="span9">                        <div class="hero-unit">				If I have a long content here.. The sidebar does not follow the height of the content.                        </div>                    </div><!--/span-->                </div><!--/row-->            </div><!--/.fluid-container-->        </div>    </div></body></html>

    Now my issue is, if have a long content in my div class "hero-unit". The side bar height does not follow the height of the content. What needs should be added to my "well sidebar-nav" so the sidebar height should be the same as the height of the content?

     

    Thank you,

×
×
  • Create New...