JQuery :: Calling A Function Within The Ready Function From Another File?
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
ADVERTISEMENT
May 3, 2009
I have a function within the
$(document).ready(function() {
function myFunction(){
}
));
But I want to call it from Flash? What name should I use? jQuery.myFunction does not seem to work..
View 5 Replies
View Related
Oct 3, 2011
I can't seem to get the syntax correct to get this to work. I'm sure it is something simple.I want to call multiple functions inside my document.ready function.The first function gets called but not the second.
$(document).ready(
function GetSuspectCollection() {
$.ajax({[code].....
View 2 Replies
View Related
Jul 15, 2009
In my index file I have global.js sourced into the head, which contains the following function.
function gotoShop() {
currentPage = "shop";
checkMenu();
[code]....
View 5 Replies
View Related
Jul 22, 2010
I have a jquery plugin for an image gallery, and i'm trying to tweak it to be able to change the shown image via a drop down menu.
In the .js file I have this working function:
My issue is, how do I call this from within my html file?
I've moved the function into my html header and called it succesfully.. but only the alert occurs... The problem seems to be that once called it doesnt know what gallery.gotoIndex(1, false, true); means and goes nowhere...
So I come back to the issue of how do I call this when it sits within the jquery plugin.js?
Also I want to be able to pass the drop down menu selection value to the function... would this work?
View 1 Replies
View Related
Jun 22, 2009
I am using jquery 1.3.2 and I want to call a function define in ajax file.form php file. How can I do that.
View 2 Replies
View Related
Dec 14, 2011
Calling Jquery function in separate file?I have an html file that includes jquery and javascript functions file (functions.js) that contains a simple jquery function.
View 3 Replies
View Related
Dec 14, 2011
Calling Jquery function in separate file?
I'm sure this is simple but I can't work it out.
I have an html file that includes jquery and javascript functions file (functions.js) that contains a simple jquery function.
HTML
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
[Code]....
View 3 Replies
View Related
Oct 8, 2010
I have two javascript files that execute some code. One is a default file loaded on all pages that executes some jquery for some bells and whistles for basic interactivity :
default_jquery.js
Code:
$(document).ready(function() {
function make_fancy(){
//make tables look nice
//make hover look nice
//etc
//etc
}
make_fancy();
});
It works great. However, one of my pages updates a database via ajax and then rewrites and redisplays the updated table on a successful ajax return. For example, if someone adds something to their shopping cart, ajax queries the database, updates an entry, and then rebuilds the shopping cart to reflect the new item or quantity. The problem I was having was that after the rewrite of the table, I was losing the formatting that the above jquery file was implementing. So I just added the same jquery statements above to the success indicator of the ajax.
My ajax looks something like this:
buy_item.js
Code:
$.ajax({
type: "POST",
url: "../buy_item.php",
data: "item="+item+"&quantity="+quantity,
success: function(resp){
//redraw table .....
This works fine, and reapplies the styles after the table has been redrawn. However, I don't like to have the same jquery statements in this file as I do in the standard jquery file above. So I just want to use a function. So on this buy_item.js page, I'm trying to call the make_fancy() function in the default_jquery.js file, but it doesn't work. I'm told that the make_fancy() function is not defined. I've tried including the default_jquery.js file which contains the make_fancy function before the buy_item.js file that calls it, but that doesn't work for some reason.
What I want is this for the buy_item.js page:
Code:
$.ajax({
type: "POST",
url: "../buy_item.php",
data: "item="+item+"&quantity="+quantity,
success: function(resp){
//redraw table
make_fancy();
},
error: function(e){
alert('You suck at this');
}});
}//function
View 1 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
Jun 12, 2010
i am building a website: i have the files index.php, contact.php, etc... in witch there is a main function that it's call in the template.php file... and at the end of these files a call the template.php to run the page
in index.php i try to run this script
PHP Code:
<style type="text/css">
.accordionItem h2 { margin: 0; font-size: 1.1em; padding: 0.4em; color: #fff; background-color: #944; border-bottom: 1px solid #66d; }
.accordionItem h2:hover { cursor: pointer; }
[Code]....
and the script doesnt work.... if put the script in template.php and call in browser the template.php then it works...
View 5 Replies
View Related
Jan 18, 2010
Currently just trying to call functions from a .js file from my .html file. Here is the code, can't figure out why it doesn't work? It works if I put the medeltal(); into the .js file but I wanna call them from the html. Note that if I put the medeltal (20, 10, 30, 40); into the JS file at top it works just fine, but i can't seem to get it to work from the html file.
JS code:
function medeltal(var1, var2, var3, var4){
result = (var1 + var2 + var3 + var4) / 4;
alert(result);
}
.xhtml code:
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 StrictEN" "[URL]">
<html xmlns="[uRL]" xml:lang="en">
<head>
<title>Uppgift 2</title>
<meta http-equiv="content-type" content="text/html charset=iso-8859-1" />
</head><body>
<script type="text/javascript" src="script.js">
medeltal(20, 10, 30, 40);
</script></body></html>
View 3 Replies
View Related
Jul 22, 2010
(function($) { /* code*/ })(jQuery);
$
(
document
[code]....
I know that document.read is loaded when html page is been loaded. But what's the difference between the two?
View 1 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
Apr 7, 2010
I try to make something where you add elements, and can delete elements later by calling a simple function. I simplyfied it right here: It works only to add the paragraphs, but the delete function doesn't work. Tried already to debug with an alert message after each rule... but the problem is with this rule I guess:
[Code]...
View 2 Replies
View Related
Jun 17, 2010
I understand that ready() will run when DOM is ready:
When will this run?:
View 1 Replies
View Related
May 6, 2010
I originally thought I should always include js which shouldn't be parsed until the html had been written using the following:
$(document).ready(function () {
//My code
});
I later read that I shouldn't do this (JQuery Cookbook, or something similar) but instead should just include my JS at the very end of the page but before the body close tag.
View 4 Replies
View Related
Nov 15, 2010
just one question.I want to remove the div within ready function. I'm using $("noJS").remove(); script, but it only hides the div (when I check the site's code, that div is still there).
View 3 Replies
View Related
May 13, 2011
I am creating a little word guess game, with a random function which picks the word from an array of 10 words. The second function checks if the users' letter choice is part of the secret word. Currently, each time the checkGuess() function is called, the word is changed, probably because I am calling the wordPicker() function from within. The wordPicker randomly chooses the word, then returns that word. All I want to do is pull that word into the checkGuess function, without calling the wordPicker function as it currently does. Here is the code:
Create secret word array
var wordList = new Array("stealth", "telephone", "internet", "nickel", "marine", "instantiate", "method", "function", "television", "monitor")
[Code]....
View 12 Replies
View Related
Jun 7, 2010
I am trying to write a function that is being invoked when some one clicks the submit button on the form.<form name="sectionA" action="optionpage.cfm" onSubmit="return abc()">I have three tables with initials textboxes. I want to check if they are empty and return false(stay on the same page), else go to action page.Here is what I am doing, I Created three functions tableA(), tableB(),tableC() call them from function abc(). These functions tableA(), tableB(), tableC() return false if one of the field is empty and stop furthur processing and remain in the same page. If none(errors), then go the other page.i.e if table B has empty fields, page should stop furthur processing and remain in the same page.Here is how I am doing it Can somebody please point out what I am doing wrong here.Even when there is empty field, the code moves me to the actionPage.
View 2 Replies
View Related
Feb 21, 2011
I've built a complex web application that loads content into the main page using .load of php pages. Some of those pages are using datepicker and timepicker. I have these working ok to a point, but there is some troubling behaviour. e.g. sometimes when clicking a date field, the calendar doesn't appear. The timepicker seems to work ok most of the time. Clicking around like a loon on various pages sometimes makes the field work with dates, but other times not.
Sometimes I see the calendar display stays on the page even when new content is loaded. Summary is that the datepicker works perfectly, but then it stops working, then starts again.. Now I have a mix of calls to google and local source code .js and ui and tools which is perhaps complicating things. I'm not sure if this is a problem with coding, or the doc ready function being used in 'child' pages.
View 1 Replies
View Related
Feb 1, 2011
I am needing to use both functions, as shown below, which are within the <head> section of my code. However, I find that if I do both, neither works. If I do only one, it works.Apparently, I don't know how to properly use $(document).ready(function(). What should I do?
<script type="text/javascript" charset="utf-8">
$(document).ready(function()
{$("button").click(function(){ $("p.hide").hide(); });
[code]....
View 4 Replies
View Related
Dec 16, 2011
I can't remember where I read it, but I thought that doing$( function(){
//code here
});
Would make the code execute on page load?However, it seems that the above function only fires if I also include
$(document).ready(function(){
//code here
});
[code]....
View 3 Replies
View Related
Jul 17, 2011
I have a form button with id="submit". When pressed, ClickGeocode(credentials) is called. This works fine and dandy with: $('submit").click(ClickGeocode) Despite there being no indication that the function takes an argument 'credentials'. So when I want to call the function at some point in my code, I should be able to do something like ClickGeocode(credentials) ... no? However, my issue is that credentials isn't once defined in my code - it is part of Bing Maps function... like so:
function ClickGeocode(credentials)
{
map.getCredentials(MakeGeocodeRequest);
}
So why does it work using .click(), and how can I call the function without user interaction (simply somewhere in my code) even if 'credentials' is not defined?
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
