JQuery :: Saving Current HTML Code Source To File?
Oct 26, 2009
I'm new to js/jquery and this forum so please forgive my potentially off-scope js/jquery remarks. I've been running a lot of toggles to show, hide, etc... divs and other HTML elements. It's making my application incredibly nice navigation wise.
Now to put myself in my users shoes. Say one user toggles on and off the things they want and don't want until they are satisfied with all the content of the screen. (That is by the way the nature of my application. A user loads in various variables via PHP and other means and when satisfied, a PDF is generated for them containing all their preferred content.)
Because: When a user is at a point where all the content they are viewing is worthy of a PDF, it is also worth saving that HTML 'view' (classes switched, variable adjusted, etc...). I would call it 'Save this workspace' or something along those lines.
I don't have a direct question per se but am more interested in the views of others who have similar thoughts and moreover, what relationship has jQuery had in helping employing some method?
I am currently trying to script a way for the source code from a Rich Text Editor to be copied and saved as a .txt file in the same folder, when you hit the 'submit' button (see demo on link below).
Why isn't this code working? I can add items but only remove the ones originally added in the source code, not the ones dynamically added. <form><div class="list"> <div class="item"> <input type="text" value="" /> <a href=""class="removeitem">Remove this item</a> </div><div class="item"> <input type="text" value="" /> <a href="" class="removeitem">Remove this item</a> </div><a href="" class="additem">Add item to list</a> </div></form> <script type="text/javascript"> // Add item to list $('.additem').click(function(){ var template = $($(this).prev().get(0)).clone(); template.insertBefore($(this)); return false; }); // Remove item from list $('.removeitem').click(function(){ $(this).prev().parent().remove(); return false; }); </script>
it's possible to save html form field values in an xml file without using any server side script like ajax or php. i just want to use javascript and i want to do it offline witthout using any server like tomcat.
I've a problem: I need to retrieve (in javascript) the soure HTML code from a url without loading the page then put the HTML source code in a string variable to manipulate it. From this variable I need to get all the links to perform some operations.
View source code of external files in html like *.js and *.css For example: In this page I am Posting to, there are 24 *.js files. They are loaded but you can't see them. I would like to view some of these external javascript files for study. Not necessarily on this site, but where ever I find them.
I'm not exactly sure as to whether this question should be posted here or on the php forum, but I think it mainly has to do with fancybox's zoom feature. My problem is this.
I'm doing SEO for an already established site and this site has a features area with about three different options that use the fancybox zoom script. These boxes all contain pertinent information (SEO heavy) about each option as well as links to different sites. All of the info displayed is pulled from a database via php.
I would like to be able to display the descriptions as searchable content, and be able to track how many people click on the external links, but as it is now none of this shows up on the source code. The fancybox zoom feature seems to open up another window within my main page.
My question is this. Is there anyway that I can retain fancybox and get the content to come up under the source code? Or does this maybe even sound like an unusual effect from fancybox.
I can send some code later, if anyone needs it. I just didn't want to throw everything in here all at once, because it's quite a bit of code involved.
I am currently working on a page that has a series of <div> tags that .show and .hide whencorrespondinglinks are clicked, the first <div> is visible when you load the page. When you leave the page and return to it, the page reloads and the the first <div> is visible. Is there any way for the browser to save the current <div> that is visible to stay visible when you return to the page?example of what I am trying to accomplish:I load a page and click on the third link to show the third <div> and then after leaving and returning to the page (by clicking the browsers back button) the third <div> is still visible, rather than returning to the original state of the page where the first <div> is visible.
I got some code that loads divs from other web pages into a particular div in my main page. In other words, I click on a button, and this tells jquery to load afragment of a particular page into my main page. For instance if I have 5 web pages onrock stars, I could have 5 buttons, and each button could load one rockstar's biography into a div on the main page (and replace whatever was there before). This works, and I do see the content that it loaded. But when I do 'view source' in IE, I do not see that content (the bio of the rock star). Another clue that this content is not really there, is when I try and run some code on that content. The content (from those external pages) have divs with specific names, and I try and make them into collapsible panels by running the following short function:
I am creating an XML document on my page with javascript. My question is, is it possible to save that xml file on the server (I have write permissions) only using javascript, ie no server code? This task would be trivial using server code, but I was wondering if I can do it all with client code and post backs? Well, any input?
I have some code that works great when used inline (inside of an html page). The inline code looks like this and has an onchange = "gotoTest(this);" as part of the select element
Based on the lack of responses to the last hole (which I am attributing to one of the following:
a. The hole being too difficult,
b. It being overly time consuming, or
c. People not wanting to do it)
I have decided to take a step back for this hole.
Create a Javascript include function. This function should include a javascript file (when given a URL) into the current page assuming it wasn't already included in the page (either via the include function call or by HTML). If the file is already included the function should just return.
This function should either take a file name/ path to file or a full URL as a parameter. If it is a filename/ path the function should include the file from the base URL of the current site (such as [url]). If it is a full URL just include it.
Make sure you don't allow files to be included multiple times, we don't want that!
My requirement is, I have multiple pages in tab format. If i am on first page in edit mode and change any control's value and without saving information i click on other tab that particular time a popup should appear showing validation message say "you are moving without save and it will loos all changes either click ok to loose the changes and move to other page or click cancel to remain on the current page."I tried using var isDirty = false; var msg = 'This page has unsaved changes.Click OK to abandon the changes and leave the page.Click Cancel to stay on the page so that you can save your changes.';
I'm trying to save a PDF file that's built using the jspdf PDF JS files [URL], the example (server side) uses Jaxer to save the file to the hard drive. Can i do this via JQuery instead? PDF Example
i want to know if possible to save to file in the same mather of $(document).ready function () { $( '#reader') .load('Data/Le_Mensuel_1.txt'); }); or i have to use an outher function to save the content of my div(it is use like a Editable textbox)
I have a JSON data structure that I'm pulling in VIA an AJAX call. What I want to be able to do is click a button/link and be able to save this data structure to disk, but I'm not really sure how to go about this. I've been experimenting with the following:The link has the following format "<a href='data:application/json, " + data_structure + "'>Click here!</a>" I've been able to replace data_structure with text and /json to /rtf, which gives me a pop-up 'SaveAs' dialog box, and when I open the file, it has my text in there. However, if I do data_structure, I just get [Objectobject], which is telling me that I'm passing in the object, but that's basically it, I need to expand it out? I'm not really sure how to do that...Which leads me to calling a perl script. So I make an ajax call like so:
I am searching for a cross-browser way (the most recent browsers are fine) to use javascript to open a new window even though I do not know the file I want to call. I do, however, know the HTML code I want output in the new window. It would look like:
Scenario:i have a user form, and want to modify user details. all user details are from json file. Prob:how can i modify external json file with its updated user details? or what available function to be used?
I am creating a html table in JSP file . I need code for 'Cut,Copy,Paste' functions ie. if someone wants to copy data from my table to excel file or from excel file to html table he shud be able to do that.
Can someone give me code for 'Cut,Copy and Paste' i.e. some javascript functions which can do cut, copy and paste which i can put in my jsp file
Adding a new plugin page only has Project resources section which only has links to refer.Is there any way by which I can just attach/upload my plugin source code instead of linking to some website?
I wrote a script to generate links to some pictures that I need to regularly update our site with. Is there a way to write a script that just saves the pics to a directory on my pc so I dont have to right click on every link and do a save picture as...? I can't link directly to the pics from our site because our site is https and the site the pics are on are http so the user gets the security warning box every time a pic loads. Code:
I have the following code inside the <head> of my php file. What this code will do is change the style="display:none;" of a div element, depending on which option is selected within a combo box. Code:
I've been working on my code for some time but I know I'm missing the ability to save the completed time card entry to a file. Can someone assist me with the scripting code for this.I would like the user to be able to specify the location. I have search the forum and I have not found any question like this which surprises me. Please forgive me if I have posted in the wrong area.Currently I have no Java Script code to show for this part of my project because I'm completely stuck. But I have my unfinished XML code that is not pretty because I plan on using a style sheet to enhance. But here is the code for you to get and Idea of what i'm attempting.
Code: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html
I need to get all the TABLE HTML code within the <body> tag for a content-generating application. I'm trying to use the html() method, but it only gets the inner HTML. I also tried clone(), but does the same thing. Or maybe I'm using it wrong.
