JQuery :: .load Works Locally, Not On Server - Only In IE
May 3, 2011I've noticed very strange .load behavior. So - I have simple index page like this:
U can check it here: [url]
I've noticed very strange .load behavior. So - I have simple index page like this:
U can check it here: [url]
I must make clear that I am not a javascript programmer; I am simply trying to get this script to work on my website. It functions perfectly locally (with all browsers), but after uploading to my website, it shows the controls at the top, but not the content.
Below is the code for the FreeMind Flash Browser which can be found here: [URL]
It requires 2 additional files, flashobject.js and visorFreemind.swf plus the FreeMind file (*.mm) that stores the content. The FreeMind file that has the content displays perfectly on localhost, but not on the website. I have all of these files in the same directory and have double checked everything, but it still doesn't function on my website. I have other flash files and scripts on the same website in other pages that function perfectly.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
[Code]....
I have created a site with menu, it is working fine locally but when i
upload it on the server it dosen't work. When I click on submenu under
"Company" or "Products",It will show the actual url in the address bar
but it gives a error "405 - resource not allowed". Kindly check and
let me know the solution for this. If you know any other simple script
similar to this let me know.
This one has plagued me for some time now. I am parsing an XML file for a search feature. On my local machine, the code below works fine in FF, but when I upload it, I get an error stating y[0] (the root element) is undefined. I think the problem may be with my onload method but I can't be sure.
function importXML()
I just can't figure out why this works locally and not on the server. IE works fine, but then again it uses the activeXObject method so it should function differently.
For the life of me, I can't figure this one out. I've never had such an issue in the past and cannot find anything through a google search - and that's very rare for me.
So here's the technical nitty-gritty details:
I'm using jQuery hosted on [url]
I'm using the superfish drop-down menu and (at the moment) the default CSS, even if it doesn't integrate at all with my design
I'm also using "supersubs" to make the menu items larger
I'm building the menu through jquery by reading an XML through ajax. So I know jQuery works.
Everything is a-ok on 2 computers when viewed through either Firefox, IE or Chrome (even though it looks ugly in IE - didn't tweak it yet)
But, when I send the files through FTP to my host, it simply does not work. Neither my menu built through jQuery nor superfish or supersubs works. I don't get any sort of errors (normally, IE is helpful in pointing out javascript errors, but there's nothing this time).
The searches I did *had* results, but they were either about doing cross-domain ajax (which I'm not) or about javascript files not being served properly on the webserver. Knowing this server, that's most likely not an issue. I'mtransferringfiles using FileZilla, which also (I think) rules out transfer issues.
The URL: [url]
anyone know of a good method or run JavaScript programs locally without the web server piece? For example. I use jQuery, and develop in FF initially. Sometimes I will get a JS in error, something like Invalid Argument line 12 in jQueryThat tells me nothing. Which script is causing the error? Who knows. It's a pain as I'm sure many are aware. Aside from removing one script at a time, and clearing your cache all the time, is there a better method to pinpoint errors?
View 4 Replies View RelatedI am working on the following page: [URL]
There is a news script on the right-handside which rotates news items (a kind of scroller).
Locally this works without any problems, but once I've uploaded it to the hosting server this doesn't work. There is no javascript error sign.
I have double checked with the hosting and they support javascript by default.
I am working on the following page: [URL]. There is a news script on the right-handside which rotates news items (a kind of scroller). Locally this works without any problems, but once I've uploaded it to the hosting server this doesn't work. There is no javascript error sign. I have double checked with the hosting and they support javascript by default.
View 3 Replies View RelatedTotally new to this and doing my best to figure it out as I go along, hitting wall after wall. The lightbox on my site runs correctly when viewed locally, but pops up and displays nothing but the waiting gif when I try and view it remotely. Tried fixing my permissions, but to no avail.
View 1 Replies View RelatedI 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 am using a jQuery script to create charts called Highslide. I posted for help on their forum but they are a little slow, and this issue is really regarding a javascript error, I believe.
This issue happensoccasionallyin Internet Explorer 8, where the chart wont appear at all and throws an error. If you refresh the page again, it will display the chart fine. Ive been through this code and can not find what the problem is. what is odd, is if i put the code up on another server it works the first time.
Following this jQuery slideshow tutorial (Usecase 3 sample, about 2/3 down the page, this is the one without thumbnails): [url]
I constructed the slideshow:[url]
...which works perfectly in browser view locally (FF and IE). When uploaded to the server, however, I've got a static list of photos as you can see. Can someone shed some light on what the problem is? All relevant files are attached (I changed the images to simple colors to get the file size within the attachment limit).
Following this jQuery slideshow tutorial (Usecase 3 sample, about 2/3 down the page, this is the one without thumbnails):
[URL]
I constructed the slideshow:
[URL]
...which works perfectly in browser view locally (FF and IE). When uploaded to the server, however, I've got a static list of photos as you can see. Can someone shed some light on what the problem is? All relevant files are attached (I changed the images to simple colors to get the file size within the attachment limit).
I use AJAX functionality in my project & my coding something similar to the following:
$('.home').click(function(event){
event.preventDefault();
$.ajax({
url: 'home.html',
[Code]....
Initially I (successfully) tested my project after deploying to the Apache server which is running in the localhost.
But, if I just open the page in a browser (without deploying to the server), the project works fine! How this is possible?
According to my understanding, if we send an AJAX request, which is really an HTTP request, which has to be received by an HTTP server and the response should come from the server.
I've got jQuery and 2 plugin libraries running on my website. One runs the navigation and the other runs a dropdown search box. Everything works great on my localhost, but when I copied the directory to the external server none of the jQuery worked. I'm not getting any Errors in my error log, and the directory has been copied exactly. [URL]
View 3 Replies View Relatedi want to load web page on div [URL]
Code:
$('#news_modal_container').load(getContents_link);
getContents_link contain site name.
above code work while load local page, but not load server page or site
I have a basic js that is used to change some images when the user clicks on a link. it worked fine on my server (IIS 4), but when I upload it and the images to another IIS server the images don't display most of the time. I know this is client side -- so why is the server making a difference??
<script language="javascript" type="text/javascript">
var p = new Array(2);
var t = new Array(2);
p[1] = new Image();
p[1].src = "images/8x8_grid.gif";
t[1] = new Image();
t[1].src = "images/grid.gif";
p[2] = new Image();
p[2].src = "images/3x3_hori.gif";
t[2] = new Image();
t[2].src = "images/hori.gif";
function change_image(whichone) {
thumb.src = t[whichone].src;
pattern.src = p[whichone].src;
maintable.background = pattern.src
}
</script>
Here is how I call change_image...
<A href='javascript:void(0);' onmousedown="change_image(Ƈ');return false"><img src="images/btn_13x13.gif" width=13 height=13 border=0></A>
I have the html and the file from server look like this
html
Code HTML4Strict:
<div id="container"><a href="#">load form</a></div>
file from server:
HTML Code:
[Code]....
So basically when i click on load form, the form loaded to the div#container , the link 'load form' disappears. When clicking button 'hide div' the form hide and the link 'load form' reappear.
I've got this code to work the first time that the user changes the select option:
$('select.third, select.fourth').change(function(event){
var id = $(this).siblings('.hidden').text(),
token = $('#token').val();
param = $(this).hasClass('third') ? 'isSold' : 'isActive';
value = $(this).val();
$('div#allSheepDisplay').contents().remove().end().load(
'db-interaction/animals.php',{
action: 'update',
id: id,
token: token,
param: param,
value: value
}, function() {
$('select.third').filter(function(){return $(this).val() == '1'; }).css({backgroundColor: 'yellow'});
$('select.fourth').filter(function(){return $(this).val() == '0'; }).css({backgroundColor: 'red'});
}); });
Everything works as I expect - the POST request is made correctly, the database is updated and the display updates correctly. However, if I repeat the same action, selecting a different value, nothing happens until I refresh the page, at which time I can then make the change.
It concerns the load() method. I planned my website as 100% ajax enabled and therefore all content-elements are being loaded via jquery.Problem: Clicking on a menu-entry should load the specified content. This works 2 or 3 times and then the website crashes OR the performance goes rapidly down and I have to close the tab in my web-browser.Trigger for the load method (tried both, but they are causing the same problem)
$('#menu_home').click(function(){ loadSite('home'); });
$('#menu_home').live('click', function(){ loadSite('home'); });
Self-designed load() function:
// load links from menu
function loadSite(siteId){
// append loading animation
[code]....
I've been trying to load some tags using .load. I was testing with Chrome and never got any results back - I just tried the same code with Firefox and it works - where's the problem ? Am I doing something "almost" correct, that firefox allows and chrome doesn't? I cannot see any errors in the console either
Here's the line:
$("#somediv").load("somepage.html #someotherdiv");
I'm having trouble loading jQuery into SQL Server Reporting Services Report Manager. Since SSRS is a proe-compiles ASPX page, and we are not given the source code, we have little ability to make changes to the interface. If I could add jQuery directly, the progblem would be trivial. However, all we have the ability to modify is an existing Javascript file that is loaded at runtime in the head of each page. I have been able to get this to load relatively reliably using IE 8, but other browsers either don't load it at all, or only on the first pass. Here is the structure that I have in place:
[Code]...
I am using $('.CycleContents').cycle which works quite fine in all browsers but if i load the contents before cycle by using load functionit works in firefox but in IE i need to refresh and then it works and doesn't work very first time.
[Code]
with the folowing code i load over the funktion golabel the content in a div.so fare it works in IE fine. why does it nork in firefox?
function golabel(url,label,hoehe) {
if (movieIsLoaded(thisMovie(movieName))) {
thisMovie(movieName).TGotoLabel("_level0/",label);
[code]....
im trying to make a application, im trying to comunicate with the server with the function load, but it doesnt work, also i try with $.ajax, $.get, but nothing works, i have 3 files, html file, php file and javascript with jquery file,here are the php and javascript files:
javascript:
var x;
x=$(document);
[code]....
I'm developing a listing of workers, where the user can by department select through of tag select (html). But, my jQuery function not works in IE 8.
[Code]...