|
JavaScript - Belated Png Only Works On Shift + Refresh?
I am at my wits end! I've added DD belated PNG to nearly every site I've ever made with little or no problems, suddenly it's being super-extra mean to me. It will only load PNGs correctly if you clear your cache when refreshing the page (shift + refresh). Check it out at the link below (obfuscated so google doesn't index the site):
http://ow.ly/758Dp Here's the script: PHP Code: <!--[if IE 6]> <script src="/~onsite/js/DD_belatedPNG.js"></script> <script> DD_belatedPNG.fix('.shadow, #header_wrapper, header, header a, .slideshow h1, .pager_wrapper, #upcoming_wrapper, li.menuTools a, li.menuRSS a, .eDetailShareE, .saveToCal a, #services_wrapper, #services li'); </script> <![endif]--> What am I doing wrong here? Thanks so much for any help! NOTE: Just so everyone's aware, this is an IE6 only script that is supposed to fix PNG transparencies, so you'll need to look at it in IE6 to see the problems. Similar TutorialsHi, I have the below code: Code: <script type="text/javascript">
function loadQuickMessageCheck(File,ID){
var xmlhttp;
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
}
else {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById(ID).innerHTML=xmlhttp.responseText;
eucalyptus = setInterval(function(){loadQuickMessageCheck(File,ID)},20000);
}
}
xmlhttp.open("POST",File,true);
xmlhttp.send();
}
</script>
But I am overloading the server and crashing it. I've googled the issue and have found people with similar problems who talk about the need to cancel the last refresh request before they send the next refresh. I even found this nice piece of code which worked for someone else. Quote: try{window.clearTimeout(tRefresh)} catch(err) {} tRefresh = setInterval(setContext, varInterval*60*1000); } I am not sure if this is the solution that I am looking for but if it is all my attempts at applying this code has been a bit of a disaster. I've got a div named "iframe_container". Inside it are an iframe used to display floor maps and another div named "compass_rose". I have a function that moves compass_rose around the map based on an office number. Now iframe_container is scrollable, it's only big enough to display about 2/3 of the map at any one time. I designed it that way to properly fit in the sharepoint site it's going in. To help some of our less tech savvy users it would be nice if iframe_container would automatically shift its view to keep the compass_rose visible at all times. Can that be done? Thanks. <div id="iframe_container" style="width:1000px; height:635px; position: relative; overflow:hidden"> <div id="compass_rose" style="top: 10px; left: 10px; position: absolute; z-index: 2; visibility:hidden;"><img alt="Compass Rose" src="compass_rose_animated2.gif" width="80" height="80" /></div> <iframe id="viewer" width="1600" height="635" src="front_page2.jpg" marginwidth="1" marginheight="1" name="viewer" scrolling="no"></iframe> </div> Hi all, I am having a problem with the following code: js Code: function encrypt() {
var char, encryptedoutput = "", rawinput, shiftamt;
rawinput = document.getElementById("inputinfo").value;
shiftamt = document.getElementById("shiftamt").value;
for (i = 0; i < rawinput.length; i++) {
char = rawinput.charCodeAt(i);
if (char >= 65 && char <= 90) encryptedoutput += String.fromCharCode((char - 65 + shiftamt) % 26 + 65);
else if (char >= 97 && char <= 122) encryptedoutput += String.fromCharCode((char - 97 + shiftamt) % 26 + 97);
else encryptedoutput += rawinput.charAt(i);
}
document.getElementById("outputinfo").value = encryptedoutput;
}
function decrypt() {
var encryptedchar, decryptedoutput = "", cipherinput, shiftamt;
cipherinput = document.getElementById("inputinfo").value;
shiftamt = document.getElementById("shiftamt").value;
shiftamt = (26 - shiftamt) % 26;
for (z = 0; z < cipherinput.length; z++) {
encryptedchar = cipherinput.charCodeAt(z);
if (encryptedchar >= 65 && encryptedchar <= 90) decryptedoutput += String.fromCharCode((encryptedchar - 65 - shiftamt) % 26 + 65);
else if (char >= 97 && encryptedchar <= 122) decryptedoutput += String.fromCharCode((encryptedchar - 97 - shiftamt) % 26 + 97);
else decryptedoutput += cipherinput.charAt(z);
}
document.getElementById("outputinfo").value = decryptedoutput;
}
function formReset() {
document.getElementById("cryptoform").reset();
}
html Code: <script type="text/javascript" src="/crypto/caesar.js"></script>
<form name="cryptoform" id="cryptoform">
<div id="inputside">
Input:<br /><br />
<textarea rows="30" cols="50" name="inputinfo" id="inputinfo"></textarea><br /><br />
Shift amount for encryption or decryption:
<select name="shiftamt" id="shiftamt" size="1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option selected="selected" value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
</select>
<br /><br />
<input type="button" value="Apply Shift" onClick="encrypt()" />
<input type="button" value="Reverse Shift" onClick="decrypt()" /><br /><br />
</div>
<div id="outputside">
Output:<br /><br />
<textarea rows="30" cols="50" name="outputinfo" id="outputinfo" readonly="readonly"></textarea><br /><br /><br /><br /><br /><br />
</div>
<div id="buttonarea">
<input type="button" value="Clear Fields" onClick="formReset(); return false;" />
</div>
</form>
I intend for the code to implement a simple caesar shift by the selected value. For example, with a shift of 1, a = b, b = c, c = d, etc. The problem I am having is that the letter A converts as it should but the other letters do not. For instance, applying a shift of 1, B is converted to L instead of C, C is converted to V instead of D. With a shift of 13, ABC produces NJF. Again, A is correct but the others are wrong, but by a different degree this time. Also, my reverse shift (decrypt) function does not work. If I remove the .value codes from the encrypt function then the decrypt function works. I am guessing there is a problem manipulating the same form components with different functions. It seems that the charCodeAt() values are being produced correctly, checking them by outputing them. If anyone has any ideas let me know. I have been working on projects like this just for fun in an attempt to improve upon my js knowledge/ability. to see the unexpected page shift in action go to http://lawlocaust.net/gamerverse/ while hovering over the banner u can use the arrow keys to navigate the UI and the page will shift in firefox HTML 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" xml:lang="en" lang="en">
<head>
<title>GamerVerse</title>
<link rel="stylesheet" type="text/css" href="<?php echo $domain; ?>gamerverse.css" />
<?php include('children.php'); ?>
<script type="text/javascript" src="gamerverse.js">
</script>
</head>
<?php include('top.php'); ?>
top.php Code: <body onload="javascript: initialize()">
<div id="bgimgwrap">
<img id="bgimg" src="<?php echo $domain; ?>mainbg.jpg" alt="" />
</div>
<div id="cursor"> </div>
<div class="header" id="header" onmouseover="activatekeys()" onmouseout="deactivatekeys()">
<div class="menu">
<ul>
<li><a href="#" onclick="javascript: jumpto(0)">Home</a></li>
<li><a href="#" onclick="javascript: jumpto(1)">Users</a></li>
<li><a href="#" onclick="javascript: jumpto(2)">Games</a></li>
<li><a href="#" onclick="javascript: jumpto(3)">New Stuff</a></li>
<li><a href="#" onclick="javascript: jumpto(4)">Forum</a></li>
<li><a href="#" onclick="javascript: jumpto(5)">Guilds</a></li>
<li><a href="#" onclick="javascript: jumpto(6)">Store</a></li>
</ul>
<div style="float: right; width: 100px;">
X: <span id="myx"> </span>
Y: <span id="myy"> </span>
</div>
</div>
<div class="childarea">
<div id="child0"><a href="#" onclick="">child0</a><a href="#" onclick="">child1</a></div>
<div id="child1"><a href="#" onclick="">child1</a><a href="#" onclick="">child1</a></div>
<div id="child2"><a href="#" onclick="">child2</a><a href="#" onclick="">child1</a></div>
<div id="child3"><a href="#" onclick="">child3</a><a href="#" onclick="">child1</a></div>
<div id="child4"><a href="#" onclick="">child4</a><a href="#" onclick="">child1</a></div>
<div id="child5"><a href="#" onclick="">child5</a><a href="#" onclick="">child1</a></div>
<div id="child6"><a href="#" onclick="">child6</a><a href="#" onclick="">child1</a></div>
</div>
<img src="<?php echo $domain; ?>banner.png" alt="" />
</div>
<div class="page" id="page">
<table cellspacing="0px"; cellpadding="0px" id="main">
<tr>
<td><div><?php include('home.php'); ?></div></td><td><div><?php include('users.php'); ?></div></td><td><div><?php include('games.php'); ?></div></td><td><div><?php include('new.php'); ?></div></td><td><div><?php include('forum.php'); ?></div></td><td><div><?php include('guilds.php'); ?></div></td><td><div><?php include('store.php'); ?></div></td>
</tr>
</table>
</div>
<div id="child"><div id="kid0"><?php echo $homekid; ?></div><div id="kid1"><?php echo $userskid; ?></div><div id="kid2"><?php echo $gameskid; ?></div><div id="kid3"><?php echo $newkid; ?></div><div id="kid4"><?php echo $forumkid; ?></div><div id="kid5"><?php echo $guildskid; ?></div><div id="kid6"><?php echo $storekid; ?></div></div>
CSS Code: body {
background: black;
color: white;
width: 100%;
height: 100%;
overflow: hidden;
}
* {
padding: 0px;
margin: 0px;
}
#bgimgwrap {
position: absolute;
z-index: 1;
top: 0;
left: 0;
}
.header {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 2;
text-align: center;
}
.menu {
width: 100%;
text-align: center;
margin: auto;
padding: 0px 0px 4px 0px;
}
.menu li {
display: inline;
margin-left: 0px;
float: left;
}
.menu a {
display: block;
width: 100px;
height: 20px;
line-height: 20px;
color: white;
text-decoration: none;
margin-left: 0px;
border-bottom: 1px solid white;
border-right: 1px solid white;
}
.menu a:hover {
color: black;
}
.page {
position: absolute;
left: 0;
}
#cursor {
display: block;
position: absolute;
top: 0;
width: 100px;
height: 20px;
background: red;
opacity:0.4;
filter:alpha(opacity=40);
z-index: 11;
}
td {
overflow: hidden;
background: #6faae4 url(right.png) repeat-y 100% 0%;
padding: 0px 25px 0px 25px;
}
td:before {
display: block;
content: url(topleft.png);
background: url(topright.png) no-repeat 100% 0%;
height: 25px;
margin: 0px -25px 0px -25px;
}
td:after {
display: block;
content: url(bottomleft.png);
background: url(bottomright.png) no-repeat 100% 0%;
height: 25px;
margin: 0px -25px 0px -25px;
}
td div:first-child {
background: #3d74aa;
border: 4px outset #c6c6c6;
overflow: hidden;
}
#child {
position: absolute;
left: 0px;
width: 100%;
}
#kid0 {
display: none;
}
#kid1 {
display: none;
}
#kid2 {
display: none;
}
#kid3 {
display: none;
}
#kid4 {
display: none;
}
#kid5 {
display: none;
}
#kid6 {
display: none;
}
.childarea {
width: 100%;
height: 20px;
margin-top: 17px;
}
.childarea div {
display: none;
}
.childarea a {
display: inline-block;
width: 100px;
height: 20px;
line-height: 20px;
color: white;
text-decoration: none;
margin-left: 0px;
border-bottom: 1px solid white;
border-right: 1px solid white;
}
.childarea a:hover {
color: black;
}
#child0 {
position: absolute;
left: 0px;
}
#child1 {
position: absolute;
left: 101px;
}
#child2 {
position: absolute;
left: 202px;
}
#child3 {
position: absolute;
left: 303px;
}
#child4 {
position: absolute;
left: 404px;
}
#child5 {
position: absolute;
left: 505px;
}
#child6 {
position: absolute;
left: 606px;
}
javascript Code: //sets the global variables
function initialize()
{
//alert(navigator.appName+' '+navigator.appCodeName+' '+navigator.appVersion);
window.bgimg = document.getElementById('bgimg');
window.bgimgwrap = document.getElementById('bgimgwrap');
window.header = document.getElementById('header');
window.page = document.getElementById('page');
window.main = document.getElementById('main');
window.child = document.getElementById('child');
window.cursor = document.getElementById('cursor');
window.childqty = new Array();
window.childqty[0] = 2 - 1;
window.childqty[1] = 2 - 1;
window.childqty[2] = 2 - 1;
window.childqty[3] = 2 - 1;
window.childqty[4] = 2 - 1;
window.childqty[5] = 2 - 1;
window.childqty[6] = 2 - 1;
get_dims();
}
//adjusts various elements to make the site fluid
function get_dims()
{
winH = getH();
winW = getW();
bgimg.width = header.offsetWidth;
bgimg.height = header.offsetHeight;
bgimgwrap.width = header.offsetWidth;
bgimgwrap.height = header.offsetHeight;
var h = header.offsetHeight;
page.style.top = h+"px";
main.style.width = (winW*7)+"px";
child.style.top = winH+"px";
child.height = (winH-h)+"px";
var td = document.getElementsByTagName('td');
for(i = 0; i < td.length; i++)
{
td[i].width = winW+"px";
td[i].style.height = (winH-h)+"px";
td[i].firstChild.style.height = ((winH-h)-58)+"px";
td[i].firstChild.style.width = ((winW - (td[i].firstChild.offsetLeft*2))-8)+"px";
}
}
//gets the height of the window
function getH()
{
var winH = 0;
if (navigator.appName.indexOf("Microsoft")!=-1)
{
winH = document.documentElement.clientHeight;
}
else
{
winH = window.innerHeight;
}
return winH;
}
//gets the width of the window
function getW()
{
var winW = 0;
if (navigator.appName.indexOf("Microsoft")!=-1)
{
winW = document.documentElement.clientWidth;
}
else
{
winW = window.innerWidth;
}
return winW;
}
//the keydown action script
function move(c)
{
c = c || window.Event;
var k = c.which;
if(!k)
{
var k = c.charCode;
}
if(!k)
{
var k = c.keyCode;
}
var winW = getW();
var winH = getH();
var h = header.offsetHeight;
winH = winH - h;
switch(k)
{
case 37:
var thing = pos_check();
if(thing == "parent")
{
if(page.offsetLeft != 0)
{
slide('right', 0);
cursormove('right', 0);
}
}
else
{
slidekid('right', 0);
}
break;
case 38:
var thing = pos_check();
if(thing == "child"){ ditchkids(); }
break;
case 39:
var thing = pos_check();
if(thing == "parent")
{
if(page.offsetLeft != -(winW*6))
{
slide('left', 0);
cursormove('left', 0);
}
}
else
{
slidekid('left', 0);
}
break;
case 40:
var thing = pos_check();
if(thing == "parent"){ getkids(); }
break;
case 116:
window.location.reload();
break;
default:
break;
}
}
//move the page left or right
function slide(dir, i)
{
var w = getW();
if(i < w)
{
switch(dir)
{
case 'left':
page.style.left = (page.offsetLeft - 8)+"px";
break;
case 'right':
page.style.left = (page.offsetLeft + 8)+"px";
break;
}
i++;
i++;
i++;
i++;
i++;
i++;
i++;
i++;
var t = setTimeout("slide('"+dir+"', '"+i+"')", 0);
}
if(page.offsetLeft > 0){ page.style.left = 0+"px"; }
if(page.offsetLeft < -(w*6)){ page.style.left = -(w*6)+"px"; }
}
//moves the cursor left or right
function cursormove(dir, i)
{
switch(dir)
{
case 'left':
cursor.style.left = (cursor.offsetLeft + 1)+"px";
break;
case 'right':
cursor.style.left = (cursor.offsetLeft - 1)+"px";
break;
}
if(i < 100)
{
i++;
setTimeout("cursormove('"+dir+"', '"+i+"')", 20);
}
if(cursor.offsetLeft < 0){ cursor.style.left = 0+"px"; }
if(cursor.offsetLeft > 606){ cursor.style.left = 606+"px"; }
}
//checks to see which set of elements ur looking at
function pos_check()
{
var h = header.offsetHeight;
if(page.offsetTop == h)
{
return "parent";
}
else
{
return "child";
}
}
//displays the child elements
function getkids()
{
var c = cursor.offsetLeft;
c = c/101;
winW = getW();
p = childqty[c];
document.getElementById(c+'child').style.width = (winW*(p+1))+"px";
document.getElementById('child'+c).style.display = "block";
document.getElementById('kid'+c).style.display = "block";
child.style.left = 0+"px";
raisekid('up', 0);
}
function raisekid(d, i)
{
switch(d)
{
case "up":
page.style.top = (page.offsetTop - 2)+"px";
child.style.top = (child.offsetTop - 2)+"px";
break;
case "down":
page.style.top = (page.offsetTop + 2)+"px";
child.style.top = (child.offsetTop + 2)+"px";
if(i >= page.offsetHeight)
{
hidekids();
}
break;
}
if(i < page.offsetHeight)
{
i++;
i++;
setTimeout("raisekid('"+d+"', '"+i+"')", 0);
}
if(page.offsetTop > header.offsetHeight){ page.style.top = header.offsetHeight+"px"; }
}
function ditchkids()
{
raisekid('down', 0);
}
function hidekids()
{
var c = cursor.offsetLeft;
c = c/101;
document.getElementById('child'+c).style.display = "none";
document.getElementById('kid'+c).style.display = "none";
}
//moves the shild pages left or right
function slidekid(dir, i)
{
var w = getW();
if(i < w)
{
switch(dir)
{
case 'left':
child.style.left = (child.offsetLeft - 8)+"px";
break;
case 'right':
child.style.left = (child.offsetLeft + 8)+"px";
break;
}
i++;
i++;
i++;
i++;
i++;
i++;
i++;
i++;
var t = setTimeout("slidekid('"+dir+"', '"+i+"')", 0);
}
var c = cursor.offsetLeft;
c = c/101;
p = childqty[c];
if(child.offsetLeft > 0){ child.style.left = 0+"px"; }
if(child.offsetLeft < -(w*p)){ child.style.left = -(w*p)+"px"; }
}
//turns on the UI when hovering over the banner
function activatekeys()
{
document.addEventListener('keydown', move, true);
}
//turns off the UI when u stop hovering
function deactivatekeys()
{
document.removeEventListener('keydown', move, true);
}
Hi Experts, I'm new to this forum and need your help regarding javascript. I am creating a roster for my team with a web interface. Ex: A picture is attached for your reference The time is in IST (+5:30) I have created a drp down list which has PST, EST,CST time. I need to write a code so that whenever I select any of these times (PST,EST,CST, MST, IST) , it should automatically update the table. Please help. Regards, Indy I developed this under Safari on my mac. I have only been scripting for about 1.5 days so I am not the best with debugging. What would cause this? Code: <html>
<head>
<script ="Javascript>
// Setting vars
var winW = screen.width
var winH = screen.height;
var winLW = (winW / 2) - 240
// Resizing and moving window
self.resizeTo(480,640);
self.moveTo(winLW,0);
// Form reset function
function reset() {
document.shiftReport.reset();
}
// Create report function
function calculate() {
// Name Vars
var name = document.shiftReport.nameBox.value;
var mname = document.shiftReport.ModNameBox.value;
// Server Bar Vars
var j = document.shiftReport.JurSel.value;
var t = document.shiftReport.TriSel.value;
var c = document.shiftReport.CreSel.value;
var p = document.shiftReport.PreSel.value;
// Form Text Vars
var gnotes = document.shiftReport.GeneralNotes.value;
var PWMS = document.shiftReport.PWMS.value;
var SGB = document.shiftReport.SGB.value;
var WPMW = document.shiftReport.WPMW.value;
var CTaO = document.shiftReport.CTaO.value;
// Time Vars
var shifTime = document.shiftReport.TimSel.value;
var this_weekday_name_array = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var this_month_name_array = new Array("January","February","March","April","May","June","July","August","September","October","November","December")
var this_date_timestamp=new Date()
var this_weekday = this_date_timestamp.getDay()
var this_date = this_date_timestamp.getDate()
var this_month = this_date_timestamp.getMonth()
var this_year = this_date_timestamp.getYear()
if (this_year < 1000)
this_year+= 1900;
if (this_year==101)
this_year=2001;
var this_date_string = this_weekday_name_array[this_weekday] + ", " + this_month_name_array[this_month] + " " + this_date + ", " + this_year //concat long date string
if (shifTime=="Other")
{
var shifTime=prompt("Please enter shift time:","11:00AM - 1:00PM");
}
// Creating Report
var theReport = "<b>Name:</b> " + name + "<br><b>Mod Name:</b> " + mname + "<br><b>Date:</b> " + this_date_string + "<br><b>Time:</b> " + shifTime + "<br><br><b>General Comments:</b><br>** Jurassic " + j + " bars<br>** Triassic " + t + " bars<br>** Cretaceous " + c + " bars<br>** Prehistoric " + p + " bars<br><br>" + gnotes + "<br><br><b>Players Warnings/Mutes/Suspensions:</b><br>" + PWMS + "<br><br><b>Site Glitches/Bugs:</b><br>" + SGB + "<br><br><b>What Players/Mods Want:</b><br>" + WPMW + "<br><br><b>Current Trends and Observations:</b><br>" + CTaO
var disp_setting="toolbar=yes,location=no,directories=yes,menubar=yes,scrollbars=yes,width=480, height=640, left=400, top=0";
var docprint=window.open("","",disp_setting);
docprint.document.open();
docprint.document.write('<html><head><title>Simple Shift Report</title>');
docprint.document.write('</head><body>');
docprint.document.write(theReport);
docprint.document.write('</body></html>');
docprint.document.close();
docprint.focus();
}
</script>
<title>Simple Shift Report Generator</title>
<style type="text/css"></style>
</head>
<body style="background-color:#e5e5e5; color: rgb(0, 0, 0);"
alink="#ee0000" link="#0000ee" vlink="#551a8b">
<table bgcolor="003366"style="text-align: center; width: 100%;" border="0"
cellpadding="2" cellspacing="0">
<tbody>
<tr>
<td></td>
</tr>
<tr>
<td></td><td bgcolor="#1a4f85"><font color="#FFFFFF">Simple Shift Report Generator</font></td>
<td width="30%"></td>
<td width="20%" style="text-align: right;"><font color="#8099b3" size="1">aaron smithers</font></td>
</tr>
</tbody>
<br>
<form name="shiftReport">
<table bgcolor="#DCDCDC" bordercolor="#FFFFFF" style="text-align: right; width: 100%;" border="15"
cellpadding="2" cellspacing="1">
<tr>
<td bgcolor="#e5e5e5"width="25%">Name:</td>
<td bgcolor="d9e7f8" width="75%"><input name="nameBox" size="58" value="" type="text"></td>
</tr>
<td bgcolor="#efefef"width="25%">Mod Name:</td>
<td bgcolor="#ffffcc"width="75%"><input name="ModNameBox" size="58" value="" type="text"></td>
</tr>
<tr>
<td bgcolor="#e5e5e5"width="25%">Shift:</td>
<td bgcolor="d9e7f8" width="75%">
<select name="TimSel"style="width:100%">
<option>Select Time - PST</option>
<option>4:30AM - 5:30AM</option>
<option>5:30AM - 7:00AM</option>
<option>7:00AM - 8:30AM</option>
<option>8:30AM - 10:00AM</option>
<option>10:00AM - 11:30AM</option>
<option>11:30AM - 1:00PM</option>
<option>1:00PM - 2:30PM</option>
<option>2:30PM - 4:00PM</option>
<option>4:00PM - 5:30PM</option>
<option>5:30PM - 7:00PM</option>
<option>7:00PM - 8:00PM</option>
<option>7:00PM - 8:30PM</option>
<option>8:30PM - 9:30PM</option>
<option>Other</option>
</select>
</td>
</tr>
<tr>
<td bgcolor="#efefef"width="25%">Jurassic:</td>
<td bgcolor="#ffffcc"width="75%">
<select name="JurSel"style="width:100%">
<option></option>
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</td>
</tr>
<tr>
<td bgcolor="#e5e5e5"width="25%">Triassic:</td>
<td bgcolor="d9e7f8" width="75%">
<select name="TriSel"style="width:100%">
<option></option>
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</td>
</tr>
<tr>
<td bgcolor="#efefef"width="25%">Cretaceous:</td>
<td bgcolor="#ffffcc"width="75%">
<select name="CreSel"style="width:100%">
<option></option>
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</td>
</tr>
<tr>
<td bgcolor="#e5e5e5"width="25%">Prehistoric:</td>
<td bgcolor="d9e7f8" width="75%">
<select name="PreSel"style="width:100%">
<option></option>
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</td>
</tr>
<tr>
<td bgcolor="#efefef"width="25%">General:</td>
<td bgcolor="#ffffcc"width="75%"><textarea name="GeneralNotes" cols="42" rows="7" value=""></textarea></td
</tr>
<tr>
<td bgcolor="#e5e5e5"width="25%">Warning:</td>
<td bgcolor="#d9e7f8"width="100%"><textarea name="PWMS" cols="42" rows="5" value=""></textarea></td>
</tr>
<tr>
<td bgcolor="#efefef"width="25%">Glitch:</td>
<td bgcolor="#ffffcc"width="75%"><textarea name="SGB" cols="42" rows="5" value=""></textarea></td
</tr>
<tr>
<td bgcolor="#e5e5e5"width="25%">Want:</td>
<td bgcolor="#d9e7f8"width="100%"><textarea name="WPMW" cols="42" rows="5" value=""></textarea></td>
</tr>
<tr>
<td bgcolor="#efefef"width="25%">Trends:</td>
<td bgcolor="#ffffcc"width="75%"><textarea name="CTaO" cols="42" rows="5" value=""></textarea></td
</tr>
</tbody>
</table>
<table style="text-align: left; width:100%;" border="15"bordercolor="#e5e5e5"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td width="75%"bgcolor="#FFFFFF">|</td>
<td width="25%"><Input Type = Button NAME = b1 width="48%" VALUE = "Create Report" onClick = calculate()><br>
<input type="button" value=" Clear " onClick= reset()></td>
</tr>
</tbody>
</table>
</body>
</html>
My problem is the following. I have an editable <div>: <div class='edit' id='divContent' name='divContent' ContentEditable>some text</div> If I press 'enter' two lines are skipped. I know that if I press 'shift+enter' only one line will be skipped. If I check the unformatted code of the contenteditable div, 'enter' gives me <p> and 'shift+enter' gives me <br>, which makes sense because <p> is formatted differently than <br>. So I want to change 'enter' into 'shift+enter' I have already found something to capture and kill 'return' function killReturn() { key = event.keyCode; if (key == 13) return false; } But now for some means to replace the killed 'enter' with 'shift+enter'? Thanks a lot in advance for any advise! Hi I need some help. I have a link that opens in a new window which allows the user to perform an update to a record. On submit I want it to obviously update (which it does), then close the page and update the main page (where we opened the link from initially). I seem to have this working using an function which is called off the submit button using onclick........the function is: <script type="text/javascript"> function windowclose() { window.opener.location.href = window.opener.location.href; window.close() } </script> Now, the update happens as I say, and the page closes, and the main page looks like it refreshes but the update is not reflected....if I hit f5 the update appears. Is it to do with the speed of writing to the database and updating the screen? I have also been playing around with trying to add a settimeout to add a delay between update and close/refresh but couldnt get it to work. Any help would be appreciated. Cheers! Whenever I update my website, sometimes I notice my browser shows the old version or a modification in the browser after I upload to the ftp. Whats the best way to prevent this from happening? Preferably without noticing it happening. Thanks. I am trying to submit a hidden text area from a WYSIWYG editor. Its submitting the subject line which is a standard text input but its not submitting the text area. I can only think its because there are html tags in the submitted data. Is there a way to compensate for this or will I have to give up trying. This works on one of our other sites, but today I noticed this site is having a problem, its just not refreshing at all... here is the code.. (what is used on the iframe) Code: <iframe id="ad1" whats in the header (besides the including of the js file) Code: <script type="text/javascript">
var imageIntervals={};
var imageLimit={};
var imageCount={};
</script>
and the actual script Code: function toggleImage(id) {if(imageCount[id]<imageLimit[id]||imageLimit[id]<0) {var img=document.getElementById(id);img.src=img.src;imageCount[id]++;}else {clearInterval(imageIntervals[id]);}}
function setImageInterval(id, ms, limit) {imageIntervals[id]=setInterval("toggleImage('"+id+"')", ms);imageLimit[id]=(limit!==undefined?limit:-1);imageCount[id]=0;}
/* IFERAME RATES */
window.onload=function() {
setImageInterval("ad1", 72000, 4);
setImageInterval("ad2", 60000, 4);
setImageInterval("ad3", 66000, 4);
setImageInterval("ad4", 72000, 4);
setImageInterval("ad5", 72000, 4);
setImageInterval("ad6", 76000, 4);
}
This should work, but its not so trying to see if you can see something I dont. If theres a better iframe refresh script out there that can do different intervals, please share. Thanks Well first off all I would appricate any help that you could give me because I've been looking all over the internet for the solution without any result. So off to my problem, I made this text-based online game and let's say the user does a crime, he did this crime 17:04:30 and has to wait till 17:06:30 before he can do a crime again (this is printed in the MySQL database). Getting the value from the database and changing it into the right format mm:ss is no problem. The problem comes to when its about refreshing... I've tried meta refresh and javascript location.refresh with good results, i sat the timer to 1 sec and it refreshed. The problem comes to when it refresh the mouse cursor and the tab (in firefox and chrome) gets that look, like when u refresh a page normally u can see an hourglass and all that. Is there anyway to disable that? And i think it really slows the browser down after a while (because after like 30 min or more firefox used 600 mb of my RAM). So yeah here's my Iframe code: Code: print <<<ENDHTML <IFrame Src= "right_timer.php" Scrolling=No Frameborder=0 Marginheight=0 Marginwidth=0 Width=100% Height=160> <p>Your browser does not support iframes.</p> </iframe> Also here's the right_timer.php: Code: <?php
include("config.php");
$dbres = mysql_query("SELECT *,UNIX_TIMESTAMP(`crime`) AS `crime` FROM `users` WHERE `login`='{$_SESSION['login']}'");
$data = mysql_fetch_object($dbres);
if(! check_login()) {
print"<link rel=stylesheet type=text/css href=style.css>";exit;
}
if ($data->status == dead) { print"<link rel=stylesheet type=text/css href=style.css>";exit; }
?>
<html>
<head>
<meta http-equiv="refresh" content="1">
</head>
<body>
<?php
$dbres = mysql_query("SELECT * FROM `users` WHERE `activated`='1'");
$users= mysql_num_rows($dbres);
$dbres = mysql_query("SELECT * FROM `users` WHERE `status`='alive' AND `activated`='1'");
$levend = mysql_num_rows($dbres);
$dbres = mysql_query("SELECT * FROM `users` WHERE UNIX_TIMESTAMP(NOW())-UNIX_TIMESTAMP(`online`) < 300");
$online = mysql_num_rows($dbres);
$dbres = mysql_query("SELECT * FROM `users`");
while($blah = mysql_fetch_object($dbres)){
$time = time();
$crime = gmdate('i:s',($data->crime - $time));
if (($data->crime - $time) < 0) { $crime = Now; }
}
print <<<ENDHTML
<tr><td>Crime {$crime}</td></tr>
ENDHTML;
?>
</body>
</html>
Okay, I assume many will think I must have missed the previous thread, but I did look at it, and I am not sure if that one comes close to answering my idea here. I was looking at NHL.com, and I noticed the scoreboard changed without me reloading the page. So... I looked at the code, and this is where I got completely lost: Code: <div id="scoreboard">
<style type="text/css">
#masthead #richMedia, #scoreboard { margin-left: 0px; width: 817px; }
</style> <script src="/js/hdr_scoreboard.js?v=6" language="JavaScript" type="text/javascript"></script> <script language="JavaScript" type="text/javascript">
var dataSource = "http://live.nhle.com/GameData/PlayoffScoreboard.jsonp?loadScoreboard=?";
jQuery(document).ready(function() { initScoreboard(5, 'cc0000', '000000'); });
</script>
What I am interested in doing is reloading an iframe that has a total visitor counter. That way say every 5 minutes or so, it gets updated without any interaction needed. I tried the meta refresh on the iframe's target page long ago, but that forced a reload on the main page as well, and I am totally against doing that. So, does anyone here have any tips to provide? Now I have a page with Text boxes, and dropdown boxes on the page and 3 buttons. While this is mainly PHP the aspect that I need at the moment is in Javascript. On click the 1st submit button, "Preview", it shows a table and another button. But the form below is cleared as it refreshed the page. I want to know if it is possible that I can set the fields to the values that the user set before they clicked the button to show the table since it clears them. I've thought of 2 ways to do it but I have no idea how to do either of them. 1: The reset button resets all the variables to the page load default which is blank or 0 according to which field. Because I know a way to do it but then my reset button doesn't clear anything... 2: Onclick of the Preview button, the values are set but not the same way as the PHP one since that sets them until you do a hard reload of the page. hi i have a table with some document.write statements inside that write inside the cells. i need to refresh the table from a function so the statements will execute again. but i only want the table to refresh not the whole page document.location.reload() this does the page but can i put the tables id in the brackets or something. thanks Hi to all, I got a timestamp (in the future) and I want to display on a page how many seconds this differs from now. I know how to do this in PHP, but now it's static, I want it to actually count down. After the countdown, the page should be refreshed, although I could also do this with a meta tag, as I can just find the value with PHP on load and put that value in a meta refresh tag. Could you help me out with one of these things? x5x_tim Here is my calander script PHP Code: <script src="http://www.runningprofiles.com/jquery.js" type="text/javascript"></script> <link href="http://www.runningprofiles.com/members/diary/facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"> <script src="http://www.runningprofiles.com/members/diary/facebox/facebox.js" type="text/javascript"></script> <script> jQuery(document).ready(function($) { $('a[rel*=facebox]').facebox() }) </script> <?php // there is NO NEED to edit ANY of this code $ev_dat = array(); for ($i=0;$i<32;$i++) { $ev_dat[$i]=0; } $now = date("Y-m-d", time()); list($ty, $tm, $td) = explode('-',$now); // ty=thisyear, etc. used for highlighting 'today' include("cal_parms.php"); // assorted configuration variables include($dat_names); // retrieved from cal_parms.php as a 'language' file if (!isset($_GET['m'])) { $m = date("m",mktime()); } else { $m = $_GET['m']; } if (!isset($_GET['y'])) { $y = date("Y",mktime()); } else { $y = $_GET['y']; } /*== get what weekday the first is on ==*/ $tmpd = getdate(mktime(0,0,0,$m,1,$y)); $month = $tmpd["month"]; $firstwday= $tmpd["wday"]; if ($firstDayIsMonday == 1) { if ($firstwday == 0) { $firstwday = 6; } else { $firstwday--; } } $lastday = mk_getLastDayofMonth($m,$y); /*== get the last day of the month ==*/ function mk_getLastDayofMonth($mon,$year) { for ($tday=28; $tday <= 31; $tday++) { $tdate = getdate(mktime(0,0,0,$mon,$tday,$year)); if ($tdate["mon"] != $mon) { break; } } $tday--; return $tday; } // compute range of dates for this month to match dates in database in the format yyyy-mm-dd if (strlen($m)<2) { $q="0"; $q.=$m; } else { $q = $m; } $dats_beg = $y. "-". $q. "-01"; $dats_en = $y. "-". $q. "-". $lastday; // open db conn and select all records where date is between $dats_beg and $dats_en include("cal_db_conn.php"); mysql_connect($db_host, $db_login, $db_pass) or die ("Can't connect!"); mysql_select_db($db_name) or die ("Can't open database!"); $query = "SELECT * FROM $db_table WHERE (ev_dat>='$dats_beg') AND (ev_dat<='$dats_en') "; $result = mysql_db_query($db_name, $query); // any matches? if ($result) { // handle the matches and pass relevant info to arrays while ($myrow = mysql_fetch_array($result)) { $found = $myrow['ev_dat']; $pieces = explode("-", $found); $dd = intval($pieces[2]); $ev_dat[$dd] = $myrow['id']; } } ?> <table cellpadding="1" cellspacing="1" border="0" bgcolor="#<? echo $bg_edge; ?>"> <tr><td colspan="7" bgcolor="#<? echo $bg_top; ?>"> <table cellpadding="1" cellspacing="1" border="0" width="100%"> <tr bgcolor="#<? echo $bg_top; ?>"><th width="20" style="<?php echo $hcell; ?>"><a href="<? echo $username; ?>&m=<?=(($m-1)<1) ? 12 : $m-1 ?>&y=<?=(($m-1)<1) ? $y-1 : $y ?>"><img src='http://www.runningprofiles.com/calendar/images/prev.gif' height='18' width='18' alt='' border='0' /></a></th> <th style="<?php echo $hcell; ?>"> <?php echo "<a href='../members/diary/show-month.php?mon=". $m. "&yr=". $y. "'rel=\"facebox\">"; echo "<span style='text-decoration:none'>". $mo[intval($m)]. " ". $y. "</span></a>"; ?> </th> <th width="20" style="<? echo $hcell; ?>"><a href="<? echo $username; ?>&m=<?=(($m+1)>12) ? 1 : $m+1 ?>&y=<?=(($m+1)>12) ? $y+1 : $y ?>"><img src='http://www.runningprofiles.com/calendar/images/next.gif' height='18' width='18' border='0' alt='' /></a></th> </tr> </table> </td></tr> <tr bgcolor="#<? echo $bg_top; ?>"> <th width="20" style="<?php echo $hcell; ?>"><? echo $da[1]; ?></th> <th width="20" style="<?php echo $hcell; ?>"><? echo $da[2]; ?></th> <th width="20" style="<?php echo $hcell; ?>"><? echo $da[3]; ?></th> <th width="20" style="<?php echo $hcell; ?>"><? echo $da[4]; ?></th> <th width="20" style="<?php echo $hcell; ?>"><? echo $da[5]; ?></th> <th width="20" style="<?php echo $hcell; ?>"><? echo $da[6]; ?></th> <th width="20" style="<?php echo $hcell; ?>"><? echo $da[7]; ?></th> </tr> <? $d = 1; $wday = $firstwday; $firstweek = true; /*== loop through all the days of the month ==*/ while ( $d <= $lastday) { /*== set up blank days for first week ==*/ if ($firstweek) { if ($wday!=0) { echo "<tr bgcolor='#". $bg_tabl. "'>\n"; for ($i=1; $i<=$firstwday; $i++) { echo "<td style='". $tcell. "' bgcolor='#". $bg_fill. "'> </td>\n"; } } /*== Sunday start week with <tr> ==*/ else { echo "<tr bgcolor='#". $bg_tabl. "'>\n"; } $firstweek = false; } /*== check for event ==*/ echo "<td style='". $tcell. "' "; // is this day 'today' AND there's no event today if (($ty==$y) && ($tm==$m) && ($td == $d) && (!$ev_dat[$d])) { echo "bgcolor='#". $bg_now. "'>". $d; } elseif ($ev_dat[$d]) { // get what's happening that day and use as 'mouseOver' for the link $query = "SELECT * FROM $db_table WHERE id=$ev_dat[$d] "; $result = mysql_query($query); $ev = mysql_fetch_array($result); $titl = $ev['ev_title']; echo "bgcolor='#". $bg_act. "'>"; $url = "../members/diary/show.php?event=". $ev_dat[$d]. "&sho=". $win_sho; echo "<a href=' $url' rel=\"facebox\" title=\"". $titl. "\">". $d. "</a>"; } else { echo "bgcolor='#". $bg_days. "'>". $d; } echo "</td>\n"; /*== Saturday end week with </tr> ==*/ if ($wday==6) { echo "</tr>\n"; } $wday++; $wday = $wday % 7; if (($wday==0) AND ($d!=$lastday)){ echo "<tr bgcolor='#". $bg_tabl. "'>\n"; } $d++; } // and close off the table if (($wday!=7) AND ($wday!=0)) { for ($i=$wday; $i<=6; $i++) { echo "<td style='". $tcell. "' bgcolor='#". $bg_fill. "'> </td>\n"; } echo "</tr>"; } echo "\n</table>"; include("win_open.php"); ?> what would be the best way to make it so that if you wish to chnage the month it changed the month on page rather than refresh the whole page its on? Hi Frnds, I have faced some problem i.e I have 2 jsp pages.In that I want to go one jsp to another jsp.In 2nd jsp i can show my captcha code,but unfortunately it is not visible first page is reloaded in IE6.Once you refresh the page it's visible in IE6.So please help me to avoid this problem. Thanks, Hi there, I'm working on a presentation and I'm going to store each page into a ".html" So in example, I have... "1.html" "2.html" "3.html" Each number goes to each slide accordingly. The way I was working the presentation out was having users load a webpage via mobile phone which contains an iframe. I'll change the src of the iframe to the desired slide; and the META refresh will handle displaying it to the user. Now, here's the problem. It flashes on some browsers, like Blackberries. I'd like for the content being refreshed to not flash, but appear naturally. That way, the user doesn't have to attempt to read flashing text (which gets -REALLY annoying) ------------------------------------ TLDR; I need some code to refresh a page/div without flashing the content on ALL if not MOST browsers. Thanks. ------------------------------------ I think I know how I'd solve this issue; but I'm not too sure how to "integrate it" Perhaps, have a Javascript code keep the current "look" of the page static until "X" seconds. So, this would happen. Page refresh -> Javascript holds page for 5 seconds -> Page finishes loading -> Original page revealed It'd act kind of like a cover-up. i have a page named pck_rates.php which contains a form that go to the page update_pck_rates.php when i press updade data button in the second page i want the first page to be refreshed to show the new data's. i want to know if i can set a name to the page pck_rates.php and after the update query in the second page i will refresh the pck_rates.php page using this name?? i don't know what is the function and how to make this idea. can anyone help me please |
|||||||