Welcome to Code Forum!

Join a community that supports you and your coding journey from day one. We strive to be a friendly, supportive community that empowers everyone to be better developers. By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Search results

  1. R

    JavaScript JavaScript not adding event listener

    I have the following code that adds a new row to a table, then replaces an add button with a delete button var table = $('#Table'); var lastRow = table.find('tr:last'); var clone = lastRow.clone()...
  2. R

    JavaScript Replacing (Toggle) classes

    How do I toggle a classname in a multi-class div? In the head section: <div class="row none" id="DivId"> .......... </div> .row.none{display: none;} .row.flex{display: flex;} var Id = $("#DivId").classList; Id.addClass("flex").removeClass("none");
  3. R

    Sticky columns with scrollable columns not overlapping

    This is my header <div id="table-scroll" class="table-scroll"> <table id="main-table" class="main-table"> <thead> <tr> <th class="col col1" scope="col">Header 1</th> <th class="col col2" scope="col">Header 2</th> <th...
  4. R

    Sticky columns with scrollable columns not overlapping

    Its actually the scrollable columns that are overlapping without table layout fixed, not the sticky columns. I gave the table a width or 150%, but its not having any affect. The horizontal scrollbar is only displayed when table layout is not set, and when its not, the sticky column width...
  5. R

    Sticky columns with scrollable columns not overlapping

    I have a table with 10 columns and 10 rows and a header row. I want the header row, first three columns and last column to be sticky, sticky columns 100px width. It seems table-layout fixed works with fixed column width, but does not prevent scrollable columns from overlapping. The vertical...
  6. R

    JavaScript RemoveEventListener not working

    I tried that ele3.addEventListener('click', DeleteRow); Not only is it not adding function to the button, it not adding the button either. However if I use ele3.addEventListener('click',function(){DeleteSkills()}); it is adding the button to the td, just not the event listener.
  7. R

    JavaScript RemoveEventListener not working

    I have 3 tables, first with header and first row of input which is required, second should the user want to add one or more additional rows, third for the AddRow button. If the user click the AddRow button, if the 2nd table is empty, a row is added dynamically, otherwise, the first row is...
  8. R

    JavaScript RemoveEventListener not working

    I have changed the design, no need to remove event listener. What is the best way of adding an event listener to an input dynamically? Am I using addEventListener wrong?
  9. R

    JavaScript RemoveEventListener not working

    I have a html table as such: cell1 input button with AddRow click event, cell2 input text, cells 3 & 4 input number. Onclick gives me this I want to replace the AddRow with a DeleteRow on the button on the preceding row. The removeEventListener isn't working. var...
  10. R

    HTML & CSS HTML accordion with flex

    I have been looking at flex tutorials and have not figured out how to do this: 5 inputs mix of text and selects, all fit on one row, but I want 3 on one row with two on the next, all space-evenly I have two containers, one for each row, but I want them all in the same container. Is there a way...
  11. R

    HTML & CSS HTML accordion with flex

    No, not using bootstrap. This is another form (WIP) and the CSS #Departments{ margin: 10% 10% 10% 10%;} .collapsible{margin: 0 0 0 0; width: 100%; height: 50px;} .content{width: 100%; } .name{margin-left: 15%; margin-top: 50px;} .country{visibility: visible; width: 10%;} margin has no affect...
  12. R

    HTML & CSS HTML accordion with flex

    I want to replace absolute positioning with flex which I am new to. I want two columns of inputs, I want them side by side, not one under the other. I have flex-direction set to row, but as you can see, the input are not lining up in a row. Don't know why.
  13. R

    HTML & CSS HTML accordion with flex

    I have this and this when Department 1 button is clicked The CSS positioning is using absolute, however I want to change this to flex which I'm new at. This is my CSS #Departments{ margin: 10% 10% 10% 10%; } .collapsible{margin: 0 0 0 0; width: 100%; height: 50px;} .content{display...
  14. R

    JavaScript JQuery JSON updating sql

    With some help I got the JQuery/JSON working to the extent the call is failing. I'm using wamp (localhost). As all the files I'm using are in the same folder, is the php file name enough for the url?
  15. R

    JavaScript JQuery JSON updating sql

    The data are the names of html data cells containing team names and goals scored by each team. <td style="width: 200px; text-align: center;" name="Week1Game1Home" >Home Team</td> <td name="Home1Goals" id="Home1Goals" style="width: 20px;"></td> <td name="Away1Goals" id="Away1Goals"...
  16. R

    JavaScript JQuery JSON updating sql

    I am trying to update an league table with game scores. On game start 0-0, games played, games drawn and pts won increase 1 for both teams. After a team scores, one team's draw becomes a win and gets 2 more points, goals for increases by 1, the other team's draw becomes a loss and loses a...
Back
Top Bottom