I'm sure a Google search could answer this, but I don't know what it's called, haha. Dot sytax maybe?chain methodsHow do I write a function that can be called like this:
$('p').myFunction().val('the new value');
I played around, tried this:
function myFunction() {
$(this).css({'color': 'red'});
}
[code]....
I want to try and keep my syntax all encapsulted, but I'm not sure how to go about this.
So I add in some html to a div
$('#slideStage').append("<div id='popupTiming' style='display:none'>" + formatTime(currentCuePoint.time) + ' minutes</div>')
So the resulting html would be
[Code]...
An example:
tabContent.css('width', '0')
.css('opacity', '0')
.filter(':eq(0)')
.css('opacity', '1')
.parent()
.find('.one-tab')
.addClass('active')
.css('cursor', 'default');
Now I want to apply the parent of tabContent a width, only if a condition is true. I do this, and works, but I don't consider this is a proper way:
tabContent.css('width', '0')
.css('opacity', '0')
.filter(':eq(0)')
.css('opacity', '1')
.parent()
.each(function() {
if (/*condition is true*/) {
$(this).width(aWidth + 'px');
}
$(this).find('.one-tab')
.addClass('active')
.css('cursor', 'default');
});
Is there a better way instead of using each() which is actually made for loops? In this case there is only one element.
Is there a way to write a custom tweening function, preferably with easing, without the use of the build in animate() function?In Javascript, it's possible to do this with an interval, but I haven't been successful in finding something similar for jquery
View 1 Replies View RelatedI am "writing" a javascript function to my page with php:
<html>
<head>
<title>Just about everything</title>
[code]....
I'm not that familiar with javascript, and I am trying to write a
toFixed function.
The function takes two arguments, the number and the number of decimal
places we're interested in.
If the number of decimal places is negative, it's interpreted as the
number of significant digits.
Thus:
toFix(12345.6789,2) -12345.67
toFix(12345.6789,0) -12345
toFix(12345.6789,-2) -12000
I've hacked up a solution that so far works on all tested browsers for
the first 2 cases.
It's the last one I'm having trouble with... How do I get only the
significant digits?
It has to work for all of the following cases:
toFix(12345.6789,-2) -12000
toFix(12345.6789,-5) -12345
toFix(12345.6789,-7) -12345.67
I've got a glitch somewhere and it's not obvious to me. Maybe someone can spot it.My problem is that the functions seem to return values but don't display them like they should. I'm testing returned values with a function called sayvalue(item). But when I test "DelTimeCode" the function returns "[Object]". I don't understand. I get returned values from DelTime and DelTitle.My approach is to select a radio button option, return a delivery title and a delivery price from the appropriate functions then write the information. I think I'm close. Any suggestions or observations of an error in my code?I have the following VARIABLES and FUNCTIONS:
<head>
var AmtSV;
var DelTimeCode="";
[code]....
Is there any chances some one teach me how to do this... in jquery ?
View 2 Replies View RelatedI've been using the document.write function to loop through some xml and print the data within a HTMl table. I thought it would be useful to add a hyperlink to the table row, so I thought the best way to do this would to create a function (called popup), which takes an id as a parameter.
The problem with this, is that when writeing using the onClick, the speech marks seem to all get messed up.
Code:
onclick='popup('"+mailID+"')'
I'm 99% sure it's just the speech marks, i'm just not sure of the right combination, and it's doing my head in
If someone could even point me in the right direction, even the proper name as to what this is called would be great, as googleing it is proving to be a nightmare!
Here's the whole section of code if it's more useful:
Code:
var mailID = x[i].getElementsByTagName("mailid")[0].childNodes[0].nodeValue;
if (r == "unread") { //email is unread
document.write("<tr onclick='popup('"+mailID+"')' title='test'>"); } else { //else is read, so add colour
[Code]....
What is the purpose of writing a function inside parentheses?
PHP Code:
(function()
{
var myvar = xxx;
// my function code here....
}
)()
Here's a simplified version of the function that's giving me trouble:
Code:
function saveArray(w){
var arr="['z',[";
[code]....
If you specify arguments when writing a function should you still declare the argument variable inside the function?
example:
Code:
or
Code:
For example I have a link that I want to when I click on it, It writes some words after the link. I have written a code but it does not work as I want and it clears all the page and writes the words. I don't want to clear the page and write just words, I want to add words after the link.
Here is my code:
HTML Code:
<script type="text/javascript">
function a() {document.writeln('aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa');}
</script>
<a name="aaa" href="javascript:void()" onclick="a()">Click on me!</a>
I'm trying to have an effect happen after an effect for some other elements has finished.
$(document).ready(function() {
$("#about_div").toggle(function() {
$(".work_divs").slideUp(600);
[code]....
and a couple of variations. I increased the duration to slow it down but the effects occur simultaneously.
On change of the first drop down i want another drop down list to get populate with optgroup in it
View 1 Replies View RelatedI have a list oF div embedded into one
<div id="main">
<div>item 1</div>
<div>item 2</div>
[code]....
I'm trying to return all the permutations of a given string, so I wrote the following recursive function:
The problem is, I'm not getting all the permutations, and I don't know why.
For example, if string="bindle", the output I get is:
And then the function stops.
I've checked Google and searched the jQuery forum and didn't see anything. Is there a way to do the following as I'd like to use the same chain multiple times with with different selectors:
var chain = .attr('value', 'Search Digital Collections').css('color', '#E0E0E0');
How would you go about writing a function that returns a string that outputs a branched bulleted list using <ul> and <li> tags of all the html elements in a page? The html elements don't all have id's or names, so I cannot reference them directly. I would like to do it recursively so that I can grab all the elements, not just those two or three levels deep.
[Code]...
I'm trying to incorporateRemy's select-chainplug-in into my code, and I'm having troubles. I hopesomeone can take a minute or two to help me. My situationseemed simple, only 2 levels, Products and Programs under each Product. I have the back-end working, so it returns the JSON list of Programswhena Product ID is passed. However, the plug-in keeps failing in the .ajax() function, tripping the error(). It reports a "parsererror", so I know I've messed up something. One wrinkle, I have multiples of the Product/Program pairs on my page, identified as "prod_x"/"prog_x", so I need to dynamically call them. Here is my code:
[Code]...
How to pass data down to chain calls of deferred object? code...
View 1 Replies View RelatedI created a dropdown menu using jquery. So when I hover over a button it slides down the menu. Now if I move the mouse out of the menu and bring it back in before it slides up(menu has a lot of items so there is enough time to bring the mouse back in on the menu)over the dropdown menu it starts a chain of slideDown() and slideUp() functions and it does not stop till I move the mouse of the menu or back on the button. Below is my jquery code:
[Code]...
I've not been doing javascript too long and it's my first forray into AJAX so maybe a glaring error.
I'm writing and approve/delete function for a website's pending memberslist in my approveMe script firebug says doWork is not defined.
Let's say I have the string "Bob.underwear.drawer.sortBy" which would be the Scope Chain Required to access an object similar to this:
Code:
var Bob = {
underwear: {
[code].....
I'm working on some code and am running into brick walls. I'm trying
to write out Javascript with Javascript and I've read the clj Meta FAQ
and didn't see the answer, read many similar posts (with no luck
though), and searched through the IRT.ORG Faqs
(www.irt.org/script/script.htm).
The Javascript is designed to open an popup window and then inside that
window call another script which will resize that window. There may be
another way around this but the reason I tried this approach initially
was that I wanted to call the onload handler in the popup window to
resize the image only after the image had completely loaded. I've had
some code in the primary Javascript file (showimage.js) before that
works if the image has been cached but on the first load, it doesn't
resize properly which tells me it is probably because it is trying to
resize the window based on the image size but it isn't completely known
at that point. So I removed that code and tried placing the resizing
code in the second Javascript file (resizewindow.js). BTW I've tried
other code to open a popup image and automatically size it ie Q1443 at
irt.org but that doesn't do exactly what we need.
Even if there is another way to do this with one file, I still want to
figure out why this isn't working in case I run into it in the future.
I thought what I would need to do to use document.writeln to write
Javascript would be to escape any special characters and to break
apart the script tag ie
document.writeln('</SCRIPT>');
would become
document.writeln('</SCR' + 'IPT>');
I have a HTML page and 2 Javascript files. All files are in the same
directory and have permissions set correctly.
Here are the 3 files (keep in mind wordwrap has jacked up the
formatting):
index.html
----------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
<SCRIPT type="text/javascript" LANGUAGE="JavaScript1.1"
SRC="showimage.js">
</SCRIPT>
</head>
<body>
Click the house<BR>
<A ONCLICK="newWindow1('house1.jpg','Nice House')"><IMG
SRC="house1thumb.jpg"></A>
</body>
</html>
showimage.js
------------
function newWindow1(pic,sitename)
{
picWindow=window.open('','','width=25,height=25,sc rollbars=1,resizable=1');
picWindow.document.writeln('<html> <head>');
picWindow.document.writeln('<SCR' + 'IPT type="text/javascript"
LANGUAGE="JavaScript1.1" SRC="resizewindow.js"></SCR' + 'IPT>');
picWindow.document.writeln('</head>');
picWindow.document.writeln('<body onload="resizewindow();">');
picWindow.document.writeln('<img src=' + pic + '>');
picWindow.document.writeln('</body> </html>');
picWindow.document.close();
}
resizewindow.js
---------------
function resizewindow()
{
// Do resizing here.
// Right now this isn't being executed
alert("resizing window");
}
Can anyone provide some pointers as to why this javascript is failing?
I'm using IE6 on Win2k and when I click on the image to open the popup
window, it does open the window but it is white with no content and the
system immediately goes from about 4% CPU usage to 100% and
consistently stays there until I kill that window with the task
manager.
I'm trying to combine a chained drop down list with the ability for the last selection to show/hide a div. I've researched and found ways to do both individually, but I'm hitting the wall when it comes to combining the javascript.
This is how I'd like it to work:
-- User selects from DropDown List 1.
-- DropDown List 2 options appear based on the selection in 1.
-- User selects from DropDown List 2,
-- Appropriate div is shown.
Here's the Javascript I'm using to show/hide a div:
function showDiv(divID)
{
var div = document.getElementById(divID);
div.style.display = ""; //display div
}
[Code]....