JQuery :: Hiding Empty Span - Ui-widget-header Class Appears To Be Stopping It From Hiding

Jan 30, 2010

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.

View 5 Replies


ADVERTISEMENT

Hiding A Div If A Variable Is Empty ?

Sep 30, 2009

I'm using a Javascript gallery (runs on Prototype library) that populates a caption field if the user has entered a caption for an image.

I need a little bit of code to hide the caption's div entirely if the user hasn't entered a caption for a particular image (var 'caption' is empty).

It's the bottom-right white box below the image, you'll have to click over to the second page of the gallery (NEXT) to see an example of an empty one that I want to hide:

[url]

Here's the CSS:

Here's the HTML:

I'm sure this isn't that hard, but I've spent more time trying to get that caption box to hide than setting up the gallery.

View 2 Replies View Related

JQuery :: Hiding Empty Form Option Fields - Working But Inelegant?

May 11, 2009

First post here - I am trying to hide options in a form select field if they are empty. The code below works...but even I know it must be a horrid way of doing it! Anyone care to tidy it up for me? I would learn much from the experience,

[Code]...

View 3 Replies View Related

JQuery :: Hiding Subset Of Form Fields (with Empty Values) Using Focusout Handler?

Feb 4, 2010

I have a contact info form with about 16 fields. I need to hide a subset of fields for address when the end user either (1) tabs out of the subset group, (2) clicks anywhere outside the subset field group.

I do not want to hide the fields when the end-user is tabbing within the subset of address fields, yet the focusout handler is triggered when it shouldn't be.

[Code]...

View 2 Replies View Related

Hiding A Whole Table Row If A Certain Cell Inside It Is Empty?

Feb 21, 2010

Is there a way of hiding a whole table row if a certain cell inside it is empty?

View 8 Replies View Related

Hiding CSS Class From Netscape 4.x

Jul 20, 2005

I'm trying to do a show/hide of several elements on a page and can't
get it working in Netscape 4.x. All other Windows browsers are
working.

My elements all have the same class name. <div
class="myClassName">stuff</div>
I cannot use ID because I don't know how many will appear as they are
dynamic recordsets. Netscape seems to work OK with IDs but not CSS
classes.

For Netscape 4.x I have coded in my javascript:
document.myClassName.visibility = "hide"; to hide it and
document.myClassName.visibility = "show"; to show it.

My CSS for this function is:

<style type="text/css">
..myClassName {visibility:hidden;}
</style>

When I use the toggle I get this error: document.myClassName has no
properties.

Any suggestions? Right now we are considering having standards-aware
browsers use client-side show/hide ( via
document.getElementsByTagName() ) and forcing Netscape 4.x to reload
the page, but would prefer to do it all in the browser.

View 8 Replies View Related

Scrollable Table Widget With Fixed Header

Jul 23, 2005

Scrollable table widget with fixed header is there such thing ?

View 2 Replies View Related

JQuery :: Selecting Contents Of Span - Result Empty

Jul 25, 2010

I want to select the contents of a span in jquery. This is the html:
<a href="?page=home&action=add&id={$film.film_id}">
<img src="images/shoppingcartButton.png"
id="shoppingButton" alt="shoppingcartButton" title="shoppingcartButton"/>
<span>{$film.film_id}</span></a>

The jquery I have is:
lalala = ($('#shoppingButton span').text());
alert(lalala);
But the result is empty.

View 1 Replies View Related

JQuery :: Hiding Div Tag On Mouseleave?

Apr 5, 2010

I am trying to display content when mouseenter the div tag with id="test" when mouseleave i want to hide the contents.It was working fine only once. I want it to repeat that when ever mouseenter or mouseleave.Test1.txt contains - just text

<html>
<head>
<style>

[code]....

View 2 Replies View Related

JQuery :: Hiding Several But Not All <tr>'s When Click On <div>

Sep 21, 2010

I have a simple HTML:

