I have a 10 checkboxes on a form. When the user clicks one of the boxes the rest are hidden and a comments box shows. That works great, the part I can't figure out is how to make all the boxes show again if the user unchecks the checkbox and make the comments box hide again.[code]...
View 3 RepliesHere is Javascript to show and hide my comments div:
<script language=javascript type='text/javascript'>
function showdiv() {
if (document.getElementById) {
// DOM3 = IE5, NS6
document.getElementById('comments').style.visibility = 'visible';
} else {
if (document.layers) { // Netscape 4
document.hideShow.visibility = 'visible';
} else { // IE 4
document.all.hideShow.style.visibility = 'visible';
}}}
function hidediv() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('comments').style.visibility = 'hidden';
} else {
if (document.layers) { // Netscape 4
document.hideShow.visibility = 'hidden';
} else { // IE 4
document.all.hideShow.style.visibility = 'hidden';
}}}
I would now like to animate the div fading or moving down
So in the past I've mostly just copy and pasted other JavaScript functions I needed, and made slight modifications based on my exact needs. However, this time I couldn't find anything that would work with what I wanted to do (show and hide comments on news stories in a particular way), so I decided to just make my own.After a few hours of messing around with it, I'm quite exasperated, because what I have looks like it should work, but for some reason I can't identify, doesn't.Essentially what it should do is, find the table with the ID of the news article whose comments are being toggled, then find all the rows in the table that are labeled as comments, and either show them or hide them, based on their current state (as defined by their class with a "display: none;" in it or not).
Obviously it uses PHP, but I know that's not the problem; it just uses the article's ID number to pass on which comments need to be hidden/shown to the function.From everything I've looked up, this should work, but doesn't. Something peculiar, though, is that the function looks like it's not even being called; I put a simple alert('Test'); in the function, and still nothing happened when I clicked the link. So maybe my function is fine in itself, but I'm just calling it in an incorrect manner?
I am trying to hide/show table when hide/show button is pressed
Problem: The code works fine when I remove 'slow' from line 10. But with 'slow' in line 10 content of toggleButton doesnt change from Hide to Show when pressed.
Code:
I am having problems, basically I have a set of nested lists I need to show and hide
Code:
<ul id="smenu3"><ul id="smenu4">
<li>stuff here..</li>
<li>stuff here..</li>
<li>stuff here..</li>
</ul><ul id="smenu5">
[Code]...
I always want "smenu3" to show with "smenu4" and "smenu5" collapsed... When the user clicks the link, it calls a javascript function to show "smenu4" like so...
[Code]...
I was wondering how to get a form to request name and comment and then post them on a page. I know how to get it to post to a mysql database and then have the displaying page pull the data and post it in a table, but I'm not sure if this is the correct/best way to do it. Do most people use AJAX or something else, or just do the mysql thing?
View 2 Replies View RelatedI have been working on this for four hours and none of the methods online have worked. Every site has outdated screenshots and I have nowhere else to turn. There's supposedly just a couple of lines of code and "3 easy steps" to allow me to have a Facebook comment box on any page of my site. I DO NOT use Wordpress or any blogging software / sites. I am working from scratch in Dreamweaver.
View 5 Replies View RelatedHow can I read html comments with JS?
View 2 Replies View RelatedI'm from a non-profit organization, working for gender equality. We wish to get a small message across to sister blogs (blogs with a common thread, purpose) Code:
View 4 Replies View RelatedI'm looking to implement: [url]
The demo taken from: [url]
However the content for the LazyLoad is within comments - which means that if the page is loaded with JS switched off, the page fails to load as all the content is commented out.
The use of comments comes from the JS line: if (child.nodeType === 8) // 8 is a comment node It'd be better if this could come from the Div so that the content shows if there's no JS
How to write it something like: if (child.nodeType === "div")
I have the following code:
Code:
<![if lt IE 7]>
<script type="text/javascript">
[code]....
I am trying to hide some form elements in a form by default and show/hide
depending on which radio button is clicked. This is what I have but it is
not working: Code:
I'd like to have a show/hide widget on my web site, kind of like "show
details" / "hide details" in Google Groups. Is there a tutorial
explaining how to make them? Google's is a bit complex and it's easy to
get something wrong. If the browser does not support the required
features, I want it to generate a completely static page with the
"details" shown automatically.
Check this code:
<a>text</a>
<div id="pkg">pkg</div>
<div id="table_pkg">table_pkg</div>
I'd like to show table_pkg and hide pkg when I click on <a>text</a>. How can I do?
I am using some simple javascript to show and a hide a div
Code:
function showHide(d) {
if (document.getElementById(d).style.display == "none")
{
document.getElementById(d).style.display = "block";
[Code]...
i have 5 sections in seperate divs and i am trying to collapse them using anchor onclicks and some js to toggle the display style. I am a little unsure of how to make this piece of code work a little more elegantly(lack of js symantic knowledge). Code:
View 3 Replies View Relatedgives me a type mismatch when I try to hide the div using the function hideTip2? Code:
View 3 Replies View RelatedI have 5 links and 5 divs. When the page loads I've set the visibility of first div to visible and all the rest are hidden. When the user clicks on second link I want to hide all the other divs and show only second. Similarly when the user clicks third link I want to show third div only. You get the idea. Here is what I have so far. Nothing happens when I click the second link.
[Code]...
Basically, I need a link that gives the user an option to show the rest of an article, and then a link UNDER the rest of the article to hide a post again. The link needs to work uniquely with each link. Every method I've used so far has worked for one post, and on the next post, when the link is clicked, it just shows the rest of the first post.
View 8 Replies View RelatedI have a javascript that works great in every browser except IE8. In IE8 the rows of links change but this ONLY happens when you open and close the info using the same link.
View 1 Replies View RelatedI need a script that can go on someone's facebook profile and like everything, including all their photos and such and all of their statuses and comments on their statuses. I don't intend to use this for too terribly much evil, just winning a notification spam fight.
View 5 Replies View RelatedI would like to add some javascript to show/hide a certain row of a
table. The first row of the table contain the hyperlink that calls the
javascript the second row is the one i want to show/hide with the
javascript in a toggle fashion.
the problem is a know very little javascript and have become incredibly
frustrated because i went ahead thinking it was going to be like C. its not.
I know i can use these lines to do the actual work:
document.getElementById("row").style.display = "none"; // hides row
document.getElementById("row").style.display = "inline"; // shows row
but I don't think i can use a getElementById exactly because i want to
reference the element via its relationship to the hyperlink that calls
the javascript, i know this can be done. You see there will be several
tables on one page and i want to be able to toggle each one
independently; hopefully with the same bit of javascript.
i Have a table with two columns and a checkbox above it.
when the box is checked, i like to show the two <TD>s
i have:
<TD ID=1000 style=display=none>APPLE</TD>
<TD ID=1000 style=display=none>ORANGE</TD>
how can i do this with JS ?
i have used getElementById, but it only return one of the ids 񟝘'
I have a working Show / Hide form, that works on FF, but what I would
like to do is to be able to display one part when a user clicks on one
radio button and display another part when the user clicks on the
second radio button - here is the code which just shows / hides the
whole form:
Code:
The idea is that the blue help text rechtangle will have to remain
visible when mouse over (because there will be soon links in it) and
invisible when onmouseout.
I have now placed javascript on the small numbered balls and within
the rechtangle itself.
But I have it in a way that when "onmouseout" the blue help rechtangle
will be hidden. But now the onmouseout event is acting like
onmouseover. Any Ideas to do this correctly? So right now when you
onmouseover it it will disappear :S
If I get this working I can start thinking of putting a timeout on the
rechtangle for it to disappear within a couple of seconds after
"onmouseout"
I'm using a simple show function, called from a button.
function show(rowId) {
var hideRow = "View_" + rowId
document.getElementById(showRow).style.display ="block";
}
QUESTION: I'm using xsl and can have more than one table row with the
specific rowId, and I want ALL of them to show when the button is
clicked for that rowId. But although the html source is there, I only
get the first row with the rowId.