<TR>
<TD>
<My for element with id=T100
</TD>
</TR>
what I really want is something like:
ParentOf (ParentOf (document.getElementByID("T100"))).display='none'
in other words "I like to hide the row" containing my form ele T100
Is this possible ? if so how?
Does anyone know the javascript to be able to have a table row collapse when there is no text in one cell, but there is text in the next cell? I have a 2-column table with titles in the left column and want the right column to be populated by a user. If the user doesn't populate the right cells or row, I'd like that row -including the constant/visible text that is in the left col- to be hidden and that row to collapse or move up... possible?
View 8 Replies View RelatedI am trying to write a script that will hide a table in NS4. getElementById only works with IE4+ +NS 7 anyone go any idea how to adapt to function below to support NS4?
function hide(st)
{
document.getElementById("hide").style.display=st;
}
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.
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.
// Fullmetalboy
<table border="1" SUMMARY="aaa" id="tblProject">
<thead>
[code]....
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?
<input name="chkInternal" id="chkInternal" type="checkbox" />
<script language="javascript">
$(document).ready(function() {
[code]....
Is there a way of hiding a whole table row if a certain cell inside it is empty?
View 8 Replies View RelatedThe code works great to hide the columns. The only issue is when you un-hide them again, it does come up correctly. I want the headings to all be on the top row and then the actual data be on the next row. If you do all of them, it stacks all the headings on top of each other and then puts the data rows in order with 8 rows etc. Code is below.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">[code].....
{foreach key=num item=account from=$accounts}
<div id="info">
<div class="box round">
<table cellspacing="1" class="data">
<tr onclick="javascript: $('#info').hide('fast'); $('#{$account.id}details').slideDown('slow');" style="cursor:pointer;">
<td>{$account.regdate}</td>
<td>{$account.product}<br /><a href="http://{$account.domain}" target="_blank">{$account.domain}</a></td>
<td>{$account.nextduedate}</td><td>{$currencysymbol}{$account.amount} {$currency}</td>
<td><a>View Details {$account.id}</a></td></tr></table></div></div>
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.
Here's my situation:
1. I have a web browser component that does not support Javascript
(well it does, but we've disabled it)
2. I have to display some HTML in it, where the user has a link titled
"Hide|Show Options" that can hide/show a particular section of the
HTML.
I have not found a way to achieve it without using Javascript or any
other scripting language.
Is it possible to do this using pure plain HTML?
I finally found code that actually works. I click on the button, and the table disappears. I click on the button again, and it reappears. Like magic! I have two problems still.
(1) When I click on the table, it disappears, but the space that it was in is still empty. When it retracts, I want the rest of the text to retract with it (not disappearing text--i.e. have the text occupy the space where the table was, and move back when the table reappears. note: the text is directly below the table); otherwise, what is the point of a show/hide button? It's meant to save some space.
(2) I want the text of the show/hide button to change to "Show" when the table is not present. Code:
I'm using the following css code which wrapped around a dynamically populated field;<span class="ui-widget-header platform ui-corner-all"></span>
When the span is empty I want to hide it, and I've used this jquery to do this.
However, the ui-widget-header class appears to be stopping it from hiding - if I remove this class it hides fine.
I want to disable a table with javascript. In this table i have 'n' record and each record has 3 buttons. If you click a button does an action. I want to disable the all table.
Is there any way to disable all this table without have to disable each
button of each record?
On the time sheet page i have created a years worth of entries in the
database for a user so that they may create entries ahead of time(for
holidays etc.).
My problem is that when i load the page, i display the current month
for that user and it displays:
Date Month Day TimeInMorning TimeIn Evening etc..
What i would like is that a user may update any field and click on a
save button which will update the field(s) that they have changed. I
ahve attempted in javascript to do this but i am failing.
Is there a way in javascript to scroll to or otherwise change the position of the currently selected row in a table?
View 4 Replies View RelatedI am looking for a table generator that works with prompts. Something like this the first prompt asks How many rows? second prompt How many columns? third prompt Border size fourth prompt Bgcolor and fifth prompt Create table.
View 1 Replies View Relatedi have no idea about javascript and have been fiddling with this form for a while now... i would love to be able to have a table containing a label in 1 column and a text box and buttun in the other.
When the button is clicked the javascript funcion adds another row to the table with another textbox and button to add more...
here's what i have so far..
Code:
<script language="Javascript">
function add_item() {
document.write ("<tr><td class='rachel'>Item Value</td><td><input name='listItems[]' size=཮' type='text'><input type='button' value='Add More' onclick='add_item();'></td></tr>
");
}
</script>
This does what i want it to however, it opens in a new window instead of at the bottom of a table...
I am trying to develop a function where the user rolls over the days ( all inside their own <td> ) inside a table of a single month calendar. And when he clicks on a day, it get its color permanently changed until he choses another day for focus. I tried onMouseOver, onClick and onMouseOut, but I just cannot find a way for it to lose focus on the day last clicked when I click anew.
View 3 Replies View RelatedI am looking for a package i found once that created excel style html
tables with javascript. It would do all sorts of things like column
resizing, sorting, rearranging etc.
I don't remember the name but I am sure there are similar packages
like this. Anyone have a list of links?
I have this dynamically created table in my one of my php forms
that shows the names of the people the user has entered into a text
field. When they hit add a row displays, showing the name they entered.
Also, an image that allows them to delete shows beside the name upon
creation.
The delete removes the name from the table and pushes the
other names to the top. Simple stuff, however, if I delete the last
name displayed(the bottom of the table), then the next, then the next,
IN ORDER, I have no problems. If I pick a name that is in the middle or
top of the table, everything below does not allow me to delete Code:
I have try to using createElement to form a nested table, But it seems cannot show the nested table.
View 2 Replies View RelatedI don't know the problem with IE6. I have tried three methods, and
they all failed. I eliminated the use of mootools' framework in method
3. MooTools is not the problem. Because the table is created but is
not showing up. I have checked that with IE developper toolbar. Code:
I'm trying to make a javascript menu. As a start, I want the background of the cell to change to a specific image on mouseOver. Does it not work because of the "background-image" translation from CSS to JAVASCRIPT or could it be something else.
<html>
<head>
<title>Untitled Document</title>
<link rel="stylesheet" href="main.css" />
<script language="javascript">
function change()
{
document.getElementById("homebtn").style.backgroundImage="imgs/btn_black2.gif">;
}
</script>
</head>
<body>
<table width="100" >
<td>
<tr style="background-image:url(imgs/btn_black.gif)" class="myFont" onMouseOver="change()" id="homebtn">- Home</tr>
<tr>asdfsdf</tr>
<tr>asdfsdf</tr>
</td>
</table>
</body>
</html>
If the XML contain over hundreds+ nodes and text, is it even remotely possibleable to do the code?
Tried look for it on the internet on all i got is script that manuel write the nodes and text out line by line , that cant be good for the person who need to write over hundred plus data from xml ...
I have a long table of information with a heading at the top. Is there a script to make the headings always stay at the top of my screen while the table information scrolls by.
View 2 Replies View Related