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'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.
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]...
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]...
Is there a way of hiding a whole table row if a certain cell inside it is empty?
View 8 Replies View RelatedI'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.
Scrollable table widget with fixed header is there such thing ?
View 2 Replies View RelatedI 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.
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]....
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.
why I'm getting an uncaught exception with this?
var nav = "navigation";
$link = $("#" + nav + " ul ul");
$.each($link, function() {
[code]...
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]....
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.
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].....
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]...
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 Relatedi'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.
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 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]....
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 RelatedI 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")
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]....
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 RelatedI'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.
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]....
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]....