JQuery :: Using Load() To Get Data From A Parent Directory?
Feb 17, 2010
I'm trying to use the ajax load() method to load a file from a parent directory, e.g.
$("#divTests").load("../tests.htm");
But that doesn't work. I can load a simple html file from the same directory as my html file or a descendant directory, but not an ancestor directory. Nor can I load from an external server.
Is that just the way it is, or is their a way to accomplish what I'm trying to do?
I'm trying to use the ajax load() method to load a file from a parent directory, e.g.
$("#divTests").load("../tests.htm");
But that doesn't work. I can load a simple html file from the same directory as my html file or a descendant directory, but not an ancestor directory. Nor can I load from an external server.
I'm doing my testing on my PC and I'm not running a server (apache or otherwise). Just using it as a simple client. Is that possibly the problem? Or is there something else I'm missing? If that is the problem, is there a workaround?
The code is supposed to generate this: PS: This is generated by a PHP Function that the Ajax Load Method Calls.
[Code]...
I've been noticing a lot of problems when loading these stuff, Sometimes I have to remake the HTML Tags because its not showing anything. Is there any option? I want it to load EXACTLY how it is, I don't know if this is some kind of protection for bad code, but if it is I would like to disable. But also, this code is really clean. no problem, I don't know.
I'm working on a project for work and I'm having some issue trying to distribute to program the smoothes as possible, on idea I had was using Javascript, Im kind of new at this so ill explain to you what Im hoping to do. Basically Im looking for a onload= function when the .hta opens it would get a file from lets say G:\path\path1\path2\file.hta to C:\path\path1\folder So it would take the file and copy past it in another folder from a different directory. If a popup message could popup saying completed
I have two pages parent.html and child.html, the parent has a link called "Search", when clicked the child open in a modal centered window that has a search form, the search in the child return a list of rows, so when clicking a row the child window close and data is transferred to the parent.
I'm new to jQuery and Javascript overall, I have searched the internet to make use of jQuery instead of the HTML's iframe tag. My problem is links inside a .load file, I want them to refresh the box on the index.php file, not the file itself (in this case the links are in blog.php)
Here's everything I can provide with: Files: "index.php" "blog.php"
In my index.php file I have this script to make my index.php links open the required file in my div box. "index.php" <script language="javascript" type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#html").load("blog.php"); // shows the blog.php when I first enter index.php, which I want to have $(".link_click").click(function(){ $("#html").load($(this).attr("id")); }); }); </script>
Here's my div box in "index.php" where I show the information within the loaded file: <div id="html"></div>
All this works, but here's my problem, I have multiple links within "blog.php" which I want to make "index.php" to refresh the "index.php"'s html div. Is there some kind of way to edit the "blog.php"'s script to make it "index.php" the parent or reference? "blog.php" <script type="text/javascript"> $(document).ready(function(){ $(".link_click").click(function(){ $("#html").load($(this).attr("id")); // Need to change this(?) to make it reference the index.php's html div box }); }); </script>
I'm a total JS/jQuery newbie, and I'm having a problem using jQuery's load() to POST data to a remote PHP script and rewrite a DIV with whatever the server sent back.
Using a proxy in between, I can see that the JS script isn't sending anything, so I guess there's something wrong in the JS code I send to the browser [code]...
I am developing a website that uses JQuery to load and then display an RSS feed, and although I have things working in most web browsers, it fails in IE 8. In IE 8 when the page is first requested I get a Javascript error "Object doesn't support this property...", BUT if I click on the page reload button the error goes away and everything works just fine.
Even more strange is the fact that I have used the same code before on another website and it worked without a hitch.
The section of code that appears to be failing in IE is the actual $.get request:
At the moment I have not tried modifying the JQuery library itself as indicated in this post as I am currently using the minified version.
In IE7, if "Enable native XMLHTTP support" is checked (under Tools > Internet Options > Advanced tab > inside the security section) then this error shows up. Unchecking/disabiling the option seems to resolve the error.
Is it possible to use a .load or a .post or some other method to send a request to the server to update a page based on passed data and to return the updated html section and also to return an XML data structure back to the callback function in the .load method?I would assume at that point the load would load the #div section of the document to the target. If it is possible to send XML data also, how would I structure that and how would I send it and access it in jQuery or javascript?
What I want to do is update one section of the page with new html and then make some changes to another section using jQuery or javascript based on the XML data. Both changes are based on the data passed in the initial .load request so having to do it twice is redundant.
I need to execute some code after the page loads. So I'm having the code execute in an iframe. Now, the iframe contains JS vars and/or page elements that I need to use in the parent frame. How can I gain access to either of these in the parent?
I've tried all sorts of combos of frames[0].document.getElementById('name').innerHTML and so forth and I just can't seem to gain access to the document in the iframe from the parent.
I have a table with a load of stuff from a database. At the end of each row I have an edit and delete button. The delete button works magically, however I am trying to get the edit button to load data into a form above the table to be edited.
This is what I have so far. $(".editbtn").click(function () { if ($(this).attr("src") == "images/edit.png") { $("#add").slideUp("slow"); $("#addform").slideUp("slow"); id = $(this).parents("tr:first").attr("id"); //Remove all selected classes .....
The data returned from the ajax request thingy looks like: [["user_id","1"],["username","simpsonH"],["forename","Homer"],["surname","Simpson"]]
I want the user_id to go into the user_id input, username into the username input, etc. As you can see I have not started on this, I have just got it to display the data in a div. I would like to use the same code on different pages so the data returned will be slightly different for each page. E.g. [["screen_id","1"],["name","screen-1"]]
I'm trying to pass a var via object to .load() ... .load(URL, {"myname":var}, function) { ... This will not work unless the var is in quotes and therefore not a variable anymore. I want to be able to use a form to feed data to the program that loads the data.
how can i have the functionality of load() except i want to append data instead of replace. maybe i can use get() instead but i want to just extract the #posts element from the loaded data
I'm trying to load an xml file with jQuery but it doesn't seem to work. This is my code, I made it very simple for testing, but it doesn't work. var test = "./test.xml"; $.get( test, function(data) { $('#textarea').text(data); }); I just don't know how to get the data of an xml file, does the $.get method not work with xml? When I try it with an .html file it works.
This is what I would like to have happen. Upon clicking an image (button) I would like a new window to open and I also want to the parent window to load as a new page. I've been searching around and found some code. I implemented it and got the new window to open, but the parent window does not change. Here's what I have:
<script language="JavaScript"><!-- function newWindow(file,window) { msgWindow=open(file,window,'resizable=no,width=1500,height=1000');
I have a script that opens up another window and a task gets executed, all of that is fine, but is there anyway that the parent window (the window that gets open) can pass data to the window that opened it? (I pretty much want to enable a button on that page)
I have a close buttons wich removes the element from dom: $("#element").fadeOut('fast').empty().remove();
The second time I execute the onclick event, the first code takes approx 1 second, so much slower. The php code execution time is the same as previously.
I need to be able to send the variable a as GET. I'm posting this code not to a webserver, but an arduino (micro controller) and it only accepts GET data. I need to be able to grab that data and put it in the div called led8. This works when I use a php page as the backend, but the arduino only accepts GET.
I'm loading a (HTML) list from mySql via PHP into a main page using load. The main page is linked to a css file and a js file (jquery). The loaded data assigns the css file BUT does not seem to be able to find the js file as the click handlers in that file do not work. I'm new at this and this is probably a BASIC issue.