HTML - Page Seems To Refresh Before Code Can Be Submitted.
Hey,
Ok so on my site it uses Ajax. Now if i try to submit a comment when i click submit it refreshes the whole page and does nothing! After the page had been refresed I can commetn on the script again and it shows the text i entred on the page with no refresh. Why does it refresh the page on the 1st post?? The site is he http://www.runningprofiles.com/members/Admin HTML Code: <div align="center"> <table width="500" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <table style="WIDTH: 500px" cellspacing="0" cellpadding="0" align="center"> <tr> <td align="center"> <strong>What are you doing?</strong></td> </tr> <tr> <td align="center" valign="middle" class="update_box"> <form method="post" action=""> <textarea cols="5" rows="10" id="content"></textarea> <div id="button_block"> <input name="submit" class="comment_button" type="submit" id="button" value=" Share "/> <input type="submit" id='cancel' value=" cancel" /> </div> </form> </td> </tr> </table> <div id="flash" align="left" ></div> <div id="update" class="timeline"></div> <?php $small1=mysql_query("select * from messages2 order by msg_id desc LIMIT 5"); while($r=mysql_fetch_array($small1)) { $id=$r['msg_id']; $msg=$r['message']; $times=$r['time']; ?> <table id="table_<?php echo $id; ?>" width="100%" > <tr> <td colspan="4"> <hr style="COLOR: #6d7b8d; HEIGHT: 1px; BACKGROUND-COLOR: #a9d0f5" /> </td> </tr> <tr> <td valign="top" width="10%" rowspan="2"><img height="40" alt="Pic" src="http://www.gravatar.com/avatar.php?gravatar_id=7d09b47edf3bdbedb4cb104fb507c3df" width="40" border="1" longdesc="http://www.gravatar.com/avatar.php?gravatar_id=7d09b47edf3bdbedb4cb104fb507c3df" /></td> <td valign="top" align="left" width="12%"><strong>Jarratt</strong></td> <td valign="top" align="left" width="63%"> <?php echo $msg.'....'.$id;?> </td> <td valign="top" align="right" width="15%"><div class="UIStory_Hide"><a href="#" id="de<?php echo $id ?>" class="delete_update" title="Delete Update">X</a></div> </td> </tr> <tr> <td align="left" colspan="3"> <span class='feed_link'><a href="#" class="comment" id="<?php echo $id; ?>"><font color="#cc0000">Reply</font></a></span> <span style="FONT-SIZE: 10px; color:#cc0000; COLOR: #a9a9a9"> <?php echo time_stamp($times) ?></span><br /><br /> <?php //Here $id is main message msg_id value. $csql=mysql_query("select * from comments where msg_id_fk='$id' order by com_id "); $comment_count=mysql_num_rows($csql); if($comment_count>2) { $second_count=$comment_count-2; ?> <div class="comment_ui" id="view<?php echo $id; ?>"> <a href="#" class="view_comments" id="vi<?php echo $id; ?>"> <span style="COLOR: #696969"><b>View all <?php echo $comment_count; ?> comments</b></span></a> </div> <?php } ?> <div id="view_comments<?php echo $id; ?>"></div> <div id="two_comments<?php echo $id; ?>"> <?php $small=mysql_query("select * from {$prefix}comments where msg_id_fk='$id' order by com_id limit 2 "); ?> <?php while($r=mysql_fetch_array($small)) { $c_id=$r['com_id']; $comment=$r['comment']; $timeofpost=$r['time']; ?> <table width="80%"> <tr> <td align="center" valign="middle" style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid"> <div class="comment_actual_text"> <table style="WIDTH: 100%; BORDER-COLLAPSE: collapse" align="left"> <tr> <td width="15%" style="VERTICAL-ALIGN: middle; TEXT-ALIGN: center"><img style="WIDTH: 30px; HEIGHT: 30px" alt="srinivas" src="http://www.gravatar.com/avatar.php?gravatar_id=7a9e87053519e0e7a21bb69d1deb6dfe" border="1" /></td> <td width="85%" style="PADDING-BOTTOM: 2px; VERTICAL-ALIGN: top; PADDING-TOP: 2px; TEXT-ALIGN: left"> <strong>Jarratt</strong> <?php echo $comment; ?> <br /><span style="FONT-SIZE: 10px; COLOR: #a9a9a9; COLOR: #a9a9a9">10min ago<?php //echo time_stamp($timeofpost); ?></span></td> </tr> </table> <br /></div> </td> </tr> </table> <?php }?><div id="commentload<?php echo $id; ?>" > </div> </div> </td> </tr> </table> <div id='expand_box'> <div id='expand_url'></div> </div> <div id="fullbox" class="fullbox<?php echo $id; ?>"> <form method="post" action="" name="<?php echo $id; ?>"> <textarea class="text_area" name="comment_value" id="textarea<?php echo $id; ?>"> </textarea><br /> <input type="submit" value=" Comment " class="comment_submit" id="<?php echo $id; ?>"/> </form> </div> <?php } ?> </td> </tr> </table> </div> Similar TutorialsI'm currently updating some online forms using HTML. When the page is refreshed (either manually, or by pressing a button) the page redirects to the top. Is there any code that will refresh the page to the last position before the refresh. Ex: If you are half way down the page, and click an "Add" button, the page will refresh back to that same spot. Any help would be great. Thanks, Sarah Hi All, I want to refresh the contents of IFrame without refreshing the whole page.....How is it possible... Okay, so heres my problem, i am creating a page for a touch screen based intranet at Coca Cola in Australia. the homepage will be the main page, other links will only be viewed for short amounts of time. is there anyway to make it so, if there is no activity for an amount of time (say 5 minutes) the page will refresh to the homepage ? I have tried Combining these to codes that i have found off the net, but just cant get it to work - THIS CODE IS FOR AUTO REFRESH <head> <title>Auto Reload</title> <script language="JavaScript"> <!-- var time = null function move() { window.location = 'http://yoursite.com' } //--> </script> </head> <body onload="timer=setTimeout('move()',3000)"> <p>see this page refresh itself in 3 secs.<p> </body> THIS CODE IS FOR NOTICE WHEN INACTIVE <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-9" /> <title>5 seconds mouse inactivity</title> <script language="javascript"> var activity; document.documentElement.onmousemove = function() { clearInterval(activity); activity = setInterval(saySomething, 5000); } function saySomething() { alert("it's been 5 seconds that your mouse didn't move Smile"); } </script> </head> <body onload="activity=setInterval(saySomething, 5000);"> </body> </html> I want it to Load a Page When Inactive, rather then Alert Hi, I am new to HTML coding and am not aware of all the options that are available with HTML, my requirement is as below I have a page 1.html on the server to which i don't have the edit access, I have some data which I check on this page at regular intervals of 10 seconds...... Now my problem lies here since this page is not editable i cannot change the refresh settings for 1.HTML My query : Is there an option available wherein I create my own page 2.HTML on my local desktop and write a code in 2.html such that page 1.HTML is refreshed every 10 seconds and obviously 2.html being open all the while.. Any kind of suggestions will be appreciated.... Thanks, Jay Hello, This is an unusual one, but I have converted two Excel files into HTML files, and I also have a HTML page with some information on. I have a live of code which controls the auto refresh of each page. Is there any way that I can set this so that when the page refreshes, it loads a different page. The pages are part of a display screen that will show stats and info. I would like to set it so all three pages rotate/change every minute or so. Thanks in advance. I want to refresh the page after clicking submit button with interval of 10 seconds. How can I do that? -------------------------------------------------------------------------------- Hey How can i wrote a program that refresh a web page and checks if a certain string is in the page ? my webpage is divided by div. i face a problem which is, i want to open a link which will refresh the whole page instead of refresh the div. i'm not familiar using div, need help from someone plz..... thanks in advance... Is this the correct code to use to auto-refresh a web page? It is not working for me. Is there something I'm missing? <META HTTP-EQUIV="Refresh" CONTENT="60; URL=http://website.com/"> Thank you. hello every one, i am a new with HTML. i am need to create a html page which gets refresh periodically so i did this... <head> <meta http-equiv="refresh" content="1" /> <meta http-equiv="expires" content="0" /> </head> <p><img src="/path" width="320" height="240" border="0" alt="my cam pic" /></p> It works fine , but when it gets refresh on IE or on mobile browserat the time of refersh page goes blank .. i just want to refersh image with out going it blank .. i mean it should display previous image till it gets next one and yes not looking for java or any other script.. can it be possible .. i want it in plain HTML script please help thanks in advance I have created a page which consists of 2radio buttons(r1,r2). When user selects radio button1(r1) a table(t1) belong to r1 is displayed.This is by default I mean radio button(r1) is Checked and table(t1) is displayed when this page is runned. When user selects 2nd radio button(r2) a table(t2) is displayed in place of t1. Every thing is working fine.Problem is when user selects radio button2 and if he refreshes page table t1 is being displayed with r2 checked this is where I am Placing problem. Can anyone resolve this issue and give a suggestion how to display table belong to corresponding clicked radio button even after page refresh. I have a php contact page that when people submit there message it goes to another page saying "thank you, your message has been sent" What I would like to do is have this thank you page pop up in a small 400 x 320 window and refresh the orignal page to my home page. Can anyone please help me do this? I do not know how to go about doing this. Thank you. Hi guys, I'm working on a project which requires an HTML page to be updated regularly, say every 10 seconds. however its not the whole page i need to refresh but rather a section of it. that section in question is a table that has status icons within. those status Icons receive values from a server and update accordingly. the following code corresponds to those images you see in the attachment. HTML Code: <td width="100" style="TEXT-ALIGN:center" onclick="showNFailDialog('{IP_ID}','{ZONE_ID}','{GROUP_ID}');"> <IMG style="WIDTH:24px;HEIGHT:22px;CURSOR:hand" class="ZState NFail" name="disp" alt="Zone {ZONE_ID}" src="../../Icons/circle_cancel.png" eis="name:{IP_ID}.{ZONE_ID}.{GROUP_ID}.Alarm;type:1;virtual:1;img0:/Icons/circle_green.png;img1:/Icons/circle_red.png;"> </td> this line basically says value 0 shows green, value 1 shows red.. img0:/Icons/circle_green.png;img1:/Icons/circle_red.png Is there a way I can insert some code into the image section that makes the image refresh every so often but without refreshing the whole page/table your help is greatly appreciated hi guys, i have a site that is updated regularly but everytime i update it, i go to the site and i have to hit refresh. how do i make it so that you dont have to do this? do i have to clear cookies or something? thanks in advance. sam So I've got this .png file that's being updated and re-saved every second or so (its a graph of time vs temperature) and I'm trying to look at the damn thing on a browser. I've got the REFRESH thingy reloading the page every 5 seconds or so, but it'll only display the graph that it opens on (not the one that reflects the last couple of seconds). If I actually go and hit the reload button (I'm on Safari) the current graph'll come up, and then (this is weird) the next time the page refreshes it'll actually pull up that current graph, but all further refresh cycles don't do anything...what's going on here? Oh, here's the page source: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="refresh" content="5; URL=file:///Users/Shared/Sites/temperature/index.html" > <meta http-equiv="CACHE-CONTROL" content="NO-CACHE"> <link rel="stylesheet" type="text/css" href="http://steck.us/gen_style.css"> <title>Web Thermocouple 1 Monitor</title> </head> <body> <h3 align="center"> Reflow Toaster Temperature Vs. Generic Profile </h3> <table width="100%" border=1> <tr> <th width="100%">1 hour history</th> <tr> <td align="center"><img alt="graph" src="/Users/Shared/Sites/temperature/tempgraph1.png" height=480 width=640></td> </table> <p> Note: data measurements shown as point with 0.1°C resolution This page will automatically reload every 5 sec. </p> <p> Plots last updated: 08/10/09 14:37:47 I've been trying to get a design to work properly under Firefox for several days. Unfortunately because of ip issues I can't post any code. The basic problem is that I tell a table that I it to have height: 100% and it won't do it. Sometimes (not always) the table renders in such a way such that it is less than 100%. <table><tr><td><table class="gimme_some_height_already">...blah blah</table> Here's the annoying part. The problem is intermittent and goes away every time when I hit refresh under Firefox. Why should the page render differently just because I hit refresh? Also, when the table doesn't render properly, the links don't work. I have standard, nothing special <a> links inside the table. When the table is misrendered and I click on a link, instead of transferring to that page, the table just gets bigger! It's as if the table were in a very delicate state, and if someone touched or sneezed on it the whole page would move and rerender. Very strange. None of this happens under IE. I know that many people think that when IE and Firefox disagree that I ought to go with what Firefox says, but really hitting the refresh buttons shouldn't make the page look different. Does anyone know what is going on, and perhaps how I could go about fixing it? I've tried many variations, trial and error combinations and dirty tricks. I have a form where a select list can be updated by clicking 'update' next to it. When this is clicked I would ideally like just that to be updated, but I do not think this is possible. I was thinking of having two form actions, one that submits the form as usuall, but one that submits the form somewhere else, depending on which submit button is clicked. If I could have two submit buttons, I could use one to submit the form back to the same script, with the script re-filling the form elements that where filled out, and the select box would then update. So, my main question is...... Is there a javascript submit function that can change the destination of the form? Perhaps this should be in the javascript section! Hi all, I'm having this website www.justmarch.nl When surfing directly to this site, a black screen is presented, after an F5 it's loaded correctly. Is this caused because for some reason there's a missing document type declaration? Thanx in advance for any help! All I need to be able to do is take the number that is typed in by the customer to be multiplied by say .682 and pre-populate the form on the next page! Should be simple (maybe?) but I'm stumped yet again! Please note: the code ALREADY pre-populates the form on the next page. I simply need to be able to multiply it by .682 HTML Code: Pay Your Bill Online <br> <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="on0" value="Customer Number">Please Enter Your Customer Number: (Example: 99999999) <br><br> <input type="text" name="os0" /> <br><br> Enter Amount Due : (Example: nnn.nn) <br> <input type="text" name="amount" value=""> <br><br> <br><br> <input type="image" src="https://www.paypal.com//en_US/i/btn/x-click-but22.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!"> <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"> <input type="hidden" name="add" value="1"> <input type="hidden" name="cmd" value="_cart"> <input type="hidden" name="business" value="youremail@youremail.com"> <input type="hidden" name="item_name" value="Online Payment"> <input type="hidden" name="item_number" value="OLP-00001"> <input type="hidden" name="no_shipping" value="2"> <input type="hidden" name="shipping" value="0.00"> <input type="hidden" name="return" value="http://www.yourwebsite.com/successorder.html"> <input type="hidden" name="currency_code" value="USD"> <input type="hidden" name="lc" value="US"> <input type="hidden" name="bn" value="PP-ShopCartBF"> </form> I am using the following code to submit two forms at the same time - Code: <body onLoad="document.forms[0].submit();document.forms[1].submit();"> <form action="form1.php" method="post" target="_self"> <input type="hidden" name="value1" value="value1"> </form> <form action="form2.php" method="post" target="_blank"> <input type="hidden" name="value2" value="value2"> </form> </body> This does work and the current page goes to the first form's action, but the second form is opened in a new window. This is caused by the target="_blank" but if I don't include this, only the first form is sent. Is there any way I can make the second form run but not follow it (ie make it run in the 'background') or suppress the new window from opening? These two forms have to be separate and use POST, not GET. I only want to follow the first form. (That brings up another question - is it possible to not follow a form at all?) Thanks! |