Opening a popup and displaying a form: Use the html you are using now.
To submit the form using ajax; I can think of nothing simpler then this http://www.malsup.com/jquery/form/
ajax updates that div What div are you talking about? What info is being used to update it?
ajax really not needed, nor an iframe for that matter. Someone wants to upload an image called "dogface.png". You have that name and should know where your php is going to place it. I'd put it into a folder. When ajax tells you success has happened display the image.
Example:
Code:
<!HTML>
<html>
<head>
</head>
<body>
<div id="cf" style="height:100px;width:100px;">
<img id="top" style="width:100%;height:100%;" src="">
</div><br /><br /><button type="button" onclick="showit();">Ajax Success</button>
<script type="text/javascript">
function showit(){
document.getElementById("top").src = "images/dogface.png"; // PUT YOUR IMAGE HERE
}
</script>
</body>
</html>
With over a thousand post here I would think a person knows how to call a javascript function. And how to collect a variable and how to pass it to a js function.
W3Schools is a great way to learn to program javascript. I'd spend a little time here and get the basics down.
P.S. Did you run what I gave you? Did the page refresh? Did the div magically show the image? And did the image (Even if larger then the div) fit perfectly?
Last edited by sunfighter; 03-14-2013 at 04:21 PM..
i know how to call a javascript funciton but I have a link on page 1
to page 2
form on page 2 submits to submitpage 2 - from submit page2 I want to refresh a div on page 1
is that possible?
W3Schools is a great way to learn to program javascript.
Only if you are studying history - most of the JavaScript that site teaches is the antiquated way you had to do it for Netscape 4. Modern browsers support the far superior modern unobtrusive version of JavaScript that can be attached to the bottom of the HTML and interact with the entire page.
Try to put two scripts written the w3schools way into the one page and likely they will break one another - that's the cause of perhaps 25% of the beginner posts about JavaScript - clashes caused by using antiquated coding methods.
2 submits to submitpage 2 - from submit page2 I want to refresh a div on page 1
is that possible?
yes - pass a value in the querystring (after the ? on the end of the url) to tell the first page what it needs to refresh in the div and then have JavaScript read that and perform the update.
@esthera: Sorry my mind reading skills are so bad. No way to know you were putting image on another page without code (Show the importance to paste code here) and your insistence on not refreshing the page thew me.
@felgall: I do understand that W3School is not the be all, end all, but it is a great site to learn from, it is my first go to page for advice. It does answer my questions 90%+ of the time. If I knew of a good site that kept up to date on javascript I'd go there. I find sites with bits and pieces, but never one with all or most of the current info.
If I knew of a good site that kept up to date on javascript I'd go there. I find sites with bits and pieces, but never one with all or most of the current info.
or just google whatever it is you're learning: "mdn websockets" or "mdn localstorage" or "mdn a ping" almost always gets the latest info out there and well-written comprehensive documentation, up-to-date compat tables, and relevant examples.
i would not use w3fools for anything, they are outdated in their references, the tutorials demonstrate improper ways of doing things, and then there's all the advertising... yuck.
__________________ my site (updated 5/13) STATS (2013/5) HTML5:90.2% MOB:14% IE7:0.5% IE8:8.6% IE9:9.8% IE10:10%
Before you post, read our: 
