Jquery :: Calling Function In Separate File?
Dec 14, 2011Calling 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 RepliesCalling 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 RepliesCalling 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]....
I have a text file that contains a whole bunch of data points neatly formatted (it's basically a CSV file). I need to create a quick JS function that would load the CSV file (from a URL) and display it with in a page. No parsing is needed! I just need to suck down the file and insert/display it within two div tags.
View 1 Replies View RelatedI 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.
In my index file I have global.js sourced into the head, which contains the following function.
function gotoShop() {
currentPage = "shop";
checkMenu();
[code]....
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?
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 RelatedI 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
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...
What I am wanting to do is simply call a different CSS file based on what browser they are coming from. I want the script to detect IE, firefox, and Safari.
View 2 Replies View RelatedCurrently 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>
so, I can pass a value from a select list to another function which then decides which function to call, but I want to cut out the middleman, and make the values the function calls, and call them directly on the onchange... I imagine something like this:
<select id="select" onchange="this.value">
<option selected value="function1()">Funtion 1</option>
<option value="function2()">Function 2</option>
<option value="function3()">Function 3</option>
</select>
I want to put all my javascript into a external js file so I dont have to put in the html, but it isnt working for some reason.
====Working====
1. Inside my HTML
<script type="text/javascript">
$(function() {
[Code]....
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]....
I am using modal dialog to select some check boxes and when I click on the button I need to call a php script file witch is generating an excel file based on the selected checkboxes.I am getting the checkboxes value but not able to call the php file.
View 1 Replies View RelatedI 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?
I there any possible way to set this up so the menu is in a separate javascript file? This way I could just link to the menu on the pages I need it to show up.
View 3 Replies View RelatedAnyways:
I got a Menu and several Divs:
...
<ul>
<li><a href="#" id="page1link">Page 1</a></li>
<li><a href="#" id="page2link">Page 2</a></li>
[Code]....
I'm guessing Javascript security shuts me down here, but just thought I'd post this on the off chance a guru here might know.I'm using ASP.NET AJAX's new AsyncFileUpload control. Functionality-wise it's awesome. Appearance-wise my product manager hates it. I'd like to hide it, and trigger its functionality from a button whose appearance I can fully customize.I tried doing this via calling its click() method, which opens the file selection dialog fine. However, once a file is selected, causing the form to be submitted, the infamous "htmlfile: Access is denied" error rears its head.
View 17 Replies View RelatedMy drop down uses an <optgroup label> facility (6 optgroup categories, many values per category).This works fine (when the user chooses a category from the first drop down, a second drop down menu refreshes with the values for that category).HOWEVER, the above system requires me to have every VALUE in plain text on every page. This is no good. It is affecting how the search engines view my page (the text cache version).I want to store these values in a separate file so the search engines do not cache all the values as content on every page.
View 3 Replies View Relatedso I have a html page with the following code included in it:
[Code]....
how would I reference the contents of the text box in a separate Javascript file? I have tried document.form.UserInfo.value and many, many variations and just can't get it to work. I presume it has something to do with the paragraph having the same name?
How would I seperate a text string such that it would appear on seperate lines ie. Initial Input: StrMsg = "This is an example of a string that will appear on seperate lines" "Hoping that this fully works, there will be no errors and all will be well" "This is the last line of text."
[Code]..
outputting the results from a javascript search function onto a new page. Right now I am using a javascript search script on 7 pages and it works but the results overwrite the current page that the search was initiated from. I would like it to open a new page and print out into a specific area. Im not really proficient in js, tho I know enough to get by. since ive been grinding my gears at work trying to get this to display right. I'll post the code tomorrow morning when I get to work so you can see the function.
View 2 Replies View RelatedWould 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?
how to read a text file using javascript line by line and separate from special characters in it. for example
Text.txt has
001203=Line one=abc.html
024353=Line two=xyz.html
092434=Line three=hjf.html
i want each column in an array like { 001203,024353,092434 } so total 3 arrays.
Can a function that is on the main page or in the jquery lib be called from a dialog box after the dialog has been opened, eg
I have a upload dailog box and I what to call the upload functions that will be on the main page for uploading the pictures.