I'm completely new to javascript so what i want to do is make a script that shows a specific div when the visitor is at the homepage but hide it when hes in another page of my website. i've read some people trying to explain it to someone else but it seems that i need to learn many aspects of the javascript language to edit it to my needs. I'm a med student and im really tight in my schedule and have almost no extra time to sit and read about javascript just so i can do this one specific thing
I've tried some methods mentioned in other topics here, but I can't seem to get any of them to work for this specific problem I have. I'm not very experienced in javascript so I haven't been able to modify any of the other examples to work the way I need it to.
I hope the code gives you some idea of what I need even though it's a bit messy, I think most of it should be pretty self explanatory? Code:
I want to hide all divs inside a specific div. Fx. <div name="theDiv"> <div id="hidden">hidden div</div> </div> I would think it was: document.getElementsByName('theDiv').getElementsByTag('div').style.visibility="visible"; But that doesn't work?
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.
I'm using a script that has the back-end functionality mashed up so I can't change it. An image with a link around it hides behind this:
$RateUserThumbnailLink$ And i'd like to disable the link somehow as the owner wants money for the edit which is ridiculous. Can anyone figure out a way of disabling the link it generates?
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...
<div id="tf_left"> content </div> <div id="tf_right"> content "link to open feed div" </div> <div id="feed" class="dropdown"> content and button </div> <div id="thecomments"> comments </div>
What I'm trying to do if I click on the "link to open feed div" i want the "feed" div to open below the "thecomments" div. How would I go about doing this. Right now I have it opening before "thecomments " div.
here is the jquery code I'm using now:
$("a.showComment").live('click', function() { var dropID = $(this).parent("div").next("div").attr("id"); if ($("#"+dropID).length) { $("div.dropdown").hide();
I'm working on a mod for phpBB and want to hide a DIV after a number of seconds. There have been a few forums around that seem to have info, but some forums are 5 years old, or the links in them no longer exist.
I'd like to be able to show a DIV only on a certain date..I know php wouldn't work because you'd have to refresh the page..
So if the visitor is already on my page and the date changes to the date specified a div will display. Maybe it will have to get the date every few seconds or something.
How can I use jquery to cycle through all the table rows I have in a table, and hide the rows that contain a specific HTML value that I pass to jquery?For instance, I have a table full of students, and courses each student is taking. If I want to hide all the rows where the course is Chemistry (regardless of student), how would I do that?I already have captured the HTML value, what I mainly need help with is how to tell jquery to hide ALL of the rows with that HTML value, rather than just the row I click on.
document.testform.itemprice.value = itemprice; When I set the value as above, the output shows like this, 25.0200 and it should be 25.02. How can I make it happen?
I currently use a javascript for a radio station: It starts: <!--//// today = new Date(); day = today.getDay(); hour = today.getHours(); min = today.getMinutes();
Then for each day has: if (day ==1){ if ((hour >=6) & (hour <=8) ) {document.write(' The Breakfast Show') } if ((hour >=9) & (hour <=11) ) {document.write(' The Mid Morning Show') }
It all works very well with hourly changes, however I want to make some of the changes on the half hour. The script above shows one thing between 06:00 and 09:00 and something else 09:00 to 12:00. Is there a way I can amend so that it displays one thing from 06:00 to 08:30 and 08:30 to 12:00 instead?
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.
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:
I 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.
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.
I 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.
I 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:
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.