How To Send The Current Page's Content As Part Of A Form
Aug 4, 2006
I would like to do the following:
- I have a page with a form inside. When the user submits the form, I
would like to have a hidden variable in that form that contains the
entire page content as it was when the 'submit' button was clicked
(including the HTML, not only the form values). (The reason I want to
do this is that I want to save every 'form submission' to a database on
the server side.)
I read about the innerHTML, but it looks like its not portable across
browsers.
I suspect the solution would be using somekind of javascript, by
iterating through the DOM elements of the document and so on, but I'm
not sure..
I am a novice/moderate html programmer and I wonder how to tell the browser from which start point and to which end point in the text will each page be printed.
In other words, I have a single html text that contains different informations that are displayed alltogether in the same browser. When I print this page, the browser should put each different subject in a separate page and not having it all mixed up. Is it possible? How should i do it?
The problem with using HTML as a report writer is primarily the unreliable page breaking.
However it is a rather handy way of writing reports with images embedded.
I could generate say 10 HTML pages of a maximum length to fit a page - page1.htm, page2.htm, page3.htm ...etc.
Can I print all 10 pages, one after another automatically using perhaps Javascript or some other method. Naturally dont want to ask the user to do this.
Browser compatability would need to be I.E. 6 and Safari (not sure of the version).
I'm using Klaus Hartl's"jQuery Cookie plugin" to send variables between pages with Jquery. Works like a smile in Chrome BUT messes everything up (reloads the whole page into a one of it's div's) in FireFox and (of course) IE... Can this be accomplished without using cookies?
I have a minor problem with opening multiple pages with onclick. The code work perfectly (I run it with some PHP features). So far so good.Left mouse button will open 4 new tabs, and the view will jump to [URL]Middle mouse button will only open [URL]What I want: Open all 4 pages in new tabs in the background and stay at the current page.
I have a page with links that use jQuery to load individual pages of content into a main content area. On one of these pages, I want to be able to link to a specific anchor. (ie, when you click the link named "exec" on the main page, it loads the "services" page and then scrolls to the "exec" div.
[Code]...
Everything works beautifully in FF and Opera but in IE, I get an error message saying "top is null or not an object". It's referencing the line where "target_offset.top" is called, but this is legitimate syntax, so I don't understand the problem.
I'm trying to put in my javascript codes and html codes into the sharepoint "content editor web part" source editor.i have this set of javascript codes that needs to work together with the html codes.i created a link using ahref with the tagname as "homepage". i want to hide this "homepage" link using javascript codes.this is the codes that I'm using right now. the html part is working fine[the link "Homepage" is being display and is able to click on] but not for the javascript part.
I have a simple JQuery code. When a link is clicked, the HTML content is taken from a page(remotely) and placed in a specified area, like a div in another page. My question is, how do I add additional links to this script so that each link pulls HTML content from different divs?
Here is a demo. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>
I am current building an information database for the company I work at...basically just a place for employees to get information and answers from. It is all hosted on a local server and I can only use javascript, html, and css. I've got everything made there is just one thing i want to add to it. Basically an "alerts and updates" page that only some people can edit without having to know html so if im not there they can post important updates. No computers have access to the internet so I did try some rich text editors but none of them worked. The layout I'm going for is kind of like this.
Alerts and Updates Click on links to show updates: update 1 * update 2 * update 3 * update 4 Stuff goes in the update [edit button] You click edit it prompts you to login, bring up something to edit the text in that specific update you hit submit and it changes the info that was on there. The update links are linked to a script I wrote that just display the info below so when the page loads you see whats in update 1 then you click update and it changes the content to the next one.
I am trying to give uses the ability to email a web page in addition to print the pages but I cannot get the web page to post as the body of the email.
Here is what the print function looks like:
And here is where I stand on the email the page(not just a link to the page)
The above work great if I want to send a link to the page. How do I amend the above so that the the mail_str = contentWindow html?
And do I need to do make other changes to format the email as html rather than text?
Malsup's most excellent and comprehensive Form plugin has me completely stuck on just one thing.Take a look at this: http:[url]....At the bottom are a variety of submit buttons, and when you click one, it knows which one has been clicked.And I've been through the js and the source and the examples and I can't figure out how the bleep it's done!I'll tell you why I'm asking, then perhaps you can probably tell me I'm doing it wrong anyway!Let's say a blind person logs in, and want to edit their presets.I don't want the form to be too complex or clever or ajaxy, as screenreaders don't like that, so it just iterates through as many presets as they have, and populates a form with edit boxes.But there's no point "pushing back" 29 unchanged items just to edit one row.
So my idea was I'd just "fieldSerialize()" the details of the row that was currently being edited and submit that to my little php routine that updates the db. Then they can do a refresh just to hear the list again.The js looks like:
$(document).ready(function() { $('#myForm').ajaxForm(function() { var queryString = $('#myForm').formSerialize(); [code]....
All works fine like that. But if I change line 3 to: var queryString = $('#myForm :button').fieldSerialize(); it doesn't work. I've also tried:
Maybe I should just generate as many separate forms as there are presets, but then I'm going to need as many ready(function)'s as there are rows, which is going to be very messy.
This question may be simple, but I don't know how to do it. (I'm getting hava script error) I have 04 master pages and around 100s of ASPX pages. So when I want to work in some conent page where should I use my $(document).ready(function(). I already have used this in Master pages. [code]...
I am trying to define an "onclick" event to a form button, so that when I click this button, content from another webpage will overwrite this page (not open a new webpage). I've tried the below code (sample) which is not working. <form action="/script" method="post"> <..other elements../> <input type="button" name="jump" value="Jump" /> </form> <script type="text/javascript"> $(':button[name="jump"]').click(function() { $(document).load('/path/to/another_page.html'); }); </script>
I have a form built and on the onclick event I validate all of the fields and then if the form is ok, on the submit event I run a javascript function to set a cookie and download a file from the current window.
I have a cgi script provided by my web host to send the contents of the form through email but they only show me how to use the cgi script to send email through the submit event of the form.
I've have a function to take the value entered in a form text box, add 50 to it and put the result in another text box.
When I enter 650.5 I get 700.5 exactly how I'd expect. But when I enter -650.5 instead of getting -600.5 I get -650.050 as though it is failing to parse the float due to it being negative. My understanding of parseFloat was that it recognises negative numbers. Is there a nice simple way to get this to work?
I have a tab control finally behaving the way I want, with one exception. The second tab page contains a search form that returns data to be used in the first form on that page. The cgi program returns the results of the searh fine. The problem is that it when it returns the data, the tab control displays with the first page visible rather than the second. NB: I have not yet figured out how to add AJAX to the mix, but for now I just need a simple way for the search cgi program to tell the borwser that when it opens the page it produces, it should open with the second page visible Rather than the first.
I created a bookmarklet script to help me audit extremely large style sheets.Basically while on a site that you would like to audit, you click the bookmarklet and the document's body contents gets remove and replaced with an iframe that points to the current sites home page. From here you can choose what style sheet (the script finds) to begin reporting over. The more pages you browse (through the iframe) the more accurate the report gets.My problem however, is if the person is on the site's home page when first running the script, the iframe never loads up. I think it has to do with the fact that you are on the home page, and then the iframe tries to point to the home page as well and fails for some reason.You can test it by bookmarking this bookmarklet and running it on any site's home page where style sheets can be found:
Get The Bookmarklet on this page (http://tinyurl.com/3gx7fw5)
Again, it works great if you don't start the script from a sites home page.
I have a content slider called "Codaslider" (ver 1.1 I believe) setup, and using CSS I have an absolute positioned image hovering above the slider at all times. The effect is what I want, where I have a static image of my company's product hovering above the content slider, and the background images slide around showing various features and such.
I would like to make it where the customer can click anywhere within the bounds of the content slider (including on top of the static image), and be able to follow the link for the image in the content slider.
For example, if the background image shows "New Features" or something similar, I want the customer to be able to click anywhere and get to the "New Features" page.
So basically, is there a way to dynamically set the URL that the static overlaid image points to, based on what page the content slider is on?
Here is the javascript that setups up the content slider:
Code javascript: <script type="text/javascript"> var theInt = null; var $crosslink, $navthumb;
1) Is there a way for the loop counter to loop while less then [a php variable]?
2) Is there a way to use a counter in the name of the form elements? Example, instead of "switchBox1" use: "switchBoxCounter" instead of "nameaddy1" use: "nameaddyCounter"
I am developing a site with Dreamweaver CS3 and have a little knowledge of HTML.
I need a solution for the following:
Visitors can come to my site through a referrer for ex: [url]
The referrers information (cesar017) should be prefilled automatically in a form field on another page than the index page. This means the visitor first can look around on the other pages of the site and then go to the page with the form.
I dont use a database at this moment, I only want a certain field automatically prefilled with the referrers info from the URL for ex : <input type= hidden -or text- name= partner id= partner value= ""/> In this case the field should have the value=cesar017
I understood this can be solved with Javascript or PHP and cookies, but I nearly dont know anything about this and Dreamweaver has not automated this function.
I've built a form in a mobile app where the user chooses a photo from the camera roll, they hit an upload button and the image is submitted to my server. The file is renamed by the PHP script and moved to the correct folder. All this works great.
I need a way to send the new filename back to my app and I'm not sure how exactly to do that.
The reason I need the name back from the PHP script is because I will then ask my users of the app to fill in a title and description and then i just want to submit all of the data together.
I have a search interface that I'm building that uses radio buttons, jump menus and a keyword search text box.
Is there a way to have a little "go" button next to the text field that will submit just the search string in the text box to my searchresults.php page?
Right now, any submit button I put within the page submits all parameters from my radio buttons and jump menus in addition to the keyword values. I would like the keyword entry box information only to be used if there are any values in it and have any other variables (e.g. from the radio buttons) to be null so I don't get a search with keywords AND radiobutton values. Of course, if nobody clicks the radiobuttons, no problem, no values are passed, but I'm sure some pesky user will have some checked and then decide to do a keyword search...
I'd rather send the info to the same PHP results page, so I don't want other values to muddle up the keyword results. I'm sure I could erase the other values with an 'if keywords=anything then other variables are null' statement, but I want the user to think they're only submitting the keywords from the entire page (which is what a 'go' button next to the field would imply) and I thought there might be a simple way.
im pretty new to jQuery, but familiar with JS in general. im trying to get a dom element by id to change the read only attribute. using jQuery i'm doing the following: var field = $('#name[index][index]').
but when alerting the field value, i get [object Object] and not an inputObject as i would expect.
i can use the normal getElementById and it works as I would expect. Is this a problem with jQuery?
I have a form with a drop down list box, few textboxes with labels and submit button. depending upon my selection I should be able to show hide textbox; assume items, 1,3,5 in the selection box shows the items other than the listbox and 2,4,6 items in the selction box if selected hides the labels and textboxes. but in all the case submit button should be present.