|
JavaScript - Stop Tabs With Query Strings From Reloading Page
I have a set of tabs that are set with an href that adds a query string to the url such as "?t=1", meaning the first tab is selected.
Technically it works just fine but every time I click a tab it reloads the page and I'm not entirely sure how to stop this. I'm using a jquery plugin to handle the query strings. Here's the plugin. Here's the piece of the code that matters: Code: var url = location.search;
var tab = $.query.get('t');
init(tab);
function init(tab){
$("div.tab").hide(); //hides all the content boxes related to the tabs
$("div#tab"+tab).fadeIn("fast"); //Shows the selected tab's content box
setInactive(); //Styles unselected tabs
setActive(tab); //Styles selected tab
}
Any help would be greatly appreciated. Similar TutorialsHi, I know virtually nothing about js so here goes: I use the following script: Code: <script type="text/javascript">var showNav = false;var params='clubID=1784&compID=8041&leagueTable=y&orderTBCLast=Y&colour=147C99';var colour = '147C99';</script> The variable which needs to be called from another page is 'compID' - as I have about 20 competitions rather than hard-coding each page I hoped to generate this from the following: infocus/respage.php?cid=8041 <--- where I can change the compID from the 'calling' page. In my absolute naivety I thought I could simply change the code to this: Code: <script type="text/javascript">var showNav = false;var params='clubID=1784&compID=cid&leagueTable=y&orderTBCLast=Y&colour=147C99';var colour = '147C99';</script> But as the learned among you will realise this just doesnt work - any help appreciated! Hello all. I'm working with a simple shopping page. I basically need to add up all of the values that are found in my query string, and display them as a total on my page. I know how to retrieve each value individually, however I'm a little confused on how to add up the values that are only found in the query string. Please keep in mind, I'm very new to javascripting, and probably won't understand in-depth coding. I have a lot more code to go with this, but I don't think it's required for my question.. Any help would be appreciated! Code: <javascript>
var parameters = new Array( );
// <![CDATA[
var qs = document.location.search.substring( 1, document.location.search.length );
var params = qs.split( "&" );
for (var x=0 ; x < params.length ; x++) {
var pair = params[ x ].split( "=");
parameters.push( new Parameter( pair[ 0 ], pair[ 1 ] ) );
}
function get_parameter_value_for_name( name ) {
for( var x = 0 ; x < parameters.length ; x++) {
if( parameters[ x ].name == name) {
return parameters[ x ].name;
}
}
return " ";
}
function get_parameter_value_for_value( name ) {
for( var x = 0 ; x < parameters.length ; x++) {
if( parameters[ x ].name == name) {
return parameters[ x ].value;
}
}
return " " ;
}
//]]>
</script>
i am new to JS and need help in solving my code that's not reloading the page to download subcat list from db when you select the cat list? Any help is appreciable:
hi, I have a google map which shows a car moving along a line that it reads from xml. This is the code that moves the map and the car image: Code: // Returns the bearing in radians between two points.
function bearing( from, to ) {
// See T. Vincenty, Survey Review, 23, No 176, p 88-93,1975.
// Convert to radians.
var lat1 = from.latRadians();
var lon1 = from.lngRadians();
var lat2 = to.latRadians();
var lon2 = to.lngRadians();
// Compute the angle.
var angle = - Math.atan2( Math.sin( lon1 - lon2 ) * Math.cos( lat2 ), Math.cos( lat1 ) * Math.sin( lat2 ) - Math.sin( lat1 ) * Math.cos( lat2 ) * Math.cos( lon1 - lon2 ) );
if ( angle < 0.0 )
angle += Math.PI * 2.0;
if (angle == 0) {crash;}
return angle;
}
function plotcar() {
var cosa = Math.cos(angle);
var sina = Math.sin(angle);
canvas.clearRect(0,0,32,32);
canvas.save();
canvas.rotate(angle);
canvas.translate(16*sina+16*cosa,16*cosa-16*sina);
canvas.drawImage(img,-16,-16);
canvas.restore();
}
//=============== animation functions ======================
function animate(d) {
if (d>eol) {
return;
}
var p = poly.GetPointAtDistance(d);
if (k++>=180/step) {
map.panTo(p);
k=0;
}
map.panTo(p);
marker.setPoint(p);
if (supportsCanvas) {
if (poly.GetIndexAtDistance(d)>lastVertex) {
lastVertex = poly.GetIndexAtDistance(d);
if (lastVertex == poly.getVertexCount()) {
lastVertex -= 1;
}
while (poly.getVertex(lastVertex-2).equals(poly.getVertex(lastVertex-1))) {
lastVertex-=1;
}
angle = bearing(poly.getVertex(lastVertex-2),poly.getVertex(lastVertex-1) );
plotcar();
}
}
setTimeout("animate("+(d+step)+")", tick);
}
function startAnimation() {
eol=poly.Distance();
map.setCenter(poly.getVertex(0),16);
map.addOverlay(new GMarker(poly.getVertex(0),G_START_ICON));
map.addOverlay(new GMarker(poly.getVertex(poly.getVertexCount()-1),G_END_ICON));
if (supportsCanvas) {
marker = new ELabel(poly.getVertex(0), '<canvas id="carcanvas" width="32" height="32"><\/canvas>',null,new GSize(-16,16));
map.addOverlay(marker);
canvas = document.getElementById("carcanvas").getContext('2d');
var p0 = poly.getVertex(0);
var p1 = poly.getVertex(1);
angle = bearing(p1,p0);
plotcar();
} else {
marker = new GMarker(poly.getVertex(0),{icon:car});
map.addOverlay(marker);
}
poly2 = new GPolyline([poly.getVertex(0), poly.getVertex(1), poly.getVertex(2)], 0,0);
// map.addOverlay(poly2);
setTimeout("animate(0)",2000); // Allow time for the initial map display
}
It works fine as you can see here but the problem is that if the user clicks the button again without reloading the page, the map moves but the car remains at its last point. From what I can figure out, this means that the startAnimation() function has restarted but the animate(d) function has not restarted. but trying to call the animate(d) function from the button, where the startAnimation() gets called, he Code: <input type="button" onclick="startAnimation();return false;" value="show bus route 1"> results in an error that d is not defined. is there some way of resetting the animate(d) function when the startAnimation() function gets called, so everything goes back to the start? Or is there some other way of "refreshing" everything without reloading the page? thanks in advance. he everyone please i want to know how to submit a form using ajax every 5 minutes without reloading page i have a huge form for exams and i need to submit the form without the need to wait until pressing submit because the user may wait to think about the answer a very long time.. so i want to submit the form and at the same time i cant reload the page as it is in normal submit form.. so how i can submit form in the background without letting the user knows that the form is submitted??? Hey all, I'm trying to make it so that when a user clicks on a radio button, the image that is related to the radio button is displayed next to it (without reloading the page). At the moment all it shows is the image related to the currently saved option, which I'd like to keep on page load. Is this possible? If so, I'd appriciate any help. Here is my code for the radio buttons. Thanks. Code: <tr valign="top">
<td id="community-legal-services-logo-selection">
<p><label><?php _e('<strong class="table_tags">Display the following Community Legal Services logo:</strong>'); ?></p>
<p><label for="cls-mono">
<input class="" id="cls-mono" name="cls_logo" type="radio" value="cls_mono" <?php if($general_options['cls_logo'] === 'cls_mono'){ echo 'checked="checked"'; } ?> />
<?php _e('Mono'); ?></label>
</p>
<p><label for="cls-color">
<input class="" id="cls-color" name="cls_logo" type="radio" value="cls_color" <?php if($general_options['cls_logo'] === 'cls_color'){ echo 'checked="checked"'; } ?> />
<?php _e('Colour'); ?></label>
</p>
<p><label for="cls-none">
<input class="" id="cls-none" name="cls_logo" type="radio" value="cls_none" <?php if($general_options['cls_logo'] === 'cls_none'){ echo 'checked="checked"'; } ?> />
<?php _e('None'); ?></label>
</p>
<p>
<label><?php _e('<span class="table_tags">Link to the Community Legal Services website<span>'); ?></label>
</p>
<p>
<input class="large_input_box" id="cls-link" name="cls_link" type="text" value="<?php echo $general_options['cls_link']; ?>" /></label>
</p>
</td>
<?php if($general_options['cls_logo'] && $general_options['cls_logo'] !== 'cls_none'){ ?>
<td>
<img id="community-legal-services-logo-preview" class="image-preview" src="<?php echo $general_options['cls_logo_path']?>" />
</td>
<?php } ?>
</tr>
Hi, I am using javascript function for refreshing html page. I have used [window.location.reload(true);] method to reload page from server. This code works if i use it by using Link/button etc. For Example: <input type="button" value="Refresh" onclick="window.location.reload(true);" /> But i want to refresh page when page loads. For Example: <body onload = "window.location.reload(true);> But this time, page reloads in an infinite loop. i don't know why... I have also used following function (against body onLoad) to reload and then stop, but this also does'nt work. function doLoad(){ var timeoutId = setTimeout( window.location.reload(true), 1000 ); window.clearTimeout(timeoutID); } Is there a way to stop reloading page after one refresh ? Thanks... Is there anyway to stop the page 'jumping to the top' when using a link like the below? Code: <a href="#" onClick="arrangeCards();">blah</a> .. I just want it to stay in the same position on the page & not jump to the top of the page every time a link like that is clicked. Cheers! when i click on submit button, all the data in form will be inserted into my db. but when i click on refresh the form will be submitted again .. how can i prevent this?
hi everyone, Here's part of the codes I got from our website. Right now, when someone wants to register on our website, they have to put into the Captcha after they finish all the other information. If the captcha is empty, there would be an alert; if it's wrong, the page would be refreshed, and there would be another alert, and at the same time, all the information would be lost and they have to fill them again. Now the question is, how can I stop the page refreshing itself? All I need is an alert and then you could retype the captcha without losing the other information. Thank you in advance for your advice! <script type="text/javascript"> function ltrim(stringToTrim) { return stringToTrim.replace(/^\s+/,""); } function validateForm() { var okSoFar=true with (document.practitioner_profile) { if (firstname.value=="" && okSoFar) { okSoFar=false alert("Please enter your first name.") firstname.focus() } if (lastname.value=="" && okSoFar) { okSoFar=false alert("Please enter your last name.") lastname.focus() } //some other things here... if (verify_code.value=="" && okSoFar) { okSoFar=false alert("Please enter your security code.") verify_code.focus() } if (okSoFar==true) submit(); } } //here's the submit button in the html code, <div class="practsubmit"> <div class="signupform"><h4>* Security Code:</h4> <p>Please type in what you see in the box below and press submit. Characters are case-sensitive.</p></div> <div class="signupform"><img id="captcha" src="index.php?option=com_egbcaptcha&width=150&height=50&characters=5" /><br /><input id="verify_code" name="verify_code" type="text" /></div> <input type="button" class="button" value="Send" name="B1" ONCLICK="javascript:validateForm()"> <input type="reset" class="button" value="Clear" name="clear"> </div> I'm attaching my php test file but this is a JS problem. When I scroll down in the web page and the meta refresh hits, in Windows Safari and IE6/7/8 browsers, the web page re-positions back to the top. In Opera and FF the page refreshes but it stays where it is. Can someone look at my test script and see why it is not working in IE and Win Safari? My goal is to have the web page not re-position to the top on the auto refresh. Thanks... Apologies for the confusing title. I have a scipt Code: ....style: google.maps.NavigationControlStyle.SMALL
}
});
<?
$query = mysql_query("SELECT * FROM `family_support` WHERE 1");
while ($row = mysql_fetch_array($query)){
$org_name=$row['org_name'];
$lat=$row['lat'];
$long=$row['long'];
$org_address=$row['org_address'];
echo ("addMarker($lat, $long,'<b>$org_name</b><br/>$org_address');\n");
}
?>
center = bounds.getCenter();
map.fitBounds(bounds);
}
</script>
I want the $query to be the same as another query set up further down the page; Code: $sql_result= "SELECT * FROM family_support WHERE org_name LIKE '%$org_name%'";
if ($area != 'All') {
$sql_result .=" AND area LIKE '%$area%'";
}
if ($services != 'All') {
$sql_result .=" AND services LIKE '%$services%'";
}
if ($hardiker != 'All') {
$sql_result .=" AND hardiker = '$hardiker'";
}
My php is dire and help with putting these together would help me display markers on a map for all results from a search form rather than display all records within the db as is happening at present.... Also would I need to move the script from the head tag? Probably a stupid noob question, is there any way I can stop document.write from outputting info to a new page I would prefer to have it shown in a textarea. Info from an array that is suppose to display in a text area when button is clicked and when another button is clicked it is suppose to show some other info. But what happens is the first info displays in textarea for a few seconds and then the second info is displayed but on a new page and not the textarea where I want it to go I have marked code within the code // I want this specific code to be displayed second but I know its in the wrong spot. Here is the code [CODE] function show() { var myArray = new Array(); myArray[0] = document.getElementById('fullname').value; ' myArray[1] = document.getElementById('address').value; myArray[2] = document.getElementById('phone').value; myArray[3] = document.getElementById('email').value; //Code I want to display second in the textarea //var string = myArray.join("\n") //document.getElementById('textarea').value = string; document.writeln('Thank you for registering,' + ' ' + myArray[0] + '. Your membership will be confirmed by E-mail to ' + myArray[2] + "<br>"); document.writeln('Registration Details:') document.writeln("<br>") for (var i=0; i<myArray.length; i++) { document.write(myArray[i] + "<br>"); } } [\CODE] Thanks in advance Hello there I've been searching and searching but couldn't make this script stop reseting after reloading the page. The scripts counts down some timers every x hours but the problem is that each time the page is reloaded the timer resets. Could anyone help me here how to keep the countdown going even if i reload page? thanks in advance I call the timers with. Example Timer 8: >div... etc id="timeLeft8" Code: <script type="text/javascript">
var events = new Array();
events[1]={name: 'Blood Castle:', startUp: new Array(
{hour:0,minute:25},
{hour:2,minute:25},
{hour:4,minute:25},
{hour:6,minute:25},
{hour:8,minute:25},
{hour:10,minute:25},
{hour:12,minute:25},
{hour:14,minute:25},
{hour:16,minute:25},
{hour:18,minute:25},
{hour:20,minute:25},
{hour:22,minute:25}
)}
events[2]={name: 'Devil Squa ', startUp: new Array(
{hour:1,minute:55},
{hour:3,minute:55},
{hour:5,minute:55},
{hour:7,minute:55},
{hour:9,minute:55},
{hour:11,minute:55},
{hour:13,minute:55},
{hour:15,minute:55},
{hour:17,minute:55},
{hour:19,minute:55},
{hour:21,minute:55},
{hour:23,minute:55}
)}
events[3]={name: 'Chaos Castle:', startUp: new Array(
{hour:0,minute:55},
{hour:2,minute:55},
{hour:4,minute:55},
{hour:6,minute:55},
{hour:8,minute:55},
{hour:10,minute:55},
{hour:12,minute:55},
{hour:14,minute:55},
{hour:16,minute:55},
{hour:18,minute:55},
{hour:20,minute:55},
{hour:22,minute:55}
)}
events[4]={name: 'Red Dragon:', startUp: new Array(
{hour:0,minute:0},
{hour:2,minute:0},
{hour:4,minute:0},
{hour:6,minute:0},
{hour:8,minute:0},
{hour:10,minute:0},
{hour:12,minute:0},
{hour:14,minute:0},
{hour:16,minute:0},
{hour:18,minute:0},
{hour:20,minute:0},
{hour:22,minute:0}
)}
events[5]={name: 'Gold Invasion:', startUp: new Array(
{hour:0,minute:0},
{hour:2,minute:0},
{hour:4,minute:0},
{hour:6,minute:0},
{hour:8,minute:0},
{hour:10,minute:0},
{hour:12,minute:0},
{hour:14,minute:0},
{hour:16,minute:0},
{hour:18,minute:0},
{hour:20,minute:0},
{hour:22,minute:0}
)}
events[6]={name: 'White Wizard:', startUp: new Array(
{hour:0,minute:0},
{hour:2,minute:0},
{hour:4,minute:0},
{hour:6,minute:0},
{hour:8,minute:0},
{hour:10,minute:0},
{hour:12,minute:0},
{hour:14,minute:0},
{hour:16,minute:0},
{hour:18,minute:0},
{hour:20,minute:0},
{hour:22,minute:0}
)}
events[7]={name: 'Blue:', startUp: new Array(
{hour:0,minute:40},
{hour:1,minute:40},
{hour:2,minute:40},
{hour:3,minute:40},
{hour:4,minute:40},
{hour:5,minute:40},
{hour:6,minute:40},
{hour:7,minute:40},
{hour:8,minute:40},
{hour:9,minute:40},
{hour:10,minute:40},
{hour:11,minute:40},
{hour:12,minute:40},
{hour:13,minute:40},
{hour:14,minute:40},
{hour:15,minute:40},
{hour:16,minute:40},
{hour:17,minute:40},
{hour:18,minute:40},
{hour:19,minute:40},
{hour:20,minute:40},
{hour:21,minute:40},
{hour:22,minute:40},
{hour:23,minute:40},
{hour:24,minute:40}
)}
events[7]={name: 'Hide&Seek:', startUp: new Array(
{hour:0,minute:42},
{hour:1,minute:22},
{hour:2,minute:32},
{hour:3,minute:42},
{hour:4,minute:52},
{hour:6,minute:02},
{hour:7,minute:12},
{hour:8,minute:22},
{hour:9,minute:32},
{hour:10,minute:42},
{hour:11,minute:52},
{hour:13,minute:02},
{hour:14,minute:12},
{hour:15,minute:22},
{hour:16,minute:32},
{hour:17,minute:42},
{hour:18,minute:52},
{hour:20,minute:02},
{hour:21,minute:12},
{hour:22,minute:22},
{hour:23,minute:32}
)}
events[8]={name: 'Sky:', startUp: new Array(
{hour:1,minute:5},
{hour:4,minute:5},
{hour:7,minute:5},
{hour:10,minute:5},
{hour:13,minute:5},
{hour:16,minute:5},
{hour:19,minute:5},
{hour:23,minute:5}
)}
events[9]={name: 'Boss Attack:', startUp: new Array(
{hour:1,minute:50},
{hour:4,minute:50},
{hour:7,minute:50},
{hour:10,minute:50},
{hour:13,minute:50},
{hour:16,minute:50},
{hour:23,minute:50}
)}
events[10]={name: 'Happy Hour:', startUp: new Array(
{hour:5,minute:5},
{hour:2,minute:5},
{hour:8,minute:5},
{hour:11,minute:5},
{hour:14,minute:5},
{hour:17,minute:5},
{hour:20,minute:5},
{hour:0,minute:5}
)}
events[11]={name: 'Hit and Up:', startUp: new Array(
{hour:0,minute:20},
{hour:2,minute:20},
{hour:5,minute:20},
{hour:8,minute:20},
{hour:11,minute:20},
{hour:14,minute:20},
{hour:20,minute:20}
)}
events[12]={name: 'Raklion:', startUp: new Array(
{hour:0,minute:15},
{hour:3,minute:15},
{hour:6,minute:15},
{hour:9,minute:15},
{hour:12,minute:15},
{hour:15,minute:15},
{hour:18,minute:15},
{hour:21,minute:15}
)}
events[13]={name: 'Moss:', startUp: new Array(
{hour:3,minute:35},
{hour:7,minute:35},
{hour:11,minute:35},
{hour:15,minute:35},
{hour:19,minute:35},
{hour:23,minute:35}
)}
events[14]={name: 'Illusion Temple:', startUp: new Array(
{hour:0,minute:25},
{hour:1,minute:25},
{hour:2,minute:25},
{hour:3,minute:25},
{hour:4,minute:25},
{hour:5,minute:25},
{hour:6,minute:25},
{hour:7,minute:25},
{hour:8,minute:25},
{hour:9,minute:25},
{hour:10,minute:25},
{hour:11,minute:25},
{hour:12,minute:25},
{hour:13,minute:25},
{hour:14,minute:25},
{hour:15,minute:25},
{hour:16,minute:25},
{hour:17,minute:25},
{hour:18,minute:25},
{hour:19,minute:25},
{hour:20,minute:25},
{hour:21,minute:25},
{hour:22,minute:25},
{hour:23,minute:25},
{hour:24,minute:25}
)}
events[15]={name: 'Castle Deep:', startUp: new Array(
{hour:1,minute:25},
{hour:7,minute:25},
{hour:13,minute:25},
{hour:19,minute:25}
)}
events[16]={name: 'CryWolf:', startUp: new Array(
{hour:1,minute:45},
{hour:4,minute:45},
{hour:7,minute:45},
{hour:10,minute:45},
{hour:13,minute:45},
{hour:16,minute:20},
{hour:19,minute:45},
{hour:22,minute:45}
)}
var curTime=1336998502
var dateTime=1336953600
function timeLeft(i){
for(j in events[i].startUp){
tmp=events[i].startUp[j].hour*3600+events[i].startUp[j].minute*60
if(dateTime+tmp>curTime){
return dateTime+tmp-curTime;
}
}
tmp=events[i].startUp[0].hour*3600+events[i].startUp[0].minute*60
return dateTime+86400+tmp-curTime;
}
function getFormatedLeftTime($seconds){
$second = $seconds % 60;
$minutes = parseInt(($seconds / 60) % 60);
$hour = parseInt(($seconds / 3600) % 24);
$days = parseInt($seconds / (24 * 3600));
$ret = '';
if ($days > 0)
if ($days == 1) $ret += '1 day ';
else $ret += $days + ' days ';
if ($hour > 0){
if ($hour < 10) $hour = '0' + $hour;
$ret += $hour + ':';
}else if ($days > 0) $ret += '00:';
if($minutes < 10) $minutes = '0' + $minutes;
$ret += $minutes + ':';
if ($second < 10) $second = '0' + $second;
$ret += $second;
return $ret;
}
function updateTimes(){
curTime++;
for (i in events){
document.getElementById("timeLeft"+i).innerHTML=getFormatedLeftTime(timeLeft(i));
}
}
for(i in events)
document.getElementById("eventList").innerHTML+="<div style='float:right; color: #FFFF00;' id='timeLeft"+i+"'>"+getFormatedLeftTime(timeLeft(i))+"</div><div style=\"color: #00FFFF;\"><strong>"+events[i].name+"</strong></div>";
setInterval("updateTimes()", 1000);
</script>
hi, everyone, I'm struggling to figure out how to make my image automatically reload. particularly when the image is randomly selected from a folder. The timing seem to work as the first image disappear after 5 seconds as dictated in the first JavaScript but it simply stays black. Why is the next images not being loaded? http://www.lost-ear-studio.com I'm new with JavaScript big time and tonight is the first time I've really dived into it. Thank you for any advice. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lost Ear Studio</title><link rel="stylesheet" href="style.css" type="text/css" />
<script type="text/javascript">
window.onload = startInterval;
function startInterval()
{
setInterval("startTime();",5000);
}
function startTime()
{
document.getElementById('time').innerHTML = Date();
}
</script>
<script type="text/javascript">
function resizeToMax(id){
myImage = new Image()
var img = document.getElementById(id);
myImage.src = img.src;
if(myImage.width > myImage.height){
img.style.width = "100%";
} else {
img.style.height = "100%";
}
}
</script>
</head>
<body>
<div id="time">
<script type="text/javascript" language="JavaScript">
NumberOfImagesToRotate = 107;
FirstPart = '<img id="bg" src="images/bg/bg_';
LastPart = '.jpg" onload="resizeToMax(this.id)">';
function printImage() {
var r = Math.ceil(Math.random() * NumberOfImagesToRotate);
document.write(FirstPart + r + LastPart);
}
</script>
<script type="text/javascript" language="JavaScript">
printImage();
</script>
</div>
Hi there. 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 <script src="http://www.dgdevelco.com/quotes/quotestxt.js"></script>. Here is the entire code: <html> <head> <title>Form</title> <style> body { margin: 0; width: 130px; height: 400px; background-image: url(bg.jpg); } </style> <script type="text/javascript"> /*Enable Gadget Setting Functionality.*/ System.Gadget.settingsUI="settings.html"; </script> </head> <g:background style="position:absolute;top:0;left:0;z-index:-999;no=repeat;" /> <form name="Form"> <table width="128" style="position: absolute; left: 1px; top: 1px;"> <tr> <td><input type="checkbox" name="item" value="01"></td> <td style="font-family: 'Arial Narrow'; font-size: 10px;">Item 1</td> </tr> <tr> <td><input type="checkbox" name="item" value="02"></td> <td style="font-family: 'Arial Narrow'; font-size: 10px;">Item 2</td> </tr> <tr> <td><input type="checkbox" name="item" value="03"></td> <td style="font-family: 'Arial Narrow'; font-size: 10px;">Item 3</td> </tr> <tr> <td><input type="checkbox" name="item" value="04"></td> <td style="font-family: 'Arial Narrow'; font-size: 10px;">Item 4</td> </tr> <tr> <td><input type="checkbox" name="item" value="05"></td> <td style="font-family: 'Arial Narrow'; font-size: 10px;">Item 5</td> </tr> <tr> <td><input type="checkbox" name="item" value="06"></td> <td style="font-family: 'Arial Narrow'; font-size: 10px;">Item 6</td> </tr> <tr> <td><input type="checkbox" name="item" value="07"></td> <td style="font-family: 'Arial Narrow'; font-size: 10px;">Item 7</td> </tr> <tr> <td><input type="checkbox" name="item" value="08"></td> <td style="font-family: 'Arial Narrow'; font-size: 10px;">Item 8</td> </tr> <tr> <td><input type="checkbox" name="item" value="09"></td> <td style="font-family: 'Arial Narrow'; font-size: 10px;">Item 9</td> </tr> <tr> <td><input type="checkbox" name="item" value="10"></td> <td style="font-family: 'Arial Narrow'; font-size: 10px;">Item 10</td> </tr> <tr> <td colspan="2"> <input type="submit" value="Submit" style="font-family: 'Arial Narrow'; font-size: 10px; float: left;"> <input type="reset" value="Reset" style="font-family: 'Arial Narrow'; font-size: 10px; float: right;"> </td> </tr> <tr> <td colspan="2" align="right"> <input type="button" name="Report" value="Report" style="font-family: 'Arial Narrow'; font-size: 10px;"> </td> </tr> <tr> <td colspan="2"> <font style="font-family: 'Arial Narrow'; font-size: 10px; text-align: center;"> <script src="http://www.dgdevelco.com/quotes/quotestxt.js"></script> </font </td> </tr> </table> </body> </html> I have tried iframe and while it looks nice for text wrapping, it will still reload the entire gadget. Any suggestions (preferably simple so my little mind and wrap around it) would be great! Thanks for looking. :) how can refresh my website without interrupting of main content. suppose user reading a post in my website . during that i want to refresh my ads in my website without interrupting of main content. ex: go this link. http://www.novamov.com/video/xl58zuy4sd1a9 in this page site will automatically refreshes the ads every 1 minute without interrupting of main content. how can i do that in same manner. please help me. I started on the following page (part of an asp.net solution), but the damned thing keeps reloading. Anyone able to spot the problem? Cheers! Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
Untitled Page
</title></head>
<body>
<form name="form1" method="post" action="jstest3.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEwMjYxNzg2NjFkZMc95XPGgLBVJLhpE9SpA+WIaf+s" />
</div>
<div>
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAwKUmIGgCgLs0bLrBgKM54rGBm+z7+T68pYhg8H9O6b/Ex0HpZ0A" />
</div>
<div>
<input name="TextBox1" type="text" id="TextBox1" />
<input type="submit" name="Button1" value="Button" id="Button1" />
<script language="javascript" type="text/javascript">
if (parent != null) {
tb = parent.document.getElementById("TextBox");
tbLocal = document.getElementById('TextBox1');
if (tb != null)
tbLocal.value = tb.value;
btn = document.getElementById('Button1');
if (btn != null)
btn.click();
}
</script>
</div>
</form>
</body>
</html>
|
|||||||