I have a checkbox that when clicked I want to hide all of the entierows in my table where those fields with a class of internalFieldequals True. The hiding part works well but when I uncheck thecheckbox the rows do not become visible again. So I guess my questionis how do I toggle the value of this checkbox (chkInternal) to hide/show these table rows?
I'm getting an error in displayDirectors() on the line shown. What I want to do is hide the rows in the table where rs_Board("DirStatus") = "Retired" with hideDirectors() and show all records with showDirectors(). What I did was create a column with a checkbox which is not visible to the user and check this box when rs_Board("DirStatus") = "Retired" and leave it unchecked when it doesn't. There's probably a better way of doing this. I also want the text in <span id="DirectorsCaption"> to change with each function but I'm pretty sure this will work when the other error is debugged. Code:
I have a set of data that I display in a table. Each row has a category and there may be a dozen or more rows in the same category. I'm looking to add filter buttons to the page to hide/show categories on the fly.
Currently I can: Set the id on the tr to (category name) or to (category name.data id).
Using the first, is there a way to hide all rows with that same id? It seems currently to only hide the first row with that id.
If not, is there an easy way to find all rows whose id starts with (category name)? I figure I could regex over every element in the page looking for ones that begin with a particular id, but that would be silly.
Also, is there a way to refer to every row of a table? I'd like to first hide every row, then show those in the required category.
Say, for example, I have a table with an undefined number of rows. Row 1 contains number 1 to 10, row 2 contains 11 to 20... you get the picture. The table is autogenerated and id's are made unique by the system (GUID's plus id). I am able to add a 'name'attribute to'img''sthat are in the td's and add a groupname i.e. '11to20'. Using this i want to test showing/hiding grouprows. Now I have a dropdownlist on the page where the user selects the groupname from i.e."11to20". I would like to be able to hide the rows not having the selected groupname and show the rows that do. I've constructed a query that would hide the selected groupname but it hides all tr's. $(obj).attr('name', obj.options[obj.selectedIndex].value).parents('tr').siblings().fadeOut('fast');
Here's the (simplified) sample html I constructed by hand for this message: <fieldset class="my-form"><div> <div class="NumberSelector""> <label for="ChooseNumber">Choose a number</label> <table id="ChooseNumber" cellspacing="10" border="0" style="width:542px;"> <tr><td><label for="ChooseNumber_1"> <img name="1To10" src="/images/number1.jpg" alt="number1" onclick="ImagePopup(this);"/> .....
Is there a way to collapse only certain colored rows? So far all the rows collapse...I was thinking I could put another if statement in the for loop, but is there a way to test for color?
Code: <html> <script type="text/javascript"> var rowVisible = true; function toggleDisplay(tbl) {
I've hacked together a calculator, it features one row to begin with that accepts user inputs to specify height (from dropdown), width, depth, qty (text fields).It then performs a calculation (width+depth) * multiplier +12
The multiplier is defined by an IF based on the selected height.I want to add 10 or more rows which are identical, and then get a grand total for all the rows' totals added together.Where I am stuck is how to change the drawerPrice function to handle extra rows.I basically know nothing about js, this is a result of day 1.
Code JavaScript: <script type = "text/javascript"> //<![CDATA[[code].....
I have some JQuery that makes an Ajax call and then adds some rows to an existing table.
function LoadDestinationTable() { $("#destinationTable tr:gt(0)"[code]...
The problem is that the only place where the click event fires is on the rows that were added when the page was 1st rendered – the th, for example.I also tried adding an onclick event handler to the input button’s creation – that also does not fire.
i'm creating a ASP page, which is going to have a form in it that needs filling out. part of the form will be a table with a header row, then the next rows will have text boxes that need filling out. is there a way of putting in a dropdown box that contatins numbers that will dynamically show the rows. for example if i select 5, then five rows of text boxes will appear. if i select 14 then 14 appear.
I have a need to select all table rows in the outer table of a cascading table structure, that is a table with contained tables. I tried to use the "Context" section of jQuery, but the table rows of the sub tables are being selected as well.
I have a site with 2 side by side tables with matching data. The left table is a drag-n-drop implementation so you can reorder the values in the database just by dragging and dropping. It works wonderfully. I want the right table to reflect the changes instantaneously. I got the right table to reload itself with the following jquery line:
I am new to jQuery and can't get this to work properly. I am loading content form a php page through an AJAX call. Based on the data that is returned I want to fade in a DIV or keep it hidden. Therefore I have a if construction that checks the data that was inserted in a DIV from the PHP page. If the PHP page returned 'No data' the DIV should remain hidden. The loading part works OK, but somehow the hiding or showing of the DIV doesn't work. What am I doing wrong? Is the syntax correct? This is what I have now:
I have a dynamic HTML table which gets populated by coldfusion and displayed in the page, I have a column called performace which holds numeric values. I need to select the top 3 best performace value in the column and then highlight the entire row in different colours (top 3 values for performance). Can any one help me in doing it?My server can run only Javascript and coldfusion, No Ajax/PHP.I need a complete set of code which such that I will add the script and it performs the calculating and highlighting part.
When you click the text "info" in the column "comments", a row should be displayed below with text information that is related to the "comments". Need also to click the text "Info" again to hide the text information of comments. Problem: I don't know how to display the row when you click one of the comments with the text "info". When clicking one of the link the remaining rows with the text "info" should not be affected. In order words, the part should be independent Need also some help hiding the text information of comments.
There are some things that you also need to take account to: - The amount of data that will be displayed in the table will be changed from day to day. The data is taken from a xml file.- Would like the sourcode to be written in jQuery.- Only html, css and javascript is allowed in this context.- html code in tr and td will be generated by javscript code.The class "firstDataRow" is the added in the tr row that has the text information of commentsPlease remember that the text hide and show is only for temporary.
I need the info div to hide when the the table row is clicked: <tr onclick="javascript: $('#info').hide('fast'); $('#{$account.id}details').slideDown('slow');" style="cursor:pointer;"> This is what I'm using to hide it. But because I have multiple divs called info that I need hidden it is not working currently its only hiding the first div called info.
I have a table in which I have 3 columns. On the firs row, last column contain a button "save". On clicking Save, the button saved is changed to a delete button and it has to insert a new row above the row.
I would like to know what is wrong here that table rows/cols are not being inserted when using IE8, in FF and Chrome it works fine:What am I doing wrong?
var listFriends = eval(data.list); var col = 0; var ie8 = browser.isIE8;
Do you know if you can clone() and then appendTo() a <tr>. [URL]. I want to something like: $("#second").clone().appendTo('#second'); It works, but it doesn't render like I want it to. I want it to be a NEW row.
confirm the syntax of what I am doingI have a table with id="tbl", it has 4 rows. I need to remove allrows except the first one.It has "tbody".Is this the way to do it$("#tbl > tbody > tr:gt(0)").remove();If this is the way to do it, it is not working
I am creating an admin section for a site I'm building. One of the options is to change the sort order of a list of items. I have all the backend (PHP) code running properly, but having a little issue with the jQuery. When the user clicks the Move Up link, how can I switch the table row containing the link they clicked on, and the one above it (row 3 becomes 2, and row 2 becomes 3)?
I want to be able to add and remove items (rows from a table). Right now i am able to add rows seemingly without any problem. And here is the thing I haven't been able to solve. When clicking on my image I can remove items that is created upon page load. But i can't remove items that I add after the page load, with the help of jQuery. My code
jQuery code: $(document).ready(function() { $('#addItem').click(function() { var new_category = $('input#newCategory').val();
I have used jQ to replace table rows ok. For example,
Background [what works] A page with just js, html5, jQ, css: In the current page I view, I have a table id="Tbl1', with rows of the form
n=1,2,... <tr id="Rn"> <td>...</td> <td>...</td> </tr> var rid ='#R2'; var tr is anotherr row as above with n=2; $(rid).replaceWith(tr); //will replace old row with new tr, matching the Rn. Good.
Also, I have another table id=Tbl2, in the same dom, but on a page that slides in and out using html5transition, on click. $('#Tbl2').append(tr); //works fine by appending to that Tbl2 (possiblyduplicatingrows)
[Problem] What is the exact syntax to do the $(rd).replaceWith(tr) operation on the contents of Tbl2. I have tried many combinations, but could not get it to work.
1. Looking for the syntax.
2. Incidiental question: Even though I have two tables, Tbl1, Tbl2, the first operation auto selects Tbl1 which appears second in the DOM after Tbl2.
I have a lot of DIV tags on an HTML page. I want to group some of them so that I can hide them all together at once if needed. What's a good way to do this? I want this to be compatible with at least IE 5. Would it be a good idea to assign all DIV tags in the same group the same "title" attribute?
This is what I want to do, but I'm not sure if it's the correct approach, and I'm not sure how to set the style with javascript either:
<div title="groupA">hello world</div> <div title="groupB">from group b</div>
then with javascript set this style: div[title='groupA'] { display:none }
If this is the right approach, and is compatible with say IE 5 or 6, would someone tell me how to do it in javascript?
I'm building an application where the user can add Questions. For each Question they can add x answers or remove them (see screenshot). I can add questions and add/remove answers, For each question that is added I update the 'gameQuestions' variable with 1; The same goes for answers that I add: for each added answer I update the 'counter' variable with 1. When I remove an answer, the app. doesn't know how many answers each question has, it simply decreases the "counter" variable. So when I remove the 2nd question, it doesn't know how many answers that 2nd question has! How can I store the number of answers per question and how do I remove them correctly?
Here's my code so far: $(document).ready(function(){ var gameQuestions = 1; var counter = 1; // Add a New Question... $(".addQuestion").click(function() { var question = "<table id='questionSet"+gameQuestions+"' class='form-table' style='background-color:#cccccc; width=100%;'>"; .....