JQuery :: Cleaning Up A Chunky Function?
Sep 29, 2010
I have created the following function to expand a container depending on which one is hovered over, but need some advice on how to tidy it up.
There are four containers in all: three expand to the right and the final one expands to the left. There is a hidden element in the expandable area which appears when the container has fully expanded. For example: if I hover over .sub-main section.other, then the hidden div .other .right fades up. Mouseout and it fades down quickly as the .sub-main section.other retracts.
The working example is here: [URL]
The following code does work, but I am aware that it could probably be reduced to half as many lines using some conditional cleverness:
$(document).ready(function(){
// Hides right or left divs depending on the block
$('.other .right').hide();
$('.end .left').hide();
[Code]....
View 3 Replies
ADVERTISEMENT
Jun 29, 2009
I have an ajax based page, which loads content from external page (html +js) So if i have a div "update_div" being updated with external content (html+js)
Let me be more specifig
Step1: Ajax content along with js loaded into update_div from a.html
Step2: Ajax content along with js loaded into update_div from b.html
What happens to the js loaded from a.html? Is it lurking in the memory or automatically/magically removed from the browser memory? I am afraid of memory leaks, if the js is still lurking in memory, the more ajax calls made, the more js is going to be held up in memory. Unless am totally wrong; i have no idea of the mechanism happening.
View 11 Replies
View Related
May 12, 2007
I have a preloading page on my site for several images. When I run the code for the preloading page through the W3 validator, I get these error messages:
character "<" is the first character of a delimiter but occurred as data.
there is no attribute "name". document type does not allow element "img" here.
I tried correcting the second and third errors, but ended up messing up the whole script. If someone could fix these errors and just clean up the code in general, that would be helpful. By the way, the doctype is XHTML 1.0 strict. Code:
View 8 Replies
View Related
Sep 29, 2002
const notWhitespace = /S/
function cleanWhitespace(node) {
for (var x = 0; x < node.childNodes.length; x++) {
var childNode = node.childNodes[x]
if ((childNode.nodeType == 3)&&(!notWhitespace.test(childNode.nodeValue))) {
// that is, if it's a whitespace text node
node.removeChild(node.childNodes[x])
x--
}
if (childNode.nodeType == 1) {
// elements can have text child nodes of their own
cleanWhitespace(childNode)
}
}
}
document.addEventListener("load", function() {
cleanWhitespace(document)
}, true)
This script is intended to remove whitespace text nodes from a document. These nodes show up far more often than we want to admit, and leads to a DOM that is different in Mozilla than IE.
Make sure you use this only in documents where whitespace is expendable. XHTML documents are among these, as are MathML expressions and SVG images.
Theoretically, whitespace can be significant in some XML documents.
View 40 Replies
View Related
Oct 16, 2009
I have a search box. I need to remove all the special characters from the search term and then query it.-,?~!@#$%&*+-= all these characters.can anybody suggest a proper regular expression for this ? and the syntax for using it in javascript.my query is saved in var query;
View 7 Replies
View Related
Dec 30, 2005
I don't like the way that a link to page top leaves the location bar with something like '#top' appended to it.
So, I'm hooking a listener to the link click event, doing a window.scroll and stopping default action. This is fine as long as the location doesn't already have a hash portion. When it does, I'd like to clean that up without causing a page reload or any server requests.
Is this possible? The closest I got with MSIE is to remove the tail end, but I can't get rid of the actual '#'.
View 6 Replies
View Related
Jul 1, 2010
I'm using the Google AJAX APIs, but some reason google.load works when run through normal javascript, but if I call the method from my jquery ready function it doesn't work. Code and output is below
page.html
<script type="text/javascript">
loadGoogleStuff();
function loaded() {
console.debug("in loaded function");
}
[Code]...
window.loadFirebugConsole is not a function If I comment out line 3 in code.js, the console debug runs okay, so the ready function is running okay. Even though there's a reference to Firebug, the same error occurs in Safari too. Nothing on the page loads.
View 1 Replies
View Related
Apr 1, 2010
I'm using jQuery 1.4 to hide a div (#cartPop) when the "close" link inside of it (#cartPop a) is clicked. Since I'm using animate() to fade the div out (opacity), I also have to use hide() to get rid of the div once it has faded out (otherwise the invisible div, which is on a higher z-index, blocks the elements on a lower z-index).
Code:
The problem is that the hide() function calls immediately without waiting for the animate() function to run. Even if I append a delay() function before hide() like so:
Code:
...it still doesn't wait.
View 3 Replies
View Related
Apr 4, 2010
I'm wanting a table cell click event to remove and replace the table it was clicked on, however I'm finding that as it's deleting the original table object the actual running event code is being replaced and the function is bailing.how I can call the delete/refresh function from outside the event's function scope?
View 1 Replies
View Related
Feb 12, 2010
how I can accomplish wrappingrelevantparts of a script into a function then call that function within a success area on another page.
This is what I have so far: Script.js page - This page is longer but this is the relevant part that I would like to wrap:
$(".product img").draggable({
containment: 'document',
opacity: 0.6,
revert: 'invalid',
[code]....
View 3 Replies
View Related
Jun 23, 2010
I have just started learning JQuery and have a doubt in the below code. $.get('myhtmlpage.html', myCallBack);The doubt is should the 1st parameter of the get function be a HTML file or can it be a unction name?
View 1 Replies
View Related
Jun 11, 2011
I have a real perplexing issue. In two separate "projects" I had code that displayed checkboxes - when clicked, they would fetch information from a db and display it in the div below. I had code that displayed a jquery date-picker - when clicked, it would fetch information from a db and display it in the div below. My issue comes with this:
[Code]...
View 1 Replies
View Related
Oct 1, 2010
I am trying to minimize the amount of script that I use on my website. I have sections of each page; each section has the same basic layout. The divs and images that I want to make appear and disappear all have nearly identical ids, the only difference is the number at the end of the id.Is there a way to get one script to automatically detect which id number has been clicked and then show all elements with the same number at the end of the id? I would also like it to hide the elements in the hide function below (basically they are the elements that do not share the same id number).I currently have everything working the way I want it to using multiple functions like the one below but I woul
$("#2thumbNail2 , #ledBar").click(function () {
$("#type201 , #type203 , #type204").hide();
$("#image201 , #image203 , #image204").fadeOut("slow");
[code]....
View 1 Replies
View Related
Jun 18, 2010
I have 2 javascript files: 1 containing generic functions for my site used sitewide and another for a particular web page containing just the javascript for that page. The page is also calling the jQuery javascript file.
What I want to do is have a javascript function in my main javascript file which uses features of jQuery such as show, hide etc. and then I want to call this javascript function from the other page specific javascript file.
[Code]...
This does not work and so was wondering if anyone can point me in the right direction as to how to achieve this or something similar.
View 1 Replies
View Related
Aug 29, 2011
I am having a strange problem with a javascript function that does not return the value but returns the code inside the function. My best guess is that I am incorrectly calling the function hasLandedOn()and jquery is interpeting it. Why is this happening? I highlighted the parts in red.-Tom ReeseThe following is returned NOT the variable imageName.
function hasLandedOn(){
var selectorLoc = $("#selector").offset();
var imageName = "";
[code]....
View 2 Replies
View Related
Oct 10, 2009
how can i write a function that accepts a callback function?[URL].. i want myFunction to load some data via(an unordored list actually) load method end then somehow to return the wrapped elements for the callback function, exactly like load() does.
View 6 Replies
View Related
May 23, 2009
I have done some searching on the discussions here and have found info on waiting for fadeins, etc. to finish and then calling another function. However, I am needing something a little different. I am needing for function 1 to process and then call over to function 2 once it's finished. Here is my code:
[Code]...
View 1 Replies
View Related
Jan 6, 2012
I have a lot of similar instances of the following code on my page:
$('#btnEditParty').click(function () {
$.ajax({
type: "POST",
url: "WardAdmin.aspx/GetParty",
[Code]....
I'd like to create a generic function to save repeating a lot of code and then just pass in the relevant values.
I'm fine with that, the only thing I'm not sure about is if/how I can pass in a function name to be called on success/fail.
This post is where I was doing something similar to save repeated code: [URL]
In a similar way is there a way of passing in a function name to be called on success?
View 1 Replies
View Related
Feb 18, 2010
I have issue with passin value between functions:
$(document).ready(function(){
id = 'test';
$('#Meno').keyup(function(){
id = '#Mobil';
[Code].....
I am getting from console.log right value "#Mobil" but $(id) has value "Test". I need there also value "#Mobil".
View 2 Replies
View Related
Nov 17, 2011
So I've got this checkbox thing going on, where an array converted with the value of each checkbox in it.It looks like this:
[Code]...
What I want out of this function is the variable newworkdays to use in another function.
How do I access the "newworkdays" outside the function? I've already try to declare the variable outside of the function, though that resulted in that I didn't get the value of the variable inside the function.
View 1 Replies
View Related
Aug 12, 2009
A question for a jQuery expert. I'm more familiar with Prototype, but I've been using jQuery a lot recently and needed to find out how something is done, jQuery style Prototype has a rather handy wrap() function which lets you wrap an existing function within another function. It lets you attach code to be executed before or after an existing function is called.[URL]...
View 1 Replies
View Related
Aug 7, 2009
i've got a function which makes a call to the database( via jquery $.post) to check if a username already exists. All the data I get back is fine and both the conditional statment works as intentded. I just can't get the function to return a value to the other function that calls it. Could this be something to do with the scope.
Code:
function checkIfUsername(o)
{
$.post(""+CI_ROOT+"index.php/admin/check_if_username",{
username: username.val()
}, function(data){
if(data.bool == true){
[Code]....
View 4 Replies
View Related
Feb 18, 2011
Would like to do this:
The function setEqualHeight(columns) fires on document.ready and works well. However, in the second function (the tab function) I would like to to call the setEqualHeight function in order to recalculate the div heights again. I would like to do this in the "onclick function". How?
View 2 Replies
View Related
Jun 28, 2010
i call a javascript function when click on a href (for hiostorical reasons) and pass this as a parameter.
[Code]...
View 4 Replies
View Related
Mar 7, 2011
I am trying to implement the getJSON function.
My code for utilizing the getJSON follows:
Where un in a reference to a Textbox.
I can debug and verify that the call to
Occurs and return correct answers.
My problem is that the "success callback function" of the getJSON function is NEVER called.
View 1 Replies
View Related
Nov 4, 2010
is there a way in jQuery to bind variables to function calls similar as prototype.js does it? See [URL]
E.g. in the slideUp method of jQuery you can specify a callback that is called after the effect has finished. I would like to bind a variable to this call so that it is used inside of this callback as a closure.
View 2 Replies
View Related
