I am building a web site and am trying to streamline the way the site works. I have a list of companies that each will have a link to a new page. What I want to do is make it open a single pop up for all companies. In this pop up there will be one image and a few lines of text. Therefore, when a viewer clicks on one company's link and then clicks on another it will load the second company's info in the same pop up. Code:
I have a script that when you click on a form button it post the results in a new pop-up window - and doesn't change the origin window. I then create a close.window on the pop-up window to close it. I now want to make it so the origin page is reload/refreshed after the pop-up is closed via the link. I have tried a few things but can't seem to get it to work.
I'm popping a window to a page with a different dns than the parent, and i want the opener's location reloaded when this window is closed.
With Mozilla it seems that all the opener's methods and properties are protected because the dns are different. A security exception (permission denied) is thrown every time i try to exec an "opener.location.reload()" from the pop up window.
An alternative would be catching the window closing from the opener, but i don't know how this could be done.
I'm trying to reload a frame from a pop-up, but really cannot figure this out.
Within my index.htm file, I make a link to call a pop-up frame with a javascript function that calls the following code from an external javascript source file, dynamically created with PHP...
one windown is opening a popup window.. and then the popup window is interacting with user information and then some processing with the use of some more php file.. now at last.. there is a "ok" button which should close this popup window and reload the parent window.. from where it was actually called.. i am trying to reload previous/parent window... using the function
I am a total javascript newbie and have been pulling out my hair trying to figure out how I could reload an iframe inside the main browser window from a popup window.
What I am trying to do is have a system where people can upload pictures from the popup and then veiw the pictures they have uploaded as they upload them in the main window.
I am using a script to open a new window and center it on the screen (to expand a photo). The problem is that when you click the link, it opens the new small window in the top-left corner, then moves it to the center.
Is there anyway to have it just load in the center? It doesn't look professional moving mid-load.
I am trying to reload the ASP.NET page in the parent window from a javascript in a submodal window. Now I don't want a straight reload as in window.top.location.reload() because the page was previously posted back and thus a warning will be displayed by the browser. I also tried window.top.location.href=window.top.location.href, but that doesn't seem to load a fresh copy of the page. Does it make a difference that the page in the parent window is AJAX enabled and the script that launched the submodal is in an UpdatePanel?
i am invoking window.opener.location.reload function from a pop up window to reload the parent page. But this seems to behave randomly. Sometimes the reload would preserve form data eg. the state of the drop down lists. On some other occasions, it would reset all the drop down lists and form data. Does window.location.reload resend form data to the server?
I can't get the iFrame to load again. In my window.load function I'm basically trying to reinitialize the fancybox iframe code and then based on the link here: [URL]
I'm trying to trigger it again. The alert appears so I know it's getting to the function but it's not opening up the iFrame.
I'm trying to create an upload script and got that. Its a profile image upload script so everytime a user chnages the profile image the name will still be the same: userid.jpg. Is there a way to refresh my image if success...
Code JavaScript: if (success == 1){ result = '<span class="msg">Image uploaded...</span><br/><br/>'; // Something here to tell my image to refresh? //
I need a script to open a popup window which contains a php form. after the form has been submitted or cancelled i need to go back to the originated page (php also) and reload original page.
I have a popup that contains a form. When I submit that form, I need 1) the data to get saved into my database, 2) the popup to close, and 3) the parent window to refresh and display the updated data.
I found the following code in an old thread, but the parent window still shows the old data after it appears to reload. The data is saved in the database, but the parent window only shows the updated data when I manually refresh it by hitting F5.
I'm looking for nice solution to handle file downloads. The problem with classic link in <a href="file"> is that in case of missing file, the main browser window is reloaded with 404 error, but I'd like to present to user a popup message without reload of main browser window.
So far i have a database with all data in it.I have the 1st text field where the user enters their postcode and then the page reloads populating the drop down menu with the corresponding suburbs.Next what i want is after a suburb has been selected in the list, the page reloads again and the corresponding city, state and country is displayed in the other 3 text fields.How can i get the query to execute and fill in the last 3 fields after a suburb in the drop list has been selected?
<!doctype html public "-//w3c//dtd html 3.2//en"> <html> <head>
I'm pretty new to all this javascript and jQuery stuff, so please have patience with me if I don't understand your answers the first time. I'm toying around with a tiny page for my webcam and I'm already using jquery to update the image(s) everytime 15 seconds has gone by. I've tried implementing fadeIn so the image just fades over to the newly refreshed image, but I haven't had any luck with it.I hope some of you can lead me in the right direction as to how I can implement this function.
Can someone point me to method for loading random image (in container) on pageload? I have three image containers and I want to load a new image in each one at each pageload, but I want to be sure no two images are the same at the same time (if that makes sense!).
Does anyone know how it would be possible to create bar at the bottom of the browser window that doesn't reload when you navigate thru the site. A good example is the chatbox that Facebook has. When you click links throughout the site the chat box is constant and doesn't reload.
I've been looking all over the place in order to find a script like they use on Foliostars, where you see a sliding semi-transparant text layer over a thumbnail image when you hover. how to achieve this using JS or an Ajax framework (preferably JQuery)?
I am currently successfully using the following code to randomly change the color of specified text ("quotations" - see below) each time the page is reloaded. The only problem is that the colors are too random. Instead of the code I now have, I'm looking for code that would allow me to define a distinct list of colors through which the text would randomly rotate each time the page loads. In other words, I want to choose each of the randomly loaded colors of my text.
<html><head> <script type="text/javascript"> var quotations = new Array() quotations[1]= "text1" quotations[2]= "text2" quotations[3]= "text3" quotations[4]= "text4" quotations[5]= "text5" function display(){ a=Math.floor(Math.random()*quotations.length) document.getElementById('quotation').innerHTML=quotations[a] setTimeout("display()",500000) ..... } </script>
<script language="Javascript"> function rancolour(){ var red = Math.floor(Math.random() * 255); var green = Math.floor(Math.random() * 255); var blue = Math.floor(Math.random() * 255); document.all.main.style.color = 'rgb('+red+','+green+','+blue+')'; } </script> <link rel="stylesheet" type="text/css" href="/style.css"> </head><body> <body onLoad="rancolour();"> <div id="main" style="color:#FF0062"> <div id="quotation"><SCRIPT type="text/javascript">display()</SCRIPT></div> <form onchange="display(this.value)"> <input type="submit" id="style3" value="M O R E" /> </form></div></div></body></html>
Is there a difference between right clicking an iframe and reloading post reponse vs. using javascript to reload the frame? So far, the javascript route hasn't worked for me. [some context] I am writing a little bookmarklet to help me with the online registrations at my school. Here is the setup.
Load up a page on the domain. Remove all body elements. Insert an iframe. Set iframe to page for class roster search. (in iframe on school search page) Select class search options, POST the form data, and view results in frame. *This works perfectly, but I need to have it refresh results every minute or so. When I use frame.contentDocument.location.reload(true); the frame loses the post data or something and the page is broken. BUT when I just right click on the frame and select "reload frame" it works perfectly. What is the difference between rightclicking the frame and refreshing it like that vs. using javascript to reload the frame?
I'm trying to create a dynamic form, and for the most part it's working out fine.I'm using javascript with onclick and onchange on checkboxes and select boxes to change the form as the user makes selections.However, there's a few issues I'm running into that are giving me problems.
One is that when the user reloads the page, all of the javascript inserted or removed form elements are reset, but the choices on the checkboxes and select boxes aren't, which looks very strange to the user. How can I avoid this? I'm currently including scripts tags in the body of the html, but this is pretty messy and hard to manage. Is there a better way? Second is that I'd like to be able to insert javascript function declarations into text that is dynamically inserted by javascript.However, when I do so, the browser does not recognize the functions. The reason I'd like to do so is that I am using Ruby on Rails, and would like to be able to keep the scripts in the partials to which they relate. I have to use inline javascript, because the scripts are having element ids inserted based on Ruby variables. Is this a lost cause, or is there a technique that enables dynamically inserted javascript to be loaded?
Lastly, my dynamic form's javascript shows or hides portions based on what it encounters while loading. The main reason is that I want to show the whole form for users without javascript, and then hide advanced or obscure details unless they are activated with a checkbox on the form for users with javascript. However, this is creating a jarring pop-in effect, where on first load, the pre-javascript formatted page is shown for a split second, and then the javascript kicks in and fixes everything and the page visibly jumps and changes. Is there a way to avoid this to create a more polished effect?
I have a simple product display with an product image. The product image changes with ajax when i click in a dropdown menu on another color.
Now i added the (beautiful) zoom script cloud zoom. It just works fine but after i click on another color and the product image reloads the script does not work anymore. instead my <a> is just a normal <a>.
This is the part that reloads at all:
How can i reload the function when this part reloads? Or what else could i do?