(jQuery) Hiding Columns \ User To Be Able To Toggle Main And Advanced As Visible/invisible?

May 26, 2009

I have 3 types of columns and they are identified by their class (in the TD and TH)... they are1. Always - cells that always appear - includes a primary key2. Main - cells that are necessary to be shown, but can be toggled3. Advanced - cells that are superfluous but helpful for the viewer.I want the user to be able to toggle Main and Advanced as visible/invisible. I tried the below code, which works, but, but since there's so much data it will lock up the browser and even invokes this ff error: "A script on this page may be busy, or it may have stopped responding. You can stop the script now, or you can continue to see if the script will complete. Script: jquery-1.3.2.min.js:19"My questions are basically, can this be done without freezing up the browser? (e.g. can I group columns together and hide each column, since I believe it's the sheer amount of cells that I am hiding?)Here is my code:here's my javascript (on top of jquery's inclusion)

Code:
<script type="text/javascript">
$(document).ready(function() {

[code]....

View 2 Replies


ADVERTISEMENT

JQuery :: Whenever A User Submit The Form In The #loginForm Div, The Page Refresh And The Main Div Return Invisible?

Jun 7, 2010

i've a div that contains a form, each of these elements have their own id; the structure is something like this

<div class="art-Block-body">
<div class="art-BlockHeader">
<div class="art-header-tag-icon">[code].....

I'd want that: at the first user's click on the #register div, the div #registerForm become visible, it should remains visible also when the user click the submit button within and it should disappear if the user click a second time on the #register.I partially solved my problems with this:

$(document).ready(function(){
$("#registerForm").css("display","none");
$("#register").toggle(function(){[code]....

but i can't resolve the submit issue: whenever a user submit the form in the #loginForm div, the page refresh and the main div return invisible.

View 1 Replies View Related

Making Check Box/textbox Invisible/visible Depending On User Action?

Oct 31, 2009

Basically, i have a past and present checkbox, start date and leave date. Now if the user clicks on the "present" checkbox i want the leave date checkbox to vanish and if clicked again i want to re-appear..Take a look at this page:-http:[url].....

now you can see at the moment i have the checkboxes past, present and 2 text boxes beneath. Can i do this?

View 3 Replies View Related

Make A Div Visible And Then Invisible?

Oct 30, 2010

I understand how to make a div (table) invisible and then visible on a timer.. What I want to do is add a counter to my code and make the table flash 3 times and then stop with the table visible. all my code does right now is make the table flash on and off every 1 second. This is what I have right now:

<script language="javascript" type="text/javascript">
function magic() {
var d = document.getElementById('MagicTable');
if (d.style.display == "none")
d.style.display = "block";

[Code]...

View 2 Replies View Related

JQuery :: Making Sure There Are Always 4 Columns To The Main Table?

Jun 2, 2011

I've got a website that displays all my products together within a table and the user can then click on the product they want to buy or obtain more info on. This is always displayed in four columns.

However if you have a few pages of products for one category it can be displayed across a few pages. For some reason the content management system I use will display only 1, 2 or columns on the last page if there are less than 4 products on the last page. When this happens you can get the produts displayed with a different width to what I've set within the CSS because the table's with is set to 100%.

When this happens is it possible to set the the width of the table to:

75% if there are 3 columns

50% if there are 2 columns

25% if there is only one column

Or is it possible to keep the width of the table at 100% and just add the extra columns if there are not 4?

The table id="catprods_tbl" and the columns (td) are is set to id="column_main"

I have included the example of the layout when there are only two columns on the last page.

[URL]

View 2 Replies View Related

Making Select Visible Invisible

Jul 23, 2005

is it possible to make an select visible or invisible by selecting a checkbox.

View 1 Replies View Related

Making A Table Row Visible Or Invisible

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

Generate A Visible Content From An Invisible Iframe?

Feb 7, 2009

How can I generate a visible content from an invisible iframe?I'm working on a project which involves scanning of content posted through HTTP.For example, a file uploaded to some web-mail client (i.e. Hotmail) as an attachment. If the file is suspected to be a virus, the user should informed and asked whether he wishes to post the file anyway. This scan is made before the file is sent to the server.The message should come from the browser (like JS alert box) but should contain some arbitrary HTML code, not supported by alert box.

Normally, when a file is uploaded, it is done in some hidden iframe. When the upload finishes, the server replies with JavaScript code which when run, notifies the user the upload is done.To inform the user he is uploading a Virus, I'm altering the server's reply to the HTTP post. The altered reply is a JavaScript code which generates some custom dialog box.

The problem is, the page is returned to some invisible iframe, which means the generated dialog box is also invisible. Simple JavaScript alert box works fine as it comes from the browser, and not as part of a webpage. how I can generate a visible dialog boxes, from the hidden iframe?

View 3 Replies View Related

Make Bar Invisible And Contents Visible On Page

Jul 27, 2010

While my PHP is compiling, I have a loading bar. As soon as the body of my page loads, I make the bar invisible and the page contents visible by calling a javascript function with onload event.
Code:
<body onLoad="loadImages()">

When I put the javascript load function in the head between script tags as below it works.
Code:
<head>
<script type="text/javascript">
function loadImages() {
document.getElementById("showme").style.visibility = "visible";
document.getElementById("hidepage").style.visibility="hidden";
}
</script>
</head>

However, when I place the function in an external javascript file, it does not work, which is weird because all my other javascript functions in the external file work.

View 1 Replies View Related

Making Parts Of A Form Visible/invisible

Dec 29, 2004

I have a form, its a very big form. About halfway down is a series of checkboxes (8 or so). Each one toggles whether the item I'm editing belongs to one of the categories or not. Each checkbox is linked to a subform that is invisible. (by subform I mean one or more form elements).

When a checkbox is clicked I want the subform to appear, and when it is unclicked I want it to disappear. Now the tricky part is, that when the page loads, it draws information from the database, and some of these checkboxes will already be clicked, so those forms need to be visible right from the start.

I'm just having far too many problems, can anyone point me towards some information that might help? Reply if I wasnt clear enough and you need clarification.

View 3 Replies View Related

Hidden And Visible - Make A Textbox Invisible Originally

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

Make Drop Down Menu Stay In Line When Invisible & Visible?

Jan 13, 2010

My problem is I had a drop down menu for a horizonal menu bar but the drop down items are about 4 items long . It works fine for first menu item, but the second one is positioned beneath the first one because it can't fit it's menu on the same line as the previous one.

I have set the submenus to hidden meaning they are there which is why they are taking up the space the other item needs to use when it's menu item is rolled over.

Is there a way to set items so they are invisible but not taking up room when invisible?

View 2 Replies View Related

Hiding/Showing Columns

Jan 18, 2006

Firstly, please understand that this is a very big web application. There is a "tabbed" interface that allows one to switch from page to page... On each page, there are tables.

Each table has a "minimize/maximize" function that will resize the table and hide/unhide specific columns in the table...

Right now, the tables are constructed as HTML tables. The TD's that are to be hidden are given the class "hidden[tableName]" whatever the table name may be.

When the table is maximized, i execute the following function:

function changeVisibleByClass(element, className, display){
var allPageTags = new Array();

allPageTags=document.getElementsByTagName(element);

for (i=0; i<allPageTags.length; i++) {
if (allPageTags[i].className==className){
allPageTags[i].style.display=display;
}}}

This has gotten to be quite inefficient and slow because it loads all of the visible TDs in the HTML and then checks each one for its classtype, changing the visibility as necessary. This works fine for a small page, but as my tables grow, this is becoming horribly inefficient.

View 4 Replies View Related

Hiding Table Columns Is Not Working Properly?

May 29, 2010

The 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].....

View 6 Replies View Related

JQuery :: Toggle CSS Visible Style On Hideable Element

Apr 16, 2011

$('.viewBookBtn').click(function() {
$(this).parent().parent().find('.hideable').toggle( // just the toggle function works fine
function(){
$(this).css('visibility', 'visible'); // but when defined it doesn't target the hideable classed element
}, function(){
$(this).css('visibility', 'hidden');
});});

View 4 Replies View Related

JQuery :: Simple Toggle With Hiding Others?

Mar 15, 2011

I have some toggling set up, but I'd like to make it so when you toggle one, it resets all the others.

This is what I've been trying:

$(".note").click(function () {
$(".note_active").removeClass(".note_active");
$(this).toggleClass("note_active");
});

That doesn't work. However, when I change removeClass() to hide(), it hides the correct things (i.e things that are "active")

View 2 Replies View Related

JQuery :: Toggle - Hiding And Showing Alternative?

Jul 29, 2009

<script type="text/javascript">

Above is my JS. What I want to do is, click the button and have the vstar image hidden. Then when I click on the button again, the vstar appears, but now the flower is hidden. And clicking the button again, the vstar is hidden and the flower appears again, and so on...

<div>

View 7 Replies View Related

Mm_menu And Hiding Recently Made Visible Layers

Sep 26, 2007

I'm working with this code which sets an object to visible when clicked. Trouble is the previous object hasn't been set to hidden so they overlap each other.

How can I get this function to hide the previous object before showing the next ?

Code:

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='show')?'hidden':v; }
obj.visibility=v; }

View 5 Replies View Related

JQuery :: More Columns Than Header Columns Produce Variable Not Found Error

Sep 20, 2011

When a thead contain less columns than real columns in the tbody section, the Tablesorter plugin produces a variable not found error in jquery coreTo reproduce simply do not put all <th> in thead that correspond to columns in tbody.

View 1 Replies View Related

Advanced Countdown Timer - When User Refreshes Page - Countdown Starts From 5 Minutes Again

Aug 7, 2010

I found the below script that works fine for the actual countdown, but when the user refreshes the page, the countdown starts from 5 minutes again.

What I am trying to do, is handle users that put something in their shopping cart and then get side tracked or what ever reason and that same product then being purchased by another person when I only have 1 left.

So using PHP I am going to subtract the qty of that product by 1 and then I want the website to either put it back, if the users checkout times out, or if a normal process it is taken out permanently.

So long story short I think I need some sort of 'memory' for the javascript, so the user can't just keep refreshing and it starting from 5 minutes each time. Also it needs to be carried through to other pages.

View 1 Replies View Related

JQuery :: Slider Toggle - Slider Div To Be Visible If Js Was Disabled

Oct 12, 2009

1.I found a Slider Toggle thats demonstrated here [URL] and it seems to work fine but only if the link is placed above the div that slides down.. im trying to make the div slide down from above my menu and i want 1 of the links on my menu to toggle the slider. how do i get it work to where I can place the link below the sliding div? 2. the script originally used .fader{opacity:0;display:none;} but I wanted the slider div to be visible if javascript was disabled so I added

jQuery(".fader").hide(); so its now
<script type="text/javascript">
$(document).ready(function() {
jQuery(".fader").hide();
$(".fadeNext").click(function(){
$(this).next().fadeSliderToggle()
[Code]...

View 4 Replies View Related

JQuery :: Hiding Icons On WYSIWYG Editor Until User Click On It?

May 25, 2011

I am using CuteEditor for my WYSIWYG text editor. I like to hide all the icons until the user click on the textbox editor. Is there a way to do this in jQuery?

View 18 Replies View Related

Make A Table Header Visible As The User Scrolls Down?

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

User A Popup Message Without Reload Of Main Browser Window?

Mar 15, 2011

I'm looking for nice solution to handle file downloads. The problem with classic link in <a href="file"> is that in case of missing file, the main browser window is reloaded with 404 error, but I'd like to present to user a popup message without reload of main browser window.

View 3 Replies View Related

JQuery :: Reset Toggle Actions Once User Click On Clear Button?

Mar 15, 2010

How to reset toggle actions once user click on clear button.

View 2 Replies View Related

Hiding Menu Dynamically Depends On User

Sep 30, 2006

i am developing a web based application in that i have to display the menu depends on the user.if it is admin the admin menu should display if it is otherone the admin menu should not display.

the menu contents should hide dynamically using cookies concept for all the users the menu is same but the menu should hide dynamically using style.display="visible" or hide

first of all i am trying to hiding the menu contents dynamically using onload method but that is not working Code:

View 7 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved