Tag: siblings

javascript or jquery find nextSibling

I have a shopping cart view cart list count and this document <div class="input-group input-number-group"> <div class="input-group-button" onclick="decrement_cart(this)"> <span class="input-number-decrement">-</span> </div> <input class="input-number text-center" type="number" value="{{ $detail[‘product_quantity’] }}" min="0" max="1000"> <div class="input-group-button" onclick="increment_cart(this)"> <span class="input-number-increment">+</span> </div> </div> and I want to change the middle input value by clicking on increment/decrement div. note: I can not… Read More javascript or jquery find nextSibling

MRLeave a comment

Header Height Not Expanding to the Size of Child Elements

My header element has no height. I have a navigation bar, like so: nav { display: block; } .main_nav_bar { width: 100%; position: fixed; top: 0px; z-index: 3; } .drop-down-menu { float: right; } .drop-down-button { padding: 15px; font-size: 40px; } .drop-down-content { width: 100vw; } .drop-down-content a { text-align: center; font-size: 200%; } <!DOCTYPE… Read More Header Height Not Expanding to the Size of Child Elements

MRLeave a comment

Button get specific input hidden value JQuery

I have a table in which the information is generated automatically for each line I have a button which in turn has an input type = ‘hidden’ element: <table> <tr> <td>ROW1</td> <td> <input type="hidden" id="id_1" value="1" /> <button class="btn btn-danger" id="bttn_1">DEL</button> </td> </tr> <tr> <td>ROW2</td> <td> <input type="hidden" id="id_2" value="2" /> <button class="btn btn-danger" id="bttn_2">DEL</button>… Read More Button get specific input hidden value JQuery

MRLeave a comment

Make the layout use the transformed coordinate (CSS)

Is there a way to make HTML/CSS to use the transformed coordinates in layout calculations? E.g. if I scale a div, I want the next div to automatically start on the scaled div’s boundary. body { padding:50px; } .a { width:100px; height:100px; background-color:red; transform:scale(1.2) } .b { width:100px; height:100px; background-color:blue; } <div class=”a”> hello </div>… Read More Make the layout use the transformed coordinate (CSS)

MRLeave a comment