How do I get back the DOM element as HTML source using jQuery? The html() method only returns the innerHTML and it does not include the UIelement itself. But I am more interested in converting the UI element
View 7 RepliesI 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:
var IdentifyPanels = function() {
$("DIV.ContainerPanel > DIV.collapsePanelHeader > DIV.ArrowExpand").toggle(
function() {
[code]....
I am working on a e-commerce site and I need to hide the checkout link (<a>) if the value of of the element (<td>) holding the amount due ="$0.00".
<tr
>
<td
colspan
[code]....
how do I programatically set the souurce of an <audio> element?
[Code]..
I'm wondering if there's a jQuery method or plugin which allows me to dump the HTML source of all selected elements, ie. the element(s) referred to by any jQuery object?
As opposed to .html(), which outputs the "innerHTML", I'm looking for something like IE's old "outerHTML" function, which also provided the tag's own code as well as its inner HTML.
For a jQuery object which has captured several elements, I'd like to output *all* the HTML of all those elements at once, in one "dump" as it were. Is that easily doable?
I've seen examples of how to turn xml into html, but how can I make the html output clickable so as to be able to access the corresponding original xml element (to read its attribute values)?
View 1 Replies View RelatedWhy 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>
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'm working on a webpage which is completely self-sufficient. This means if you copied the source you would be able to load it locally without any glitches from your computer. I want to embed a "Save As" feature into this document using only javascript or jquery. For various reasons I do not have access to a server-side language to perform this action. I've done some research but can't seem to find a definitive way to do this.
My goal:
User clicks "Save As HTML" button which triggers jquery to copy the source of the page and present it to the user as a mypage.html download. My fall back approach will be to open a new tab with just the desired html and instruct the user to manually "File -> Save As". However, this is very undesirable and I would like to find a solution to fulfill the goal above.
I have an ajax call that sends some data to process.php and return back the image name. In process.php I returned the name as follows:
echo "image.png";
The ajax call is:
var $chart = $( '#chart' );
var $test = $( '#test' );
[Code]....
so from test div i get the path printed right: (./images/image.png), but I don't get the image to be desplayed
I'm having some problems understanding the append() function. What I'd like to do is select an element using it's ID and add a row to the table with a HTML form element. The table is dynamically generated using a Django template ( form.as_table() ) so I'm not able to alter the original HTML markup too much.
If I had a table like this...
I used the jquery-function replaceWith() to replace this html part <div class="montag">...</div> with this part <div id="ersatz">...</div> Then i implemented a listener for montag and a listener for ersatz, so I can switch back and forth between the different parts.
The side gets loaded within the montag div and when i click on this part the listener works and the html gets switched to the ersatz part, but after this the listener for ersatz does not work, although the modified html gets displayed in firebug. Are there any solutions for such a kind of problem?
I'm receiving XML data via AJAX and the XML includes some CDATA values. The XML needs to be added to the page and then later scraped from the page and sent back as XML via AJAX.
Simple Example:
I receive -
And want to end up with:
And then send back as XML
99% of this is easy except the handling of the CDATA tag.
If I treat the XML as HTML, the CDATA tags get commented out automatically by JQuery.
So .html() returns <!--<![CDATA[Hello World]]>--> and .text() returns an null value (which is correct for a node containing only a comment).
If I treat the XML as XML, then .html() doesn't work making it impossible to insert the data (with its XML tags) into my page.
The only way around this I can see is to create a function that loops through the XML creating a HTML duplicate somehow and converting the CDATA nodes. When I want to send it back I have to reverse the process.
This seems a very long winded process when all I want to do is treat the XML as HTML except for the CDATA which needs to converted appropriately.
So two questions:
1) Am I missing some easy way to do all this using JQuery or other tools?
2) If I do need to manually convert the XML into HTML and vice versa, how do I do it?
I have been trying to achieve this since yesterday night and am not
able to figure out any solution as yet.
There's an XML page with RDF information inside. I want to simply get
the source of this page and save it in a file.(basically i want to do a
'save as' without prompting the user.
I'll use the FSO for putting it into the file but to get the source of
the page in a variable :
I think document.body or document.html do not work in Firefox. Also
document.documentElement.getElementByTagName('xml' )[0].innerHTML is of
no good.
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.
I am trying to create dynamic content using append and appendTo functions. It seems to work fine and I can see the new elements on the fly using a Button to execute a customized function based on this jquery methods. something like this:
$('<div id="page-contents2"></div>')
$('<form class="cmxform" id="form1" method="get" action=""></form>')
.prepend('<div>TITLE HERE</div>')
[code]....
the problem is that when i refresh the page the new content disappear of the DOM.
how can i write the sourcecode of the page to a textarea?i thought about something like
Code:
function dump()
{
[code]....
.change() is only for form elements minus check boxes/radio buttons, etc.Are any of you aware of a script that does this already? Hopefully one that is easy to implement.I just want to monitor things like height, number of inner elements, or any change in the inner HTML.
View 1 Replies View Relatedi don't know so much about jquery so just i use them with indication from their web site. so my problem is how can i use multiple source of jquery without one source stop the other,and that what i need:
[Code]....
Many ajax and javascript functions change the innerHTML of elements in the source, writing and rewriting things in the source
You can run any javascript function or action you want that would change the source, but when you view it, it will always show the original source before a JS function changed it
Is there a way to view the changed source after each time a JS functoin changes it??
for example:
<span id="whatever">This is the original source code</span>
then you may run this piece of JS:
whatever.innerHTML= 'Changed source code!'
but when you right click and press 'view source"
you will always get this:
<span id="whatever">This is the original source code</span>
I want to get the changed source code, maybe its possible to write the changed source code to another file, or use some kind of HTTP prog to read the changes on an html page?
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 have adrop-downelement on the page. On the change event I am appending two labels to a text box. The problem is I am able to see the newly added elements on the page while debugging it. but as soon as thepost backoccurs the added elements seems to bedisappearingfrom the page.
View 6 Replies View RelatedI'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.
You may find it more helpful to provide a back button for your users to allow them to go back where they originally came from. This will also make it easier to program your HTML pages.
Solution:Copy and paste the below source code.
<FORM><INPUT TYPE="button" VALUE="Back" onClick="history.go(-1);return true;"> </FORM>
In the above code the -1 tells the browser to go back one page.
I am looking for a way to put all CSS values on my selected elements back to its default. I was wondering if anyone has maybe done this before and if not has any idea's to get me started.
The idea is that when I use for example:
The elements within .setDefault will return to its default font/color/height/width etc... so basically all posible values.
Actually I am on web project with html and java script and my problem is that I have send feed back form as E mail, is there any though which can I send My feed back as an email without using php or asp because I know how to email through but i have to send my form by using java script or html.
View 5 Replies View Related