I'm currently looking at data-piping ie making server calls without reloading the page, the server returning some data to a cookie and the calling page using that same data on the page using DHTML. So far so good...
But is it possible to actually use javascript to actually write more javascript onto the page? Or, alternatively, is it possible to dynamically add a call to an external javascript file.
Something like...
document.writeln('<script src="script.js")
The idea being that the server could return functions for the calling page to use, which would be very nice for complex web applications.
If you can do this, what issues do you need to be aware of?
If you can't, are there any ways of achieveing the same things? I'm thinking of things like dynamically adding a scriptlet call to the page in Windows IE, though a more cross-browser solution would be cool.
I'm using the following function to access elements with specific attribute values in an XML file. These elements then also have child elements, which contain the required data to be rendered as HTML. Code:
I am trying to add an onclick event to a div from within javascript. Basically i have 2 divs containing arrows ("<<" and ">>"), used to toggle the week of a calendar. At the moment the ajax communication and handling of the response is working fine. After i processed this, i want to switch the arrows, basically add onclick to the previously non-active arrow and then nullify the previously active arrow. How do i go about doing this? Below is my attempt at solving it, with no luck. Code:
Might there be a way to add a set of Javascript functions to a display page's existing set of Javascript functions on the fly without reloading the display page, and if so, how?
A couple of approaches I have tried, but without success are:
- A) For an embedded "retriever" IFrame in the display page to retrieve a set of JS functions from the server and then on its "onload" transfer (by innerHTML transference) that set of functions into the parent display page.
- B) Similiar to "A" but to use regular old browser frames - one being the "retriever" and one being the display page.
- C) Using a JS function in the display page to make a http request for a supplementary .js file(s).
Please note: the goal is to retrieve *only* an additional set of Javascript functions from the server, and then add them to an "original" set of functions already loaded into the browser. Meaning, NOT - say - for an IFrame to download from the server *both* the additional set and again the "original" set, which the parent display page could then run directly from the IFrame.
After "A", "B", and "C", I'm at a loss for further ideas.
I took over management of an established website that I discovered was written in php and javascript (I am only familiar with html).
I needed to add in a new button so I looked at the code, copied the code and pasted for the button above and typed over it the names of the gifs and gave it a new button number. I found another place in the code that appeared to relate so I did the same there too.
After uploading I tested my new button, it worked, so I deleted the original copy I had made of the page.....
Problem was the new button is now the only one that works and I have no idea how to undo what I did to make it work again.
My client wants to upload multiple files to the server using the FILE type input of the form. Their requirement says that once they click the browse button of the FILE INPUT type , besides file browsing window another FILE FIELD is added at the bottom of this one. and when the user clicks the browse button of second, it adds another until the user clicks the UPLOAD button to submit the form.
I dont know it is possible or not ???? if yes then please tell me how.
The alternate way is to give drop down menu with number and when the USER chooses certain number then ..that amount of FILE FORM FIELDS will be added. i.e if user chooses 3 then three file fields are there to upload 3 files at a time.
I have written a script that i am pasting here, but when i choose the drop down menu and select value the FILE FIELDS are shown but the original drop down menu vanishes.. Please review my code and modify it or refer some script to me.
IF The first choice is possible, i mean adding each FILED by browse button click , then tell me its code, other wise modify this code that i am pasting or give me some link to download a premade script. Code:
The following script is supposed to have high categories as radio buttons and mid categories as check boxes. Clicking the radio button is supposed to select all checkboxes under it and submit the form.
RADIO (ID = 0001-1 VALUE="") CHECK (ID=0001-0011) CHECK (ID=0001-0012) RADIO (ID = 0001-2 VALUE="") CHECK (ID=0001-0021) CHECK (ID=0001-0022)
The code appears to be checking and unchecking the correct checkboxes. But when the submit occurs, the buttons that were unchecked become checked again.
function handleHighCatSelect(obj) { var highCatName = obj.name; var highCatNameInMidCat = highCatName.substring(0,5) + "00" + highCatName.substring(5,6); alert(highCatName); var length = document.frm.elements.length; for (var i=0;i<length;i++) { var formObj = document.basicSearchMFSFrm.elements[i]; var currName = formObj.name; var currValue = formObj.value;
I'm having a problem when I uncheck the box it should subtract the amount from the total which it does kind of. It subtracts a number other that one selected. When I put a alert into the function it pops up with the right amount.URL...click on "comps"uncheck the box under the zillow table.it should remove the amount of SqFt under the little table under the map.The only one that I've established is the zillow.[code]
I'm working on some code and am running into brick walls. I'm trying to write out Javascript with Javascript and I've read the clj Meta FAQ and didn't see the answer, read many similar posts (with no luck though), and searched through the IRT.ORG Faqs (www.irt.org/script/script.htm).
The Javascript is designed to open an popup window and then inside that window call another script which will resize that window. There may be another way around this but the reason I tried this approach initially was that I wanted to call the onload handler in the popup window to resize the image only after the image had completely loaded. I've had some code in the primary Javascript file (showimage.js) before that works if the image has been cached but on the first load, it doesn't resize properly which tells me it is probably because it is trying to resize the window based on the image size but it isn't completely known at that point. So I removed that code and tried placing the resizing code in the second Javascript file (resizewindow.js). BTW I've tried other code to open a popup image and automatically size it ie Q1443 at irt.org but that doesn't do exactly what we need.
Even if there is another way to do this with one file, I still want to figure out why this isn't working in case I run into it in the future.
I thought what I would need to do to use document.writeln to write Javascript would be to escape any special characters and to break apart the script tag ie
document.writeln('</SCRIPT>');
would become
document.writeln('</SCR' + 'IPT>');
I have a HTML page and 2 Javascript files. All files are in the same directory and have permissions set correctly.
Here are the 3 files (keep in mind wordwrap has jacked up the formatting):
index.html ---------- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Test</title> <SCRIPT type="text/javascript" LANGUAGE="JavaScript1.1" SRC="showimage.js"> </SCRIPT> </head>
<body> Click the house<BR> <A ONCLICK="newWindow1('house1.jpg','Nice House')"><IMG SRC="house1thumb.jpg"></A> </body> </html>
showimage.js ------------ function newWindow1(pic,sitename) {
resizewindow.js --------------- function resizewindow() { // Do resizing here. // Right now this isn't being executed alert("resizing window"); }
Can anyone provide some pointers as to why this javascript is failing? I'm using IE6 on Win2k and when I click on the image to open the popup window, it does open the window but it is white with no content and the system immediately goes from about 4% CPU usage to 100% and consistently stays there until I kill that window with the task manager.
Attached is a simple HTML file that adds and delete rows. In the add row function I set an attribute "onClick" this triggers the testMessage() function. When I try this in Firefox it works just fine however on IE it just refuses to work.
What is interseting is the ROW that already exists has a similar 'onClick' event which works when the page is loaded, but subsequent "row" additions to the table to not work in IE. Code:
I'm getting errors in Firefox everytime I try to run this frame resize code, but it works fine in IE. I can't seem to figure out what the problem is with it.
The error is: Error: theFrame has no properties Line: 8
The line that the javascript console is showing an error for is in italics.
I'm already past the basics of Javascript, and i need something that takes me to the other level and teaches me the new technologies and cool stuff (drag&drop, AJAX, OOP in javascript, maybe XUL...etc). So far i found these two books:
1. Sitepoint's "The JavaScript Anthology: 101 Essential Tips, Tricks & Hacks". 2. Worx's "Professional JavaScript for Web Developers (Wrox Professional Guides)"
Both seems to cover very insteresting topics, but i can only buy one of them. So which one do you suggest?
and by the way, i've read the sample chapter 5 of Sitepoint's book, and it seems like the author(s) just put the solutions/codes there and let you figure them out on your own. Is this how the rest of the chapters are?
This is a question about defensive web browsing. Ocassionally I run into a page whose JavaScript does something that I find obnoxious. I would like to turn off JavaScript only for that page (instead of disabling it globally). It would be cool if there were some way to do this through a "bookmarkable" JavaScript snippet using the javascript: pseudoprotocol. Does anyone know any trick to do any of this?
I am looking for a method to extract the links embedded within the Javascript in a web page: an ActiveX component, or example code in C++/Pascal/etc. I am looking for a general solution, not one tailored to a particular page/script.
Hopefully, the problem can be solved without recreating a complete Javascript interpreter. Any ideas?
I have some javascript that I have written into the <body> section and it works great. But I would like to make it into a javascript function and define the function in the <head> section. Then in the <body> section write a small bit of javascript that would call the function() object. Code:
I would like to know how to write javascript such that, a part of it isnt considered as script, & rather as HTML. Code:
Ok, the layer div can be written using document.write. But, Google ad itself is a javascript isnt it. How can it be written into this? How does this work?
Ok so, this is my purpose: - to be able to load asynchronously (via AJAX) some javascript ads (like google's or adbrite) so as to make them be loaded in the background, then update the page after the ads have loaded via innerHTML
Why? -Because 90% of the time in my newer sites, javascript ads are the major offender in terms of speed of page rendering
My problem: Via ajax, I can call a php file that retrieves some javascript and outputs it, XMLhttprequest returns those javascript lines, but they don't render in the page, since they miss the whole page loading, and are apparently not parsed For example, let's say I call a php file via ajax, and it returns the output into a variable named "text" containing "document.write('hello')" if I use xxx.innerHTML=text, nothing happens
My 1st solution: Passing those javascript lines to eval() [like eval(text) ], but this produces a second problem, that I couldn't solve (probably because of my lack of knowledge in javascipt): if I eval the code, it deletes my current page and renders a new one for example, if I parse a document.write, my page disappears, and a new one is rendered with the document.write text
What I want is basically to make that "document.write" appear inside a div in my page, adding to the content (and not overwriting the whole page), much like what happens when using innerHTML
Is this even possible? How would you go about it? I tried xxx.innerHTML=eval(outputfromphpfile) but it overwrites my whole page...
I'm trying to get the text that contains "The Moderating Team" "Today's Active Topics" etc. an id to the div they are contained in. Here's my code so far:[code] URL...
Here is a sample form that I just made up. I would like a somekind of script that when each button is checked or unchecked to dynamicly add or subtract the total.
<html>
<head>
<title>Testing addition of javascript</title> </head>
$().ready(function () { var n = $(".mainmenu li").length; $(".mainmenu li").each(function(n, element){$(element).attr("id", "link" + n);});
when the document is ready and javascript is enabled. I will count all li elements in the mainmenu ul. then I will add the id attrribute to each li so that my code looks like: