JQuery :: UI Hide Destroys The JS In The Target Element?
Sep 15, 2009
I would have wished it under better circumstances. However, I'm having a quite annoying problem. I'm using jQuery UI hide effect and for some reason it messes with the DOM and/or and completely messes up some of my controls.$('#dvucCustomization').hide('fold', {}, 500);Is that the correct way to call the hide effect on a DIV element?I also tried simply:$('#dvucCustomization').hide('fold');and the same result: the JSs I have in the hidden/shown element are not working any more.
View 6 Replies
ADVERTISEMENT
Sep 12, 2011
I have a following menu that I'd like to be collapsible.
<ul id="#menu-sidebar">
<li>Menu item 1
<ul><li>Menu item 1.1</li>
<ul></li>
<li>Menu item 2
<ul><li>Menu item 2.1</li>
</ul></li></ul>
This collapses and expands them, but of course all at same time.
$('#menu-sidebarli ul').hide();
$("#menu-sidebarli").click(function(){
$("#menu-sidebarli").toggle();
$(this).toggleClass("active");
});
I've been trying to experiment with the .next() trying to get the next ul li ul element but with little luck.
$('#menu-sidebar li ul').hide();
$("#menu-sidebar li").click(function(){
$("#menu-sidebar ul li").next().toggle();
$(this).toggleClass("active");
View 3 Replies
View Related
Feb 25, 2011
I have a html page that contains a number of <H2> tags. I need to find this specific <H2> tag:
<h2>Submit Your Survey</h2>
...and then replace the text 'Submit Your Survey' with something else (such as 'Click the button below').How could I do this?
View 2 Replies
View Related
Jun 1, 2010
consider the following code;
$("#content").click(function(event)
{
if($(event.target).is('a'))
{
$(this).//do something
}
}
I'm binding a click event to a div so that I can see whether is was the div or some element inside the div that has been clicked. When the if() in my code evaluates to true $(this) is still equal to $("#content") whereas I'd like to have the clicked anchor as matched element. How would I do this?
View 2 Replies
View Related
Jan 11, 2005
I use the following script for a scrolling button, it scrolls down with you if you scroll down.
Only one problem, it only works if I don't use any doctype.
If I do, the script stops working.
But without a doctype my CSS is rendered different, so that's not what I want ofcourse.
Somebody got an idea on this one? Code:
View 3 Replies
View Related
Aug 18, 2011
I want to call me function on document ready and target elements will generate by AJAX at run time. Is there any function for that?
I'm familiar about live() and delegate() but main problem is that, We can use it with any event only :(
We can call delegate() or live() with events like click, mouseOver, mouseLeave, focus etc. There is not any way to call it on document ready :(
Is there any other function we can use to do that without any event?
View 1 Replies
View Related
Aug 3, 2009
I've been using the following to provide a moving background for the BODY element... but would very much like to apply this to the background inside a specific DIV element (with css id: #banner).
Code:
Any ideas how to modify the position of a specific DIV ?
View 2 Replies
View Related
Aug 16, 2010
In this case the e.srcElement/e.target should return 'home' or 'about', but instead one of the two layers inside 'home' or 'about' will be returned. And these dont even have a onmouseover attribute! The following page is specially made to make it easy to fix the bug if you know how :-)[URL]
View 8 Replies
View Related
Apr 8, 2010
I am using GreaseMonkey to load jQuery 1.3.2 (there is a bug with the latest version of jquery and GM) and jQuery UI 1.8.0.I am using jQuery via GM to manipulate the GUI of a content management system. This CMS uses its own JS library to dynamically add stuff to the dom.
Question:How can I target a dom element that was added to the dom via this other JS lib?In other words, the CMS will add a div to the dom, and I am not sure how to tell jquery to wait for these elements to "be there" before applying the jquery goodness. Specifically, I would like to do this:
$(function() {
$('#zen1227').resizable();
});
But "#zen1227" does not "appear" until later via this other JS library.
View 4 Replies
View Related
Apr 29, 2010
I am working on a e-commerce site and I need to hide the checkout link (<a>) if the value of of the element (<td>) holding the amount due ="$0.00".
<tr
>
<td
colspan
[code]....
View 2 Replies
View Related
Jun 22, 2009
It is possible to make a script that hides the element clicked and this way hide the items I want.
View 1 Replies
View Related
Mar 30, 2010
I have some existing code that I need to alter so that when the user clicks outside the element, the element disappears. I have looked at other show/hide element code, but I'm not sure how to integrate it with the script below.
There's a date form, with an calendar image icon. When you click on the calendar icon, a div with a calendar opens. Then you can click on the dates, that when clicked will fill out a textfield with the date.
The form code:
Code:
<div class="TSearchBox">
<div class="TSearchBoxDate">
<span class="normal TLabel">Frn: </span> <input name="TLfd" type="text" value="2010-03-30" />
<img src="images/datum.gif" class="TCalendarImage" alt=""
[Code]...
View 1 Replies
View Related
Aug 3, 2011
I'm trying to hide() show() an element when a specific checkbox is checked, the checkbox is nested within an asp Panel which is nested within a Web User Control.When the user control is loaded, the checkbox's id changes to the panel id + the checkbox id due to the face that i have an unknown number of user controls that can be added to the same aspx page.I need a way to hide a textbox when the checkbox is checked without using the '#controlId' syntax, and when i pass the txt.id its not working:
toggleMe: function toggleTest(ID) {
var elem = document.getElementById(ID);
var parentId = $(elem).parent().parent().parent().parent().attr("id");
[code]....
View 1 Replies
View Related
Oct 16, 2009
I am trying to hide a div when the min length of a text box is two or greater but everything I've tried is a bust. Does anyone have a good snippet of code for this.
View 1 Replies
View Related
Jun 14, 2010
Consider the following:<div id="item-1">
<a href="#">The Link</a>
<div>The contents shown on hover only</div>
</div>
I'm positioning elements absolutely. I want the child DIV to show when I hover over the link. Here is how I'm accomplishing this:
$("#item-1 a").mouseover(function() {$("#item-1 div").fadeIn('fast');})
$("#item-1 a").mouseout(function() {$("#item-1 div").fadeOut('fast');})
This works wonderfully. But I would like to make this generic so that I need 2 lines of code, not 2 times however many items I have.
View 1 Replies
View Related
Oct 13, 2011
I have small online shop and in the top section I have a mini cart, which a user can click on and expand an area to see what products they have added to their cart.
The problem I am having is that for a brief moment when the page initially loads the expandable area becomes visible until I the .ready (hide) function kicks in. Is there any way that I can actually hide the cart on page initialisation so its not visible even for a brief moment?
<script type="text/javascript">
/* <![CDATA[ */
jQuery(document).ready(function(){
jQuery('dl#mini-cart> dd').hide();
[Code]....
View 4 Replies
View Related
May 4, 2009
I know the show() or hide() methods, but what if I just wanted to show say half of an element and hide the other half? is this possible using jquery?
View 1 Replies
View Related
Aug 16, 2009
I have a hidden spinner div. When my jquery function is called -- I show the spinner. But, how do hide I the spinner div after the ajax request has completed?
$(function() {
$(".pagination a").live("click", function() {
var loader = $('#loader')
loader.show() // <-- hidden loader div
[Code].....
View 2 Replies
View Related
Aug 2, 2010
show/hide future element in the DOM. I have something like this where it will be triggered by a modal dialog (e.g. a facebox)
<div id="parent" style="display:none">
<a href="#" id="link">click me</a>
<div>
I am hoping on click me I can show/hide the parent. I did
$("a#link").live('click", function() {
$(this).parent().hide();
};
But because parent wasn't available so it seems the hide event wasn't able to bind to the parent.
View 6 Replies
View Related
May 21, 2010
I made this small piece of code, and I think I made it in a very drawn out way. I am sure there is a lot quicker way to do it. I want all divs to be cleared that are in a certain div. So when one link is clicked, the visible div is replaced with the new one (depending on the link)
Here is the code I have done...
$(document).ready(function(){
$(".untitled1link").click(function(){
$('.untitled1, .untitled2, .untitled3, .untitled4, .untitled5_1, .untitled5_2, .untitled5_3, .wall, .lightswitch, .detritus, .untitled6, .table, .socket, .socket2').hide();
$(".untitled1").fadeIn('5');
});
});
I just need a way to say clear all in that certain div, rather than having to name each class. I was thinking of giving each of those another class which is uniform across them all. But I don't think you can have two classes.
View 2 Replies
View Related
May 25, 2011
i've been breaking my brain about this issue for a bit now, so here is my question.
I have a SELECT with various OPTIONS
<select id="myselect" name="myselect">
<option value='$variable' >1 - variable ammount of this option</option>
<option value='$variable' id="showOption">2 - gets added once at the end of the SELECT</option>
[Code]....
View 4 Replies
View Related
May 19, 2011
i want to submit form data from the popup window, close the popup, and load in the main window. problem is, it always opens a new 'tab'. i'm using google chrome, i didn't think to try this in
in the <head> of the 'main' window:
<script language='javascript' type='text/javascript'>
window.name='main';
</script>
[Code]....
View 4 Replies
View Related
Mar 24, 2011
I am using the following javascript on the target page to open it as top location from within an iframe, which is working ok.
<script type="text/javascript">
if(self!=top) {
top.location.href=location.href
}
</script>
However my problem occurs when the user uses the browsers back arrow to return to the previous page, the script executes again returning them once more to the page they have come from. Is anyone aware of a work around to this problem as it would seem there isn't one? perhaps even a better solution for opening the target page from the iframe as top location. This is really causing confusion for users, and I really need to get the issue fixed.
View 2 Replies
View Related
Apr 21, 2010
Basically, I have an element I want to hide before it is shown when a condition is met. For reference, it's checking whether a particular radio button is selected. if ($('[name="'+q1110.name+'"][value="'+q1110.value+'"]:not([checked])')) $('#_divhide').hide(1, function () { q1110.toggle = false; }); Right now, only in IE 6, it shows that element for a split second, then hides it. I don't want it shown at all unless the radio button is checked. As usual, I can't manipulate anything in HTML unless it's done through JS.
Also, the slideUp and slideDown functions don't work properly in IE 6. They do hide and show, but the animation isn't smooth. The element disappears and reappears without any animated effects. It's kind of a bummer since it works perfectly in FF 3.6.
View 2 Replies
View Related
Feb 20, 2007
Alright, I got the basic idea (which is relatively easy):
function show_el(id)
{
var obj = document.getElementById(id);
obj.style.display = "block";
}
function hide_el(id)
{
var obj = document.getElementById(id);
obj.style.display = "none";
}
The problem is, you need 2 different links, one to show the element, one to hide it. What I want is one link that changes depending on whether or not the element is showing: If it's showing, the link will be "Hide Element", if it's not, it'll be "Show Element."
I've seen this done a lot, mainly in expanding/collapsing, which is basically what I'm doing. I imagine it's not all that hard, but I just can't seem to figure it out.
View 2 Replies
View Related
Jul 8, 2011
Code...
I want the second element to show/hide when the first element is clicked on, what would the easiest way to do this with javascript
View 10 Replies
View Related
