JQuery :: Dynamically Loading Source From A String Into The DOM

Aug 12, 2010

I'm experimenting with dynamic loading of javascript using JQuery. So basically I have a loadScript function that accepts either the URL of a JS file or a javascript source in a string. For the former, I create a 'script' element, set its src attribute to the URL of the file and insert the element into the DOM's head element. So far it seems to work nicely. For the latter, I create a 'script' element, set its innerHTML to the JS string and insert it into the DOM's head element. This doesn't work so well. I *think* it's because the JS source in question contains:

$(document).ready(function() {
// put all your jQuery goodness in here.
});

It looks like the JS source in my string is stomping over parts of the DOM it shouldn't and changing existing elements.

View 2 Replies


ADVERTISEMENT

JQuery :: Removing Dynamically Inserted HTML In Source Code

Jun 3, 2009

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>

View 2 Replies View Related

Keeping An Iframe From Loading Outside Its Source

Aug 6, 2003

I need some code that prevents the contents of an iframe from loading outside their source. Namely, the page has its main text content in an iframe so it can be scrolled through while keeping fixed size layouts. That iframe points to a file, content.html, that I want to keep the user from loading directly in the browser. I'd like it so, if they do go to content.html directly, it will just boot them back to the main index.

View 2 Replies View Related

Creating An Iframe In Function And Loading Source

Jun 22, 2011

I create an iframe in script and load it with this code.

[Code]...

This should force the loading of the savepages.php file. In that file I do an echo to verify that it is called.

[Code]...

The objective is to call that php function. The javascript function is called. I don't know if the element is actually created. Unlike php javascript doesn't put anything in the source for us to verify. I don't have ajax. How can I make the javascript function call create an element that loads the php file and causes the code in that php file to execute.

View 2 Replies View Related

Call Function After Iframe Source Completes Loading

Mar 8, 2009

I want to do exactly as mentioned on the title. You can consider this like surfing pages in traffic exchangers or PTCs. The functionality is exactly like those, though it is not for those.

This is what I have now.

Code HTML4Strict:

Currently, it shows "Page has been loaded" before even showing the "Please wait" part.

Secondly I changed the function to the following

Then it said info is null....

View 16 Replies View Related

Converting Code From String To Source?

Oct 6, 2011

I have a good HTML markup parsing function which uses DOM methods to create element nodes with attributes and contained text nodes. But for some reason I am having difficulty getting the event handler attribute value (which is javascript code) converted to actual source.

[Code]...

But when I click on the button in Firefox, nothing happens. Using a Javascript debugger, the trace doesn't even enter the handler code, which effectively means the event listener has no script.

So converting the code-as-string to code-as-source using the Function constructor is not working. Or else the event handler setting function or assignment is not what it should be.

View 7 Replies View Related

Dynamically Change Embedded Video Source

Sep 1, 2010

With the dreaded embedded video issue? I have code to embed video into my site using object for IE and embed for firefox. This works fine but now I also wish to dynamically change the source of the video depending on which link is clicked. I know how to acheive this but I believe that my source changing code for firefox is flawed

My code for IE which works great is :

But for firefox and opera (which also seems to like <embed> rather than <object>)

I have the code below:

View 3 Replies View Related

A Way To Dynamically View A Live Source Of A .html Page??

Aug 26, 2007

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 2 Replies View Related

JQuery :: Dynamically Loading An Image From A DB?

Feb 11, 2011

I have written some JAVA code that pulls and image from a DB and writes out the byte stream.When I call the URL directly I can see my image, however when I use something like:

function loadImage(filename) {
$(document).ready(function() {
alert('loadImage Called with ' + filename);

[code]....

View 4 Replies View Related

JQuery :: Can't See Source (with View Source) When Loads External Html Into A Div?

Feb 23, 2011

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:

var IdentifyPanels = function() {
$("DIV.ContainerPanel > DIV.collapsePanelHeader > DIV.ArrowExpand").toggle(
function() {

[code]....

View 2 Replies View Related

JQuery :: Dynamic Loading - Create Portlets That Dynamically Load Their Content

May 29, 2009

I am trying to create portlets that dynamically load their content (usinq jQuery). My first approach was to leave the header + footer + decorations of the portlet OUTSIDE of the dynamically loadable content. It worked just fine but I had to abandon that approach so that I could use the same code both for statically- and dynamically-loaded content (e.g. when no AJAX support was available). So far so good.

Now to my problem: I use the following code for loading my dynamic content

The loading works fine, but after the dynamic content has been loaded I can not seem to get access to it using jQuery!

Short description: Line 3 clears the content (I know! There are better solutions!) Line 4 loads the content Line 6 dumps the data on the console; this is for debuging only, so that I can establish that the correct content is loaded

After the data is properly loaded I did expect to be able to find it by traversing the DOM tree in traditional jQuery fashion (like in Line 10). However, dumping the contents of the 'tag' shows it containing no content at all; it is empty even though the browser renders the expected new result. I thought: Well! The browser holds two copies of the DOM tree; one that is the original page and one that is the modified content used for rendering". Therefore I attempted to manipulate the loaded content within the function (Line 8). The content is visible there, that I have established in Line 6. But I do not know how to access it jQuery-style.

(Why am I trying to modify the loaded content? I want to inject a title row with various decorations and clickable content.)

View 2 Replies View Related

JQuery :: Retrieve String Dynamically Generated On The Server Side?

Dec 16, 2010

From WebForm1.aspx, I have successfully retrieved a string that is dynamically generated in WebForm2.aspx and spit out to a Literal control in a div. This is what I did.

//In WebForm1.aspx, I have:
$.post("WebForm2.aspx", { para1: "value1", para2: "value2" },
function(data) { $("#mydiv").html($("div#div1", data).html()) });

That's pretty simple and easy to understand for you jQuery gurus out there.

Now, I am trying to do the same thing within the single web form. That is, in WebForm1.aspx, I have this jQuery script to post to the same web form (i.e., WebForm1.aspx), but it is not working. Postback works OK, but I am not able to retrieve the dynamically generated string and spit it out to mydiv.

What's the jQuery way to do this? Any example? I searched, but I've only found examples which try to get static string values, which I know how to do.

View 24 Replies View Related

JQuery :: Loading Files - Script Element Is Dynamically Added To The Head Section Of Html

Feb 6, 2010

I came up with some code to load javascript files dynamically. But I've got problems..

When the script element is dynamically added to the head section of html, i think that the document.ready event fires once again and therefore the code sort of runs twice.

In the html page I call this method:

In the script test.js I have the function SayHi():

The SayHi method never gets called and alert('begin') & alert('getScript') get called twice in this sequence:begin begin getScript getScript.

View 1 Replies View Related

JQuery :: Multiple Source Without One Source Stop The Other

Aug 30, 2010

i 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]....

View 2 Replies View Related

Dynamically Loading Link Elements Via DOM

Mar 16, 2006

I have a set of scripts which rely on the ability to dynamically load css by constructing <link> elements via DOM scripting, and appending them into the page header. It works, for the most part, extremely well, but I need to be able to attach an onload function to said links. Unfortunately, this only seems to work in IE, not in FireFox or Safari (the three being my 'target' browsers under which the whole system needs to work.) Any means by which I can determine via Javascript whether such a link has finished loading? It doesn't have to be via onload if it's unsupported, but I need to be able to implement it across IE / Mozilla / Safari.

View 12 Replies View Related

Loading A String From An External File

Jul 23, 2005

i was wondering if it is possible to load text into a string from an
external text file. the reason is that i have a very large string and
it is making my script very messy.

also, is it possible to have some dynamic parts of the text from the
text file? for example, if i load in a string and there is a part of
it that inserts a value from a variable like the following:

'The number of people is ' + var_people_num;

....so the text from the external file would load but these parts would
be given the value of a variable contained in the script that calls
the external file. its not absolutely crucial that i obtain this but
it would help me seperate large chunks that complicate the script.

View 1 Replies View Related

Dynamically Loading External Javascript Files.

Apr 14, 2006

I have been struggling with a cross browser solution to loading
external javascript files on the fly.

I have been successful using the following code in IE6:

var newScr = document.createElement("SCRIPT");
newScr.src = "newScr.js";
newScr.type="text/javascript";
document.getElementsByTagName("head")[0].appendChild(newScr);

I believe the reason is that IE is loading the external file
syncronously while Firefox is not. Is there an onload event for
creating an element (if so I do not see it in Venkman). I have seen the
solution of using XMLHTTP to load the script but I am trying to get
around any dependency (atleast at this stage of the library) on
activex.

View 1 Replies View Related

How To Abort Loading Of Dynamically Included <script>

Jan 4, 2007

I'm writing a small async webapp. in JavaScript and I'm using <script> element technique to load data. I'm usign <scriptbecause of cross domain restrictions with XmlRequest.

The problem is when I remove a element that is currently loading from DOM (with removeChild) Firefox still loads it and waits with other scripts.

What I want is to break this process and load a new data without waiting for old one.

Here is example script:

View 2 Replies View Related

Loading Divs Dynamically -- How To Detect Which One Loaded Currently..

Jan 25, 2007

I'm using a function like this to load divs dynamically (and hide
current one..)

function get_img(curr_img,curr_nav,new_img,new_nav2) {
var img_top = eval('document.getElementById(' + "curr_img" + ')');
var img_new = eval('document.getElementById(' + "new_img" + ')');
var nav_top = eval('document.getElementById(' + "curr_nav" + ')');
var nav_new = eval('document.getElementById(' + "new_nav" + ')');
img_top.style.visibility = "hidden";
img_new.style.visibility = "visible";
nav_top.style.visibility = "hidden";
nav_new.style.visibility = "visible";
curr_img = new_img;
curr_nav = new_nav;
}

problem I always run into in situations like this is I can't tell which
one is currently loaded.. how do you detect which div is currently loaded?

this is in JSP, divs generated with loops...

for (int i = 0; i < photos.length; i++) {
%>
<div id="nav<%=photos[i]%>">

etc...

View 1 Replies View Related

Dynamically Loading Files Containing Bunch Of Data

Apr 28, 2011

Here's what I'd like to do using pure JavaScript and HTML (no Ajax or PHP): My website loads different JavaScript files dynamically which contain a bunch of data, that I will display on the website. The dynamical loading function is placed in the <HEAD> and looks like that:

Code:
function loadJsFile(filename){
console.log("loading js file")
var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", filename)
fileref.onload = dataIsLoaded;
if (typeof fileref!="undefined"){
document.getElementsByTagName("head")[0].appendChild(fileref)
}}

The dataIsLoaded method in there is a callback that is triggered when the JavaScript file has been loaded:
Code:
function dataIsLoaded(){
console.log("loading js file done")
dataLoaded = true;
data = new Data();
}

DataLoaded is simply a global boolean that is per default false and the 'data' variable contains all the data I want to display on my site. While the JavaScript file is being loaded, the browser continues building the site. When it gets to the <body> that wants to access some information from the data variable, I get the unsurprising error that 'data' is undefined. I looked for a way to wait until 'data' is defined and then continue with building the <body> but couldn't find a solution.

Alternatively I wanted to reload the divs in the <body> when the 'data' is available:
Code:
function reloadDivs(){
if(dataLoaded){
console.log("data available, reloading divs");
document.getElementById('someDiv').innerHTML = document.getElementById('someDiv').innerHTML
}else{
console.log("data is not yet available");
setTimeout('loadReportData();', 500);
}}
This does not work, I get a blank div when I do that.

View 10 Replies View Related

IE Never Finishes Loading Page When Dynamically Removing Images

Mar 30, 2006

While testing my pages in IE and Firefox, I have noticed that when I
remove an image from the DOM before it has finished downloading in IE,
that the status bar gets stuck at Downloading Picture https://....
Which means the page never finishes loading, I have tested by just
making the images style.display = "none" and I no longer get the error,
but since this is an AJAX app, that would just leak memory as images
would never get deleted when people traverse the web app. Has anyone
else experienced this behavior or have a possible solution?

View 1 Replies View Related

Calculate String Width Dynamically

Oct 5, 2006

i try to figure out how to calculate string width in a textarea while
typing in it. the textarea has a fixed start width. when the string gets longer as
the textarea width, the textarea should be made bigger while typing
programatically.

my only problem is to determine the size of the string in the textarea.
i know the font family and font size.

View 3 Replies View Related

JQuery :: "Dynamically Loading" TinyMCE - Textarea Is Not Loaded With The Initial First Page Load

Oct 12, 2010

I'm running into a little bit of a problem with tinyMCE. My textarea is not loaded with the initial first page load but dynamically inserted in the DOM via ajax, so it doesn't display.

I've studied the documentation that comes with tinyMCE and it still kinda puzzles me what I have to do to "dynamically load" tinyMCE.

View 1 Replies View Related

Embedded Source Showing In View Source?

Jul 11, 2009

recently i noticed that all of my embedded JavaScript code and external style sheets are being shown IN "view source."

this happens in all browsers ( IE, FF, Chrome, and Safari [windows]) ... oddly enough it only happens when viewing on my vista or win2k3 machines. is this something added to these OS's or the result of an installed program? has anyone seen this before?

View 9 Replies View Related

Dynamically Setting Query String With <select> Onclick() Handler

Jul 23, 2005

I need to pass the selected option of a <select> tag into a query
string, so that the page is reloaded with the selected option already
chosen. This will occur with the onclick() event hander, and the query
string will be processed using a server-side technology. I'm just not
sure how to word the "onclick" handler. Here's what I have:

<select id="StartMonth" name="StartMonth" onchange="location.href =
'thispage.cfm?StartMonth=_______'">

What is the correct wording to set the underlined portion to whatever
was selected? I know it has to be done with JavaScript, since the
decision is made on the client-side.

View 2 Replies View Related

Replace Image Source With Other Source

Nov 23, 2009

I have a website that I frequently visit (FWIW, Firefox 3.x is my browser of choice) with many image sources referring to URLs that end with "-thumbnail.jpg". However, for better image quality, I am trying to use Greasemonkey to replace all instances of "-thumbnail.jpg" in the source of images on this site with "-bigthumbnail.jpg". The closest I could think of was to somehow use getElementsByTagName and innerHTML.replace, but realized that innerHTML does not do HTML, only content.

Below is as far as I tried to get on my own,

var as,ae;
as = document.getElementsByTagName("img");
for (var i = 0; i < as.length; i++) {
ae = as[i];
ae.innerHTML = ae.innerHTML.replace(/-thumbnail/gi, "-bigthumbnail");
}
})();

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved