Get Links To Change The External File Currently On The Main Page Without Reloading?
Nov 26, 2004
I am in a bit of a rut in the self-teaching with JS. I am trying to get links to change the external js file currently on the main page without reloading, the external files are basically long document.write sections with a few interactive functions.
The closest I have found for help with this so far is a rotating script, but I want a manual change from a link (button, image, etc) instead of timeOut rotation. I am not sure what I need to do for the links to replace the timeout function to change the dynamic section.
At main page, I want to have a js hyperlink onclick='select products()' This Onclick will open up a new small window, list down all products, once ppl select the products and close it, the selected product(s) will directly appear inside div of the main page.
Criteria:Refresh the value into parent page div Without reloading the parent window.Ability to assign back product id and name from small window to parent window.I'm not sure how to do that.Btw, I am using jquery. If anyone know how to implement this via jquery, it will be great.
I'm trying to add a very simple gallery where the photo is at the top and thumbnails are underneath. All I want to happen is that the photo changes when you click on one of the thumbnails. I've been trying to search for this but the galleries all seem to have stuff I don't want.I tried the following and it does change the image but it also opens up the thumbnail.
I have an external JS file with an array of menu links called (menu.js).
The code is shown below:
I have called the javascript in my websites main page (index.html), but it does not work.
The html code is shown below:
The javascript for the array of menu links works when it is inserted directly within the html file, but when it remains external and is called in index.html it does not work. I am not sure why this is the case.
I have an ajax script which loads new content onto the page when the main navigation links is clicked. I also have a jquery script which fades divs in and out when another subset of links are clicked.
I guess these scripts essentially do the same thing but the first basically is loading in 'pages' without the page having to refresh. The second is just fading in and out divs that are on a page.
The problem is is that the second script only seems to work once, when the page is loaded.
I have the existing code that will change all my links to external sites to open in a new window. I now want to change it to allow me to have a way that it will not do this if I put something special in the a href tag.
I have a list of paragraphs that all need to say the same thing. Each has it's own ID and class (each one has a different font color) and I need a co-worker to be able to type a phrase or name into a form field & hit "go" and have it update all of the paragraphs to reflect that text in the various colors. I also need it to have a predetermined default phrase.
Example: Welcome Home (in blue) Welcome Home (in red) Welcome Home (in green) Welcome Home (in black) Welcome Home (in yellow) etc.
I already have the framework set up (with the colors and everything) it's just a matter of changing the contents of the paragraph-tag.
On my webpage, I dynamically create an iFrame when a button is pressed, then load a html page from within my own domain into the iframe, based on what html page is loaded into a variable. My question is, can I dynamically change the font family of the loaded html page from the javascript of the main page? My code to create the iframe is:
function setSubTxt(){ var par = document.getElementById('parentDiv'); par.innerHTML = '<iframe src="'+subTxt+'" style="width: 375px; position: fixed; height: 365px; left: 400px; top: 145px; border=none;" name="subIframe" frameBorder=0></iframe>'; frames['subIframe'].window.location=subTxt; document.subIframe.document.body.style.fontFamily = "Arial"; [Code]....
the variable "subTxt" has the url of the html page to be loaded (always on the same domain). The code: document.subIframe.document.body.style.fontFamily = "Arial"; was my attempt to dynamically change the font, but it didn't work. Also, it should be noted that there is no font family set in the html pages which would override this.
I've hit a little bit of a road block developing this site: [URL]. I'm attempting to use the thumbnails to load a new video in the main object. I've used this: $(document).ready(function(){ $('.thumbnail').bind('click', function() { new_video = $(this).attr('href'); $('.main_video').attr('src', new_video); $('.main_video').siblings('param').attr('value', new_video); return false; }); }); To replace the attributes in the object, but at this point, the source has the new arguments, but it needs to reload as the actual element still contains the old video. Should I somehow use AJAX to refresh this div? Should I reconstruct my jQuery somehow?
If I have one main html file that calls an external JS file that contains only an array (infoArray), know I can do this code...
Now the question... Instead of 2 different main.html files, to load the different inforArray.js files, can I somehow overwrite the contents of the infoArray AFTER the information has been loaded from the first external JS file?
I have seen code that adds elements to the <head> section as the page loads, is there something similar to load/change array information during or after page load?
Or is this something that should be done by having text information in the file and loading with ajax and processing to an array afterward?
I'm using Javascript to change an image on a page without reloading the page. The problem is that my images are various widths (but identical heights), yet each image I change it to uses the width of the first image.
I currently have this pop-under JavaScript code that basically loads a pop-under upon page load,Is there a JavaScript code that executes both codes above, from an external website, and runs every time the page is loaded?
I am in situation where I need a code to redirect a HTML page to new location (Static HTML/Dynamic Web page) however the challenge is that I can not use usual JavaScript Redirect code due to restriction that we can't execute any code/script under body tag.
I found that this can be done using an external JS file however I am not able to achieve this.
I need the code to be generic so we can apply the same JS file to any page. However, I want the new window to open over the previous one versus opening a second new window.
I need help getting variables in an external js file to transfer to the html page that uses them. I have an html page that lists verses to memorize, which, when the mouse hovers over a particular verse, a small popup reveals the book reference for that verse, thus giving a check to see if the user has accurately referenced that verse for its source.
I have an external js file (VERSES.js) that houses the verses and popup references sequentially as elements in an array and then writes them to the html document. A simplifed version of what I am using, with only a few verses listed here as an example, and that works beautifully, is given below: Code:
I'll admit to being a newbie with JQuery, XML and Ajax. I'm trying to create a page which pulls dynamic links from an XML file. Here is the page: [URL] Here is the link to the xml file: [URL] I can get the url to pull as text, but I cannot make it into a link, no matter what I seem to try. I'm sure it's a syntax error - but I just don't know enough to know what it is. I'm also going to need to pull a URL for an image, and I am guessing that the process is similar.
This is a weird one. I am new to jQuery so have been following a tute online. My script works, its just takes ages to load - up to a minute! Things were working fine before when the script was on the same page as the HTML but when I put it on its own file it just slows right down. All these files are just operating straight from my local.All I am doing is changing the color of a list (ul) with jQuery on an external .js file.This is the only code on that .js file (called script.js)
I'm relatively new to jQuery, and I'm trying to figure out how to create a restaurant menu, that when you click on an item on this menu, an image and description will show on the page. [URL]I've looked through several plugins but cannot find this exact solution. Can anyone please point me in the right direction?
I have found a solution for showing an element on page load (it should be hidden if JS is blocked), but the CSS and the JS go into the <head>. I prefer to keep all such code in external files, so how do I adapt it to support that approach? Found code is as follows (if it can be improved on, feel free to say so):
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
I don't know if this can be done in Javascript, or requires any other language but i was wondering if this would be possible.I would like to embed this Javascript code in to a PHP file and then for it to run automatically upon the PHP file loading:
I have a problem with my menu. I am trying to add and remove classes when clicking on the main menu links. For instance when on load, the 'Home' is the current tab clicked, but when I click on 'Contact Me' I would like the class current to be removed from 'Home' and added to
'Contact Me' instead.</div> <div> </div> <div>The code im using is the one below.</div>[code]....
I have a flash embedded into HTML and at some action in the flash, a javascript is called that changes the CSS properties of the div containing the flash (postion, from relative to fixed)the problem is, when this CSS is called the flash banner reloads from the beginning.. I read about it, and it's kind of a bug in firefox.the question is, is there a way to change the CSS without reloading the flash?
I am not all that great at coding, but would like to put together a windows sidebar gadget that keeps track and logs specific activities. Some daily, some weekly, some monthly, ect.
I need to find a way to refresh a small imported java script every time a button is pressed without refreshing the entire form. Would also like to have it refresh automatically every hour if possible.
The line of code to reload is [URL]...Here is the entire code:
how do i load a css file based on the page's url using javascaript. for instance let's say am index.html automatically javascript would load the css for that page and aboutus.html css file would be different based on its css.
