I have js file with some functional with declared like
(function($){
function f1() {
});
})(jQuery);
is it possible to requests functions f1() out of this file? I can't the change file, the full version of script you can see in attachment (I need find way to use funct. addRow).
I tried to request function like jQuery.f1(), but I have message that f1 is not the functions.
I'm busy making a project which needs to be ran locally. It has to work on Firefox only.
I've ran into the problem I can't load local XML files from another directory then the html file is located.
When I try loading XML trough an ajax request with the url "content.xml" everything works fine. As soon as I want the XML to be loaded from another folder, e.g. "../../../content.xml" it doesnt enter my success function.
$.ajax({
cache: "false",
type: "GET",
url: "../../../content.xml?r=" + Math.random(),
[Code]....
I am doing a JSON request to get data back from a PHP file. On the return of that data, I am using a for loop to go through the data and post it up using JS. Here is my code:
for (var x = 0; x < data.length; x++) {
//create a container for each comment
var div = $("<div>").addClass("entry round").appendTo("#characters");
//add author name and comment to container
$("<div>").addClass("details").appendTo(div);
$("<span>").addClass("main-armory button").appendTo("div.details");
}
Now, what is happening, because there is 10 entries being posted, my JS is looking at the class that is being put together (main-armory button) and making it so that class appends every run through. So, I want one entry for main-armory button and I am getting this:
<div class="details"><span class="main-armory button"></span><span class="main-armory button"></span><span class="main-armory button"></span><span class="main-armory button"></span><span class="main-armory button"></span><span class="main-armory button"></span><span class="main-armory button"></span><span class="main-armory button"></span><span class="main-armory button"></span><span class="main-armory button"></span></div>
And then, when it goes down to the next entry, it has 9 spans, and then the next entry has 8 spans, and it continues all the way down. What is going on here that I am missing? I know that I am not clearing a variable properly or something is wrong within my loop.
I have a relative path issue when using jQuery in that I am using the same ajax function sitewide and I don't know how I can send a request to a PHP file without needing to provide the full absolute path. For example, the below code works at top level, but will not work if called from inside a sub folder.
[Code]...
I'm trying to figure out the best way to use a PUT request to upload a file to a service. I've done some research on doing this with regular javascript and jquery.
I see that jQuery has support for PUT in the $.ajax method
The type of request to make ("POST" or "GET"), default is "GET". Note: Other HTTP request methods, such as PUT and DELETE, can also be used here, but they are not supported by all browsers.
However, I'm worried about the mention of browser compatibility. Does anyone know exactly what browsers do not support the PUT type for this $.ajax function? Its important that it work in IE6-9.
I am trying to trigger the download of a file from the browser (at the moment a word file!).
But when I supply the link as an '<a href='...'>' html tag the document appears in the browser. Although this is quite good I unfortunately need to open up the download dialog box.
I worked with now in jQuery. Property however at present the following problem: [i]I provide a AJAX Request. the side is loaded, the parameters all conveyed and back receives I a complete HTML side. Now I would like to have only certain elements however from this side, like DIV, SPAN etc. How can I make with the AJAX Request return in such a way best, which I can select these elements thereby? Simply it would be unfortunately not functioned over the function $ (element), it even if I indicate the HTML Request as secondly parameter.[/i] Excused, for my bad English. ;-) Translatertool. There is unfortunately too many words, in order to describe my problem. ^^
View 2 Replies View RelatedHere is what I'm trying to do but the problem is "source.html" is not on a server somewhere. I am running everything locally. $('#container').load(source.html #sourceContent) Is there a way to do this exact thing but with a local file?
View 3 Replies View RelatedI've managed to implement the jQuery File Tree [URL] on my site. I am now trying to figure out how to add a function when one of the files is clicked (separate functions for different file types). On the link provided, it explains how to add function to files, but considering my lack of knowledge in Javascript and jQuery, I was wondering where in the code I should put the function. The example the gave was:
function openFile(file) {
// do something with file (For now
at least
[Code]....
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]....
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 RelatedI am trying to get a form to call a javascript function on submit to send an ajax request. The site sits on one server and the php target file on another. I get a status of 0. From what I read, this is because the php file sits on a different server. I do don't believe I can get around the files sitting on different servers.I can set the php file as the form action, but I do not want to redirect, just send a request to the other server to modify some values in a DB. If I can not send an ajax request between servers, I was thinking an alternative might be to set the php file as the form action, run the updates, and then have the page redirect me back. Is there a better way to get around this problem
View 1 Replies View RelatedI have a php page which returns a table representing a query sent to a MySQL database. So far it has worked in every case except now that I'm trying to use it to call a stored procedure, in which case the readystate is staying at 1 and never completing.
I have logged the results of the php file both in an error log and looked at the response from the request using firebug, both of which show a correct result.
Why isn't this returning properly?
Here are the relevant javascript functions:
Code:
function customizeType()
{
$("custom-header").innerHTML = "";
$("custom-top").innerHTML = "";
[Code]....
After the page loads, the error log shows correct results for all queries.
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.
I have the following JavaScript (see below). The script requests an XML file from the server and displays it on the page.
The script works fine when the requested XML file is stored on the same server as the script.
The problem is when I try requesting an XML file from an external server such as the National Weather Service. I get an error. If I take the XML file from the National Weather Service and save it to my server it works. Why can't I use my script to request XML files stored on external servers?
Javascript Code
window.onload = initAll;
var xhr = false;
function initAll() {
document.getElementById("makeTextRequest").onclick = getNewFile;
[Code]....
I developed a web application and it is working fine, except for one issue. The application includes uploading files from a JSP to my servlet, and the issue is that i would like to have a limit for the uploaded files on the client side (before actually uploading it).
I investigated alot and found some ways like changing my JSPs to PHPs, which is not feasable for my application. I would also like to add that using the Flash component ("<object>") for uploading is not feasable also at this time. Using ActiveX does not work also (for some security issues in javascript, it can not access the system information, also ActiveX works only on IE).
I would like to add that I have my application running on Oracle application Server, JSPs for displaying the forms, MultiPart Java API for getting the form input values and files to my servlet and everything is developed in JAVA.
Either by limiting the file size or the limiting the whole request size sent to the servlet.
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 want ask about function in js file , when is it start work ? after calling in somewhere ? or in sequence
- can I call function in js file from another js file ?
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'm trying to in make in a single function, multiple calls to the same file changing one parameter the problem is thatit is taking it like if I wasn't changing the parameter and is sending only the last value all the times.Here is my code:
$(function(){
$('#btn_search').click(function(){
// what to search for
[code]....
How do you call a jquery function from an external js file and then load that function when the window loads, that is the .ready() function if I am not mistaken.
View 2 Replies View RelatedCalling 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 RelatedCalling 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 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 usingjquery.validate plugin. from hereI am not so smart in jquery.My query is,File size should be validate before submitting, for example maximum file size 500 kb the validation error should be the same according to the form. Here is the url of demo, i already mentioned the jotform upload url with code inside the demo.[URL]
View 2 Replies View Related