<tr><td><div class="panel">Click me 1</div></td></tr><tr><td>...</td></tr>... several tr's to be hidden on Click me 1 ...<tr><td>...</td></tr>
<tr><td><div class="panel">Click me 2</div></td></tr>
<tr><td>...</td></tr>

[Code]....

Is it possible to write jQuery code that will hide all <tr>'s that's under the <tr> with <div> (Click me 1) inside them? But not to hide those that's under the <tr> with <div> (Click me 2).

Class name "panel" must be same for all clickable <div>'s. <tr>'s and <td>'s can't have any class or id.

View 2 Replies View Related

JQuery :: Hiding Elements Using Each()?

May 27, 2010

why I'm getting an uncaught exception with this?

var nav = "navigation";
$link = $("#" + nav + " ul ul");
$.each($link, function() {

[code]...

View 1 Replies View Related

JQuery :: Hiding All Other Object In Array?

Oct 16, 2009

i'm an actionscript3 developer who is somewhat new to js/jquery and am struggling through creating a site using jquery.I would like to be able to use the show/hide/toggle methods to switch between content using a standard navigation list. basically, what I want to do is this:1. store list of 10 <divs> in array with the id set to w1_blog, w2_blog, etc2. list of 10 links with ids = w1_blog_a, w2_blog_a, etc.3. store references to divs and links in array/s4. add event listener to each link5. .click event calls function that loops through each blog entry and shows the one matching the link (w1, w2, etc) and hides all others.I could do this in 2 mins in as3 but I'm struggling with the js syntax, despite it being very close to as3. It should (I think) look something like this:

$(document).ready(function(){
var blogArr = new Array();
var blogLinkArr = new Array();

[code]....

View 1 Replies View Related

JQuery :: Hiding And Unhiding 2 Forms With DIV / Possible?

Apr 29, 2010

I am in the progress of building a new website; the layout and stuff is already done for the most part, but I am having a problem with the two order forms on my website. Well not the forms themselves, more with how they appear (and disappear).Like stated I have 2 forms on my website. When coming to my website they should be hidden (standard). When someone wants to order they press the link for order form A or form B.

Is it possible to load a page within the DIV for example I want form B to include extra-info.php. Is this possible?If I understand correctly the above would be possible with jQuery with use of hidden DIV's. But I really don't know much about Javascript to pull this of myself.

View 3 Replies View Related

JQuery :: Hiding <li>'s In JQ Slider Menu?

Jan 28, 2010

I have some jquery running on a menu (here ) but before jquery loads, the content (all of the <li>'s) appear, then disappear once jquery loads. Is there a way to stop the brief displaying of the <li>'s?

The current jquery code is:

function initMenus() {
$('ul.menu ul').hide();
$.each($('ul.menu'), function(){
$('#' + this.id + '.expandfirst ul:first').show();

[Code].....

View 3 Replies View Related

JQuery :: Hiding Some Form Elements?

Feb 13, 2010

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

View 2 Replies View Related

JQuery :: Hiding Browser ScrollBar

Jul 31, 2011

In a certain scenario in my application, I show a popup which is basically a simple div above some other semi-opaque div that is basically an overlay for the existing UI elements.My problem is that when the popup is shown, the existing UI elements, seen through that semi-opaque div, can be scrolled-down using the mouse wheel.I search the web for some solution to hide the browser's scrollbar, and the only one that worked is doing this [code]How can I 'translate' it to jQuery? Is there a nice way to write this piece of code using jQuery?

View 1 Replies View Related

JQuery :: Hiding Title And Alt Tooltips?

Aug 25, 2010

i'm trying to hide title and alt tooltips from popping up. i realized that tooltip plugins can hide the browser tooltip and display their own generated style. i am using plugins like fancybox and cycle which have been configured to use attributes for links and description therefore i need title/alt.

i've been unsuccessfully trying to write a function that onmousehover saves the title/alt attribute and empties the attributes (alt="" title="") so they don't popup, then restores them onmouseout.

i know it has something to do with .data() but I can't seem to get it working. i've tried breaking down very simple tooltip plugins, but once i start removing lines of code, it doesn't do anything.

View 4 Replies View Related

JQuery :: .hide() Not Hiding Elements In IE

Aug 28, 2009

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.

View 3 Replies View Related

JQuery :: Hiding A Cfoutput Until Clicked?

May 26, 2009

i want to hide my phone numbers in an output page so that the viewerhas to click an icon to see it.i have the following jquery so far:

<!---JQuery test to hide phone--->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">

[code]....

View 1 Replies View Related

JQuery :: Hiding A Menu In Superfish?

May 17, 2009

I want to make a dynamic menu where the items being shown depends on the access of the user. I tried having a code in codebehind of my aspx page that will set a certain li to style display none, but when viewed in IE6 I get a white space within the menu.

View 1 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 :: Hiding And Showing <li> Tags?

Dec 20, 2009

I have an application, that will pull all articles associated with a user on a page.As some users have posted approx 100 articles, I want to hide all but the first 5, then have a link that will show the next 5 or the remaining article that are hidden (if less than 5)I have the following code:

jQuery.noConflict();
var numShown = 5; // Initial rows shown & index
var numMore = 5; // Increment

[code]....

View 1 Replies View Related

Jquery :: Superfish Menus Not Hiding

Oct 22, 2010

I'm usingSuperfish for a popout context menu and it works up to a point, then the screen gets littered with the visible submenu items that are no where near their parent.I have several "views", and 250 things with menus on 1 page seems OK, but 450 is not. I don't have one in between at the moment. Also, my "pages" are in jqueryUI tabs, the tab divs have a table in them, the table td's is where I'm sticking the ul for the menus. I have have many tabs and they all work, even with over 600 in total, it's just the one table with over 400 rows that doesn't look right.Is there some technical limitation on applying sf-menu class to a UL as a child to a table where it hits a ceiling, or do i need to make a mockup test case to figure out what's going on?

View 2 Replies View Related

JQuery :: Syntax With Hiding All Controls Except The First?

May 26, 2009

I'm still trying to get to grips with jQuery syntax,I'm working on an accordion-style menu and I'm struggling to get a hide behaviour to work.

Basically I want to hide all of the controls within my specified parent control which have an ID starting with "accordionBody_" except the first one. (So that the first pane is expanded and the rest are hidden on load.) I'm using the following:

$('#' + containerId).find("div[id^='accordionBody_']:not(:first)").hide();

But it's not working - it just hides all of the controls.

View 1 Replies View Related

JQuery :: Using To Slide Up And Down While Hiding The Previous?

Aug 31, 2009

and not sure how to title this post so excuse me if i'm not using the right terminology.my setupjavascript

<script src="scripts/jquery-1.3.2.js" type="text/javascript"></script>
<script>
$(document).ready(function(){

[code]....

View 1 Replies View Related

JQuery :: Displaying And Hiding A Specific Row In The Table?

Jul 23, 2011

When you click the text "info" in the column "comments", a row should be displayed below with text information that is related to the "comments". Need also to click the text "Info" again to hide the text information of comments. Problem: I don't know how to display the row when you click one of the comments with the text "info". When clicking one of the link the remaining rows with the text "info" should not be affected. In order words, the part should be independent Need also some help hiding the text information of comments.

There are some things that you also need to take account to: - The amount of data that will be displayed in the table will be changed from day to day. The data is taken from a xml file.- Would like the sourcode to be written in jQuery.- Only html, css and javascript is allowed in this context.- html code in tr and td will be generated by javscript code.The class "firstDataRow" is the added in the tr row that has the text information of commentsPlease remember that the text hide and show is only for temporary.

// Fullmetalboy
<table border="1" SUMMARY="aaa" id="tblProject">
<thead>

[code]....

View 4 Replies View Related







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