|
HTML - Refresh Page Without Loosing Form Elements
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! Similar TutorialsHi All, I want to refresh the contents of IFrame without refreshing the whole page.....How is it possible... How do I make element's change their height automatically depending on whether they have anything contained within them? My page background is a div's bg image but the div hasn't expanded to the size of the contained elements. The div's name is nicola-bg Here is the site I have the same problem too with #image-section. That div is styled to have large borders but the borders don't extend to the height of the div's containing elements. Hello all, I would like to add a basic table to my webpage, it's within < div > tags. Unfortunately, the table looses all formatting. Inside the div tags, the text looks good, but the table elements go back to the standard Times new Roman. Can anyone help me? Many thanks! Basically what I want is a floating table head that follows you around when you scroll the table. Did all that, but the problem is that you need to cut out the head of the table to make it float. The problem comes where you have a table that has no column width set so the column width is determined by the content of tbody. I'm trying to make the browsers keep rendering the entire table, but hide the tbody so the columns won't loose their widths. It works fine in Mozilla and Opera, but IE has problems. Here is the code: HTML Code: <html>
<head>
<style type="text/css">
table
{
border-collapse: collapse;
}
tbody td
{
line-height: 0px;
visibility: hidden;
}
</style>
</head>
<body>
<table id="table_test"
border="0" cellpadding="0" cellspacing="0"
style="background-color: red;">
<thead>
<tr>
<th>column1</th>
<th>column2</th>
<th>column3</th>
<th>column4</th>
<th>column5</th>
<th>column6</th>
<th>column7</th>
</tr>
</thead>
<tbody>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
<tr>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>nekaj</td>
<td>pac</td>
<td>mora</td>
<td>mora</td>
</tr>
</tbody>
</table>
</body>
</html>
And the result can be seen in the attached picture. Any ideas how to solve this or another way to preserve the thead column widths? 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. 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 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... 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 ? 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 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>
I'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 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. 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. 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 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 all, I'm looking for ways, how I can avoid multiple form submissions, when a user repeatedly (intentionally or not) refresh the browser (F5 button) after submitting a form? The input in my form is simply an email address. Nothing else. It is used for forgot password function. I have tried unset or set the $_POST['email'] to empty, but it doesn't help. Is there a clever way to do this? |
|||||||