Body Hidden, But Table Borders Still Visible.
Jul 23, 2005
While I am new to javascript, I've programmed in a dozen other
languages for decades, and now have been working in javascript
intensively for several weeks. My first comment -- which has nothing
to do with this problen -- is on how its richness makes it so
difficult to provide adequate reference material. After working only
with what I could discover through Google searches and actually
writing some nifty fast incremental select element populating code --
what I found on the Web, which has been cited in many locations, is
ugly code and sloooow when search a list of, say, 2000 possible
entries for inclusion in the box -- just with those hints.
I finally broke down, bought what the reveiws say are the two most
complete books -- Javascript Bible and Dynamic HTML, The Definitive
Reference (both by Goodman), and am aghast: With the "Bonus Chapters"
in the former, they total more than 3,000 pages! And with their
in-depth indexes, it's still very difficult to find what one needs.
(The HTML and CSS speification publications add another 400 pages . .
..) As a truly elementary example: I wanted to return from a function
as a result of a test, not by running it out: The "return" is not
indexed, nor are any of the words that might lead one to it. In fact,
it is shown in some examples about 980 pages into the book, but
nowhere is it actually documented. Yes, I know, every language has a
"return" statement, but its usage and syntax varies -- and on some
occasions, it's actually called something else.
So, to my current issue. For reasons that are valid -- please don't
ask, "Why do you want to do that?" -- I need to hide the page in its
entirety until the onload script has altered it based on certain
criteria. After doing a lot of brute force stuff -- setting font
color to "white", etc., etc. -- I discovered that one can put the
attribute style="visibility:hidden" directly in the <body> tag --
which itself is not easily discovered. But: Tables in the body that
have a non-zero "border" attribute still show -- just the borders!
Yes, I know I need to learn CSS as well; give me a break, guys! I do
have that spec as an HTML doc, and it was there I finally found this
out. You know, you can't look such things up by concept in the
indexes of either book, or the HTML spec, or the CSS book, unless you
already know the term that implements it; if I know the term, I don't
need to look it up! In any case, try looking up "hidden" in either
book; you get no hint that it can be applied via style to any element.
If you know it's available as a style attribute, then know the
attribute is "visibility", why than you can find it . . . and by that
time, you must know enough that you don't need to find it. (Again, a
Google Groups search on words associated with the concept told me what
terms to use, and then I didn't need to use the book . . .)
I apologize for the rant (Fortran was good enough for my grandfather,
it was good enough for my father, and it's good enough for me -- bah,
humbug!), but it's been a very frustrating couple of weeks.
The real question: What about them table borders? So far, I'm
defining their values as zero, then setting them to their final values
at the same point that I make the body visible. Should I need to do
all that? What should make that unnecessary?
View 4 Replies
ADVERTISEMENT
Apr 27, 2010
I have a div tag element and a hide/show button above it. I'm able to handle the hide show of the contents all right via the button, but I want the div to be hidden when someone clicks anywhere else in the document, save inside the div area itself.This functionality is similar to what you see on the sign on panel in twitter.com. Press the sign in, the div sign in panel displays. Press the sign in link OR anywhere else on the document outside the panel. The panel is hidden.What's the best way to script this functionality in jquery?
View 1 Replies
View Related
Dec 19, 2009
Is it possible to expand a table with DIV's using CSS hidden/visible? If I select an option from a select field in one row, to have a hidden select field appear in the row directly below, moving the contents directly below down a row? Expanding the table when a hidden row becomes visible. Or should I just use DIV's and forget about using the table format?
View 11 Replies
View Related
Jan 9, 2010
I am trying to get a simple set of Javascript tabs to work properly. I have just two tabs and I want to set up the script to have the second tab automatically hidden prior to reading the javascript code because right now it shows the contents of both tabs when the page is loading and then the second tab disappears after all the script has loaded.
I have the jquery script linked to on the page and here is the way my script looks to run the tabs:
Code:
I want to add something like style="visibility:hidden;" to the DIV that isn't shown on page load and have it added and removed as necessary when users click on the tabs. So basically I would like the generated code to look like this:
Code:
View 4 Replies
View Related
Mar 29, 2009
My table borders are set to 0 and i would like them to be white and size=1 when mouseover !
View 1 Replies
View Related
Mar 30, 2011
Is it possible to use jQuery and on any part of a table row that has say 5 cells to highlight the border of each cell?I have seen lots of background examples but haven't seen anything with borders.I tried delegate but that doesn't work.
$
(
document
[code]....
View 3 Replies
View Related
Oct 2, 2009
I have a mootools accordion in the website I'm building that uses two classes: "toggler" for the titles and "element" for the content.
I'm in the need of adding an input field at the bottom of the "element" DIV that the user has opened.
Problem is, every content of every different toggle has the same id="element".
The only difference is that the one opened has the visibility set to "visible".
Is there a way so I can write in that visible DIV from Javascript?
View 9 Replies
View Related
Aug 23, 2010
I have a code below my concern being tht when the first text box "Name" conatins a value of "TPU" then the sexong text box "Ref Number" should be visible else should not be visible.
I mean the Whole <tr> shall be visible only if "Name = TPU"
Code:
View 1 Replies
View Related
Mar 2, 2011
Does jquery offer a way to show whether a div is hidden or visible?
I have a routine where the div is getting hidden when it should be visible and I am trying to create a debug to show the current setting of the div.
View 2 Replies
View Related
Dec 12, 2010
I'm not very good with javascript. My knowledge is very limited.
See, this code is going to check if a user has inputted an empty field or not. As of now, Im testing it on 'first name' text field. If the user didn't input anything (the text field is empty) and clicks submit, an asterisk will be displayed at the right side of the text field. The asterisk is only temporary. If the user clicks the text field or refreshes the page, the asterisk at will disappear.
I've googled it already and I've tried every technique I can find but I can't get this code to obey. code...
View 1 Replies
View Related
Jul 22, 2010
I am trying to save the state of visibility (hidden or visible) of a portlet as a variable so that It can be saved. Hopefully allowing the user to return to the page without having to toggle portlets open/close again.
My issue: Unable to correctly establish whether or not the clicked portlet is visible or hidden while assigning a variable to be used as post data to a database.
Here is the code so far
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">
<head>
[Code].....
View 1 Replies
View Related
Mar 17, 2011
I am unsure what is going on with my website? I had flash on it, and I have removed the flash and installed javascript. Everything is installed correctly from what I can see, when I go to the view page button on Dreamweaver the images rotate. When I upload it to my server they stop rotating.I have download all of the files needed for this to work, and have added them all to my server. Here is a copy of the coding.
[Code]..
View 1 Replies
View Related
Dec 16, 2011
It works when its on its own page but when I place the code in a hidden div that becomes visible on click, it doesnt work.What do I do to get the cycle plugin working when 1 of the hidden div is visible?
View 2 Replies
View Related
Apr 12, 2011
I'm trying to make a textbox invisible originally.......
And then visible on a submission......
However it doesn't work.
I can however do the opposite.
View 1 Replies
View Related
Sep 20, 2010
I have a class hidden by default at the document ready state. I use the show() function when its parent has been clicked and I want to be able to apply a click function to this newly visible element - when I write it I am finding that it is overriding the initial hide(). How do I work around this? I should say that this element is just a bit of text that says "close x" and will be used to "close" its parent div down...
View 1 Replies
View Related
Mar 27, 2010
The left hand layers make one right hand layer visible via onMouseOverIf one of the list boxes is clicked the drop-down list appears as per "select" function.it stays visible until any part of the window is clicked again. This makes clicking a bit more laborious when changing to the next listbox.BUT if the layer is switched (by hovering over a different onMouseOver position) the visible drop-down list remains visible until the window is clicked again.I can't see any attribute/parameter that will hide this list in JavaScript.I can set the selectedindex when the list is clicked eg
Code:
function sfm_goto(loc,obj5){ //v3.0
var obj10 = findObj(obj5);
[code]...
View 2 Replies
View Related
Mar 22, 2003
the css line
body { overflow:hidden }
doesn't work with the W3C standards
is there another way I can get rid of the scroll-bars on the body of the document, and still be W3C compliant?
View 11 Replies
View Related
Sep 2, 2010
im writing a .net mvc web app and in this step Id like to send a post back to my controller including date and time values that i have stored inside hidden fields on a form. where im getting confused (I am very new to java script) is how I can now read those values and add them to the URL I'm constructing
Code:
<asp:Content ID="Content2" ContentPlaceHolderID="Menu" runat="server">
<form id="form1" name="form1" action="WorkOrder" method="post">
<input type="hidden" id="time" name="time" />
[code]....
View 3 Replies
View Related
Mar 2, 2010
Right I have a process page in php which is fairly long and complex with many options. If a certain option case is met as this ie: we've hit the Note Saved case.
// save notes against company
if ($_POST['a']=="Save Note") {
if (addnote($_POST['notetitle'],$_POST['notebody'])) {
$err = "<p id="returnresults"><font color="red"><strong>Note Saved</strong></font></p>";
} else {
$err = "<p id="returnresults"><font color="red"><strong>Failed to save note.</strong></font></p>";
}
}
I want to then wait until the page load is complete and then do the following.
document.getElementById('addevent').style.display='block';
The reason I need to wait for page complete is that the div that needs to be displayed it one of the last parts of the page rendered so triggering the above too soon leads to the div not actually being available to be shown. Now my current fail attempt at doing it was this echo "<script type="text/javascript">if (confirm('You have not yet added a call back event do you wish to do so now?')) { document.getElementById('addevent').style.display='block'; } However it doesn't display the hidden div
View 2 Replies
View Related
Sep 8, 2010
Have table with 5 rows. First 2 rows visible. Last 3 rows hidden -
With onclick would like to make those rows visible to user - how can I do that?
View 6 Replies
View Related
Jul 12, 2003
I have a radio button set that I am trying to use the onclick method to mae one row visible or the other. Let me show you what I mean. I have this javascript defined. I tried to use pointers but then I got element has no properties. So I've reverted to useing the full DOM call. Code:
View 11 Replies
View Related
Feb 14, 2011
I have a DIV element on a page that has a style="visibility: false" when the page loads. When a user unchecks a checkbox, I am using JQuery to do many things on the page. All of which are working but one thing. I cannot seem to make the DIV element visible. I have tried several things all of which have not worked. how to make this DIV element visible using JQuery? Here is one of the things I tried which didnt work... dv1 being the ID for the div.
[Code]...
View 3 Replies
View Related
Nov 4, 2009
I am looking for a javascript way to make a table header visible as the user scrolls down my web page. The table header is produced by php from a mysql db. The table is populated by results based on the user filter inputs.
see: [URL]
The table cells can be any width depending on the search results. I think a copy of the table header needs to be made and this would then float at the top of the page staying at the top no matter how far the user scrolls down, so that it's position would depend on the scroll bar position.
View 2 Replies
View Related
Mar 8, 2010
What I've doing wrong, on first click it detects that the div is hidden and makes it visible, button on second click it does nothing:
View 1 Replies
View Related
Nov 12, 2010
I'm currently building a website that has a flash fullscreen popup at the beginning. The flash popup loads fullscreen, therefor I've set overflow-y to hidden. As soon as the flash popup is done, it removes the div it the flash is in using javascript, but I can't figure out how to put the overflow-y to visible.
I'm assuming I need to build a Javascript function to show overflow-y visible, and then need to call to that function from the flash file. I just can't figure out how to build the javascript function since I suck at javascript.
All the CSS is in the original file, so not in an external stylesheet, this needs to stay that way because I have to implement the code in to several different web sites.
View 4 Replies
View Related
Nov 18, 2011
I want to get the code ( I cant write it Im still a newbie ) to check a form user/pass and trigger another hidden form.
Heres what going on:
Have created a form, Form 1 Login: it has a username and pass fields. It shares the page with a Members Login form.
I want javascript to check the user/pass on Form 1 Login against a user/pass I assign. I assume I can assign one in the Javascript code.
The script does not send the form to the server, it just checks to see that the user/pass agrees with what Ive assigned.
The script, if the user/pass is the same as I assigned, triggers a Registration form to pop up that Ive hidden with CSS left:-999em.
Now the script has fulfilled its function, its done. But heres what continues and Adobe BC does this part.
User fills out the pop up Registration form with any user/pass, their valid email and name.
Clicks Submit and the form sends the New user a new personal pass and new username via email.
User adds New user/pass to Members form and is allowed into the site.
This is a round about way but, I can not use php or server side in this process, BC does not allow server side only client side. So Im doing a work around. I know someone could find the Javascript even in a js folder. Tight security is not an issue. I researched this for weeks and BC tells me it will work with their system...I just dont know how to write it.
View 2 Replies
View Related
