JQuery :: Calling Function From .js File
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
ADVERTISEMENT
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
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
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
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
Oct 15, 2009
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 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 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
Aug 9, 2010
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.
View 1 Replies
View Related
May 31, 2010
I see some examples about how to append text to the bottom of your content on an html page.In my head I was thinking I could call append(php file here) and have it go out, do the php and then append it to the html.I just am not sure how to have a .php file do something and then append it to my html content.I have it like this.
<script>
$(document).ready(function( ) {
$("#button".click(function( ) {
[code]....
View 1 Replies
View Related
Feb 3, 2011
I have a problem with understanding jQuery. In my case I have this JS file with following content (see below). This is an anonymous function, isn't it? The problem is this line:
[Code]...
View 1 Replies
View Related
Aug 31, 2010
I'm playing with a modal Dialog of ericmartin (simplemodal) which I found at this url: [URL]
It's called "Confirm override". This function is called through a click on the button or on the link. Now I want to call this function onload I dont' have really a clue, how to manipulate the current script to make the correct changes.
Imho this is the code snippet, which calls the popup through a click.
jQuery(function ($) {
$('#confirm-dialog input.confirm, #confirm-dialog a.confirm').click(function (e) {
e.preventDefault();
// example of calling the confirm function
[Code].....
how to make the popup via "onload".
View 1 Replies
View Related
Sep 22, 2009
Bit of a newb to jquery. I have got a jquery slider effect nestled in some tabs. Each tab has one slider in it. When the page initially loads it loads the effect in the first tab only. On clicking the second tab the function isn't called and remains displayed without the effect.
[Code]...
View 1 Replies
View Related
Aug 7, 2009
Im using jNice (a jQuery plugin) in rails. I have the following jQueryfunction on the head of my page.
<script type="text/javascript">
jQuery.noConflict();
/* calling jNice on document ready */
[code]....
View 2 Replies
View Related
Nov 3, 2009
Is there a way to implement this JavaScript commmand through JQuery? document.getElementById('iframeid').contentWindow.myFunc();
View 1 Replies
View Related
Jun 5, 2009
I'm quite new to Jquery, so I need some sort of advice. I'm working on a webbased application with a webservice. First it was a simple html site, but later I started using Jquery. Data is inserted in some forms, this I can easily validate through the validator. Now after all the data is ok, it's send to the webservice through the C#-code. Some calculations are being made with the data and a dataset is returned. Now some errors can occur while doing the calculations. I can't get some manual error in the errorbox of the validator. Is it possible to let the validator run some c#-function so I can see if the data is correct? Or can I set a unvisible checkbox to true/false through the c#-code so the validator check this box? A problem with both is, that the validator runs when I click on the "Next"-button. After the validaton, the function starts, so if I set the checkbox to false, the validator won't even notice. Anyone knows a handy approach for this?
[Code]...
View 3 Replies
View Related
Oct 12, 2009
I am using a slider and want to add labels to the slide/start event. How can I call function from these events? Something like this:
$(function() {
$("#slider").slider({
value:0,
min: 0,
[Code]....
View 1 Replies
View Related
Jul 8, 2010
I have seen the following methods to call a function in jQuery.
Case 1: $.validator.methods[method].call
Case 2: $.validator.methods[method](parameter1)
Where can I find the reference document for the usage of [] to call a function in jQuery.
View 2 Replies
View Related
Aug 18, 2011
I've got two scripts that are loaded from external files. The first script needs to call a function from the other, but I don't know how to make it happen. Right now I just get an error that the function doesn't exist.
View 4 Replies
View Related
May 27, 2011
I am displaying a number of buttons in a table.
"<button type="button" onclick="">Add Event</button>" ;
How do I call a php file addevent.php (which will contain an update form)
[URL] is where I am playing.
View 5 Replies
View Related
Jun 29, 2010
How do I call a custom function, but NOT call it attached to an element?
[Code]...
View 2 Replies
View Related
Apr 27, 2009
I'm using this code to create a modal box:
$(document).ready(function() {
//select all the a tag with name equal to modal
$('a[name=modal]').click(function(e) {
//Cancel the link behavior
[Cpde].....
I've come across a problem however, as i need a modal box to appear when a page loads, but i can't work out how to call the function at the top.
I guess it is just a case of in the:
$(document).ready(function() {}
of the page i want this to appear straight away calling the function:
$('a[name=modal]').click(function(e) {
but i don't know how to reference it, or if it can be?
View 2 Replies
View Related