I got a table with hundreds of rows...and I want the user to be able to hide a single one by clicking on the table row.
How can I do this without typing in hundreds of ids like 1,2,3,4,5... Since you can't get elements by class and ids have to unique I'm not sure how to do this. Also the order of the rows will change when they get updated so it would end up being a mess of unordered ids.
why I'm getting an uncaught exception with this?
var nav = "navigation";
$link = $("#" + nav + " ul ul");
$.each($link, function() {
[code]...
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 am trying to hide a drop down box in a form on a jsp page using the:
style.visibility="hidden";
The form element is hidden ok but my problem is that the space still
exists where the element is.
Can anyone tell me how to hide these elements so that they dont mess up
the layout of my form.
I want to show or hide some tags of registration form with changing a combo
I wrote this code :
$('select[name=user_type]').change(function(){
FormType = $('select[name=user_type]').val();
switch (FormType)
{
case 'teacher': $('.teacher_form').show();
[Code]...
I'm having an interesting IE6 and IE7 issue that may just be par for the course. i'm curious if anyone else has run into this problem.
Here's the URL: [url]
I have a bunch of nested lists with IDs in certain ULs, like <ul id="collapse">. i'm trying to use jQuery .hide() to hide all the ULs with that specific ID. everything works as expected in firefox, safari, chrome, IE8, etc. but IE6 and IE7 seem to only notice the first UL in the DOM tree. so IE6/7 hides that first UL, then stops.
i've been searching the web for the best way to hide window elements in FireFox. But i'm not finding anything with clear defined answers.
View 1 Replies View RelatedIf you want to see what I'm talking about at any point, go to [URL] and hit the "web" button in the top-rightish area. Or, you know, check the source code, because you can't see any of that stuff right now.
So, I'm working on a portfolio for myself. And I want to make it for myself, because, well, I don't want to be lame.
My portfolio has three parts: stuff I've designed on the web, stuff I've written, and other stuff. Those are separated by the three buttons in the top right. You hit one, and the old visible item fades out, and the new one fades in. It's pretty.
Now, the "web" section is the problem. Right now, the div associated with it contains 3 div's. Each of those divs contains a p, and is not visible by default. On ready, I do this:
function readyFunction()
{
var pages = [];
submenu();
[Code].....
But when I try it out, nothing shows. It should show the first element, right?
I am aware that by calling toArray(), I am turning jQuery objects into DOM objects. That's not the problem, is it? How would I fix that?
Let's say I have two lists for menus and one list for sortable content.
If I click on "A" in the #type list, the content list is sorted, the li's with the classes "B" and "D" are hidden by attaching a class of .hidden to display:none. In turn becoming:
My question is, how do I apply the new content results to the #location menu? If "B" and "D" are hidden then numbers "3" and "4" shouldn't be displayed. I'm having trouble getting the two to talk to each other. I've tried .is(':visible"), .each(), etc. and can't quite crack it.
I have some pages being loaded via ajax and I want some of the elements hidden when the page is loaded.I could hide them with CSS and then change the css attribute when I want them to show but that just seems clunky to me since I'd have to assign <input style="visibility: hidden;"> to everything I wanted hidden on load. I know how to make it visible later when I need it.Using jquery's document.read doesn't seem like a good solution either since I'd have to make a list of everything I might want hidden right there on the main page.
View 5 Replies View RelatedI am building a sort of tree view in javascript with items that can be expanded and collapsed (with default being collapsed).The problem is the page can get very large, and the user sees the the browser render the list with all the items expanded, and then sees them all collapse after half a second.[/quote]You could use a setInterval in the head section that's on a tight loop, that waits and watches for the tree, then hides it and removes the setInterval process.
View 2 Replies View RelatedTake a look at my testing website: [url]
You'll find the following javascript in the source code:
Now this all works...well, sorta.
The DIV elements specified are hidden when the page is first loaded.
These DIV elements then re-appear (as programmed above) when the mouse pointer is hovered over them.
These DIV elements are listed on the right-hand side of the test webiste.
They contain the Google Ad's you will see listed along the right-hand side of the website.
However, you were not suppose to see the Google Ad's when the website first loads up.
The DIV elements are initially hidden, but the Google Ad's contained in the DIV elements are always visible!
I want the Google Ad's to only appear if a mouse pointer happens to hover over them ( a little test of mine.)
I don't get it...the DIV elements disappears when appropriate, why not their contents: the Adsense?
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 have a page I am working and I am having some trouble with: I need to show and hide areas based on a radio selection. I initally started using the show / hide feature in Jquery but the problem is the elements need to be removed but then put back if the user selects the radio buttonagain as it has form elements that have validaion on them. The validation is still trying to validate the form elements becuase they are still on the page but just not showing. This is the radio group the user makes the selection from:
<input name="terms_usr" type="radio" id="terms_usr_1" value="1"/>
<label for="terms_usr_1">Credit Card</label>
<input type="radio" name="terms_usr" id="terms_usr_2" value="2"/>
<label for="terms_usr_2">C.O.D</label>
[Code]....
I have HTML tags stored in XML. I want to be able to use these HTML elements with Javascript, just as you can with elements in document.body. How can it be done? (And don't try and tell me I should use server-side because I have written it all for Javascript and the project is nearly complete minus this and there are practical reasons for not doing this server-side. After all, anything is possible with Javascript!)
Let me explain:
- I have HTML templates such as this [URL]
- I want javascript to populate these templates then add them to my page
- The only way I know javascript can get this kind of data is by parsing XML
- I want to parse the XML then be able to use the HTML elements just like those in document.body
- As far as I'm aware, XML is the only good way of storing data for javascript. I don't want to store it in javascript variables (too much multiline data with " and '). Nor do I want to build it using document.createElement("div")... etc
As someone not yet with any experience in computer science etc, please ignore my poor terminology! However, I'm not a beginner when it comes to javascript.
Here's the script concerned but I doubt it'll help you understand my problem: [URL]
I have hidden some parts of my menu, but I can't seem to hide the div tag.How do I accomplish this? This is my jquery:
$(function(){
$('ul.ldd_menu li.topLink ul').hide();
$('li.topLink').hover(function(){[code]....
It seems like my <div> class isn't getting hidden because if I do a border css, I can see the border lines.
So i've got a form that adds an element onto the page. This is working. When I try to remove said elements, that works. But the same 'delete' button doesn't work on elements not generated by javascript.
Code JavaScript:
function destroyQuickTask() {
$.post($(this).attr("href"), null, null, "script");
[code]....
I have a page, which looks a bit like this:
....
<body>
<div ID=id1>................</DIV>
<div ID=gsd>................</DIV>
<div ID=ewd>................</DIV>
<div ID=fac>................</DIV>
<div ID=act>................</DIV>
</body>
I would like id1 to be visible at all times, but the other ids only to be
visible one if the time, using something like
<A HREF="#esf" onclick="showdiv('act')">
What would be the best way of doing this?
i am trying to make a popup div which will close down after the user clicked outside of it now i am looking for a way to determine if the user clicked outside of the div or not
View 2 Replies View RelatedI have this simple checkbox menu [URL]
If you check the cancer box a div will appear. If you check lung, another menu pops up. If you check colon nothing appears because it's behind the lung div. I am aware of z-index. But because a person may go back and forth between menus I need a way to make sure the appropriate div is always on top.
i am having some problem showing and hiding some divi want to show the div with the id="universitiesDiv" on one point and the div id="highSchoolsDiv" on another depending on the user choice of selected option.
function Show (titleImg){
// the id of the content element from the id of the title element
var contentID = titleImg.id.replace (/title/, "content");
[code]....
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;
}
is someone know a good way to show/hide a div in explorer as style.display do not work at all for me. I also try with visibility but then, it doesn't work in Firefox as I still see the scrollbar.
View 1 Replies View Relatedi am having some problem showing and hiding some div.i want to show the div with the id="universitiesDiv" on one point and the div id="highSchoolsDiv" on another depending on the user choice of selected option.
View 10 Replies View RelatedI was wondering if anyone wanted to take a shot at re-factoring my code. I am not a javascript guru, and I would like some feedback on what I could do to make it better.The code shows/hides the top div, and when the top div is hidden, the bottom div takes up the space of the top div.
View 3 Replies View Related