JavaScript - Load Code Based On Minute

Basically, what I'm trying to do is set the left margin of an image based on the width of the image, because I want the image to appear centered relative to the link table above. I've been using this code:

Code:

function insertImageMargin()
{
	var marg = getImageMargin();
	document.getElementById("comic").style.marginLeft = marg + "px";
}
	

function getImageMargin()
{
	var com = document.getElementById("comic");
	return 440 - com.width / 2;
}

What happens is, the first time com.width is 0, but if I hit reload, it is the width of the image, and the code works correctly. How do I get this to work the first time, or can you suggest an alternate approach?

Hi,

I'm trying to make something along the lines of a dynamic animated GIF. In other words, I'm trying to write a script to flip through images based on the current time. Before folks start suggesting other ways to do this, know that this is just a proof of concept. The reason for doing it this way is so that I can eventually control the animation either in response to interaction or external data queries (I'm looking into that js weather api).

Code:

	int startTime = getTime();
	float speed = 1.0;
	image frames = new Array();
	
	//load frames into array
	for(int i = 0; i < 12; i++){
		frames[i] = new Image(640,480);
		frames[i].src = "frames/" + i + ".JPG";
	}

	//playback
	int i = 0;
	while(i < frames.length){
		if( ((getTime()-startTime) % (speed*33)) == 0){
			document.currentFrame.src = frames[i].src;
			i++;
		}
	}

Thanks,
Zach

I am using a web tracking tool called REinvigorate, which is great but doesn't give you the ability to exclude specific referring domains from the stats. However, their support guy told me that I can accomplish this by referencing the referring domain in a small script that only calls the tracking code when the referring site is not "This one we don't want in our stats". I only know C# and SQL, though, so I'm not entirely sure how to do this. Is this right? spreecommerce.com is the domain we want to exclude...


<script type="text/javascript">
if (document.referrer.search("/spreecommerce/") != -1) {
document.getElementById('iFrameId').src = '<trackingcode>';
}
</script>


Thanks!
Austin

I have a javascript controlling the display of a DIV that I did a while back that needs a bit more tweaking to add function to hide the DIV on specific holidays. As it is now, by default, the DIV is being hidden unless it is M-F between 8:00AM-6:00PM:

Code:

<script type="text/javascript">
onload=function(){
	var rightNow = new Date();
	var day = rightNow.getDay();
	var hour = rightNow.getHours();
	var minute = rightNow.getMinutes();
	var formDisplay = 'none'; // unless we see otherwise
	var forwardDisplay = 'block'; // unless we see otherwise
	
	if(day==1  ||  day==2  ||  day==3  ||  day==4  ||  day==5) {  // if chat is avalable on these days
    	if((hour>=8)  &&  (hour<=17)) // if chat is avalable between these times
            formDisplay = 'block', forwardDisplay = 'none';
    	}
document.getElementById('ChatForm').style.display = formDisplay;
document.getElementById('ChatForward').style.display = forwardDisplay;
}
</script>

Im assuming that I would just add more else if statements, but not really sure the cleanest way to assign specific dates using this format.

Any help is appreciated

Hi,

Please i am not getting clear understanding of a javascript code to redirect user to a different web page based on the day of the week.

Please i have search for many script and not getting clear understanding from their code.I have also try several code myself but nothing good has come from it.

Please can someone help me and write a descriptive code for me to understand better.I really plead you and your to help me...but i belief the Lord God will bless you for your time helping me.

looking forward to here from you.

Thank you.

Clement Osei

Hi all

Is there a way to get the image(s) to load into the table after the page has loaded instead of the way I have it now?

I have 4 tabs, but I would like the imgs in tabs 2,3,4 to load after page load.

Example of how the tabs look.

Code:

    	  <div class="tabbertab">
            <h2>Australia_____</h2>
                      <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFCC">
                       <caption class="highlight_Red">澳洲&nbsp; Australia
                       </caption>
  <tr>
    <td><a href="pages/promotion.html#aus_ACE" rel="nofollow" target="_blank"><img src="pages/images/Pics/AUS/ace.jpg" alt="ACE / ATTC" width="110" height="69" border="0" align="left" class="ozimg_L"/> ...a few more images etc

the other tabs look the same.

LT

This script displays a link to a registration/login form that loads in a light box for Joomla.
I've been goin nuts trying to figure out how to get this to load on page load with a delay.
Anyone know how to get this done?
PHP Code:
<?php
JHTML::_('behavior.mootools');
$document = JFactory::getDocument();
$document->addStyleSheet(JURI::base() . 'media/system/css/modal.css');
$document->addScript(JURI::base() . 'media/system/js/modal.js');
$document->addScriptDeclaration("window.addEvent('domready', function() {SqueezeBox.initialize({});});");
$user = & JFactory::getUser();

$uri = JFactory::getURI();
$url = $uri->toString();
$return = base64_encode($url);

?>
<div id="lbframeid" style="position:absolute;top:1px;left:1px;height:0px;width:0px;overflow:hidden">
<a href="http://www.wowjoomla.com/"><h1>Joomla Login LightBox powered by WowJoomla.com</h1> </a>
</div>
<?php if ($user->get('guest')) :?>
   <a href="<?php echo JRoute::_('index.php?option=com_loginbox')?>" 
      onclick="SqueezeBox.fromElement(this); return false;"  
      rel="{handler: 'iframe', size: {x: 660, y: 500}}"><?php echo JText::_('SIGNUP_LOGIN')?></a>
   <?php else: ?>
<?php echo JText::sprintf( 'HINAME', $user->get('name') ); ?>
<br>
   <a href="javascript:void(0);" onclick="LB_onLogout(); return false;"><?php echo JText::_('LOGOUT')?></a>
<?php endif; ?>
<script type="text/javascript">
function LB_onLogout() {
   var form = new Element('form');
   form.setProperty('method', 'POST');
   form.setProperty('target', '_self');
   form.setProperty('action', 'index.php');
   
   var input = new Element('input');
   input.setProperty('type', 'hidden');
   input.setProperty('name', 'option');
   input.setProperty('value', 'com_user');
   form.appendChild(input);
   
   var input = new Element('input');
   input.setProperty('type', 'hidden');
   input.setProperty('name', 'task');
   input.setProperty('value', 'logout');
   form.appendChild(input);
   
   var input = new Element('input');
   input.setProperty('type', 'hidden');
   input.setProperty('name', 'return');
   input.setProperty('value', '<?php echo $return; ?>');
   form.appendChild(input);
   
   $E('body').appendChild(form);
   form.submit();
}
</script>

Hi guys,

I am trying to insert the following call into my page;

Code:

      <script type="text/javascript" defer="true">
$('#query').autocomplete({
    serviceUrl:'service/autocomplete.ashx',
    minChars:1,
    delimiter: /(,|;)\s*/, // regex or character
    maxHeight:400,
    width:250,
    deferRequestBy: 0, //miliseconds
    params: { country:'Yes' }, //aditional parameters
    // local autosugest options:
    lookup: ['January', 'February', 'March', 'April', 'May'] //local lookup values
  });
</script>

It works fine in all browsers except ie(6,7,8) Code:

Internet Explorer can not open website. Operation Aborted.

I understand it is caused by the jquery autocomplete function loading before the page / DOM has fully loaded.

I tried adding Defer="true" to the script however this doesn't seem to work.

Could someone please tell me what i must add to the script so that it loads after the dom has fully loaded?

Thanks guys

George

I have a banner ad at the top of the page (created by javascript). It is sometimes flash, sometimes a div, sometimes just an image (the ad company determines this).

I need it to appear at the top of the page, but I want it to load AFTER all of the rest of the page content has loaded.

Here is a test page I've created to demonstrate this:
http://jeremymoritz.com/js-test.php

Here is the code with the javascript at the bottom so it will load last:
Code:

<html>
<head>
</head>
<body>
	<div id='ad_spot'>
		<!--ad needs to go here-->
	</div>
	<div id='content'>
		<!--Content-->
	</div>
	<div id='load_last'>
		<script defer='defer' type="text/javascript">
			var __fbr_pid  = "1746";
			var __fbr_bid  = "18281";
			var __fbr_sid  = "4568";
			var __fbr_size = "728x90";
			var __fbr_auid = "28762";
			var __fbr_zone = "";
		</script>
		<script type='text/javascript' src='http://ads.foodieblogroll.com'></script>
	</div>
</body>
</html>
</div>

I've tried many things to fix this, but the javascript usually creates elements (iframes, divs, etc.) that are OUTSIDE of container div so manipulating the dom (to move the div or its contents to the <div id='ad_spot'>)has yielded unexpected results.

Thank you in advance for your help!

Hello

Bit of a nightmare scenario but, the services page isn't loading and from what I can tell, IE 6,7 & 8 are throwing up the same error. It says:

Line: 602
Char 5
Error: 'undefined' is null or not an object
Code: 0

which refers to:
vmlSegments.push('m');
if (glyph.o) {

The page is here
The script it is referring to is typeface.js: http://typeface.neocracy.org/
Hope someone can be a great help and tell me how I can get page loading again.

All the other pages are fine.

p.s. I'm not a coder but designer and hoping to get this fixed myself.


Thank you.

okay, im using this script to close a DIV, can i somehow link it so that it loads main.swf when the div is closed? Now the SWF is running in the bg.

Code:

   <script language=javascript>
<!--
function hideDiv(){
if(document.getElementById('Div').style.display != "none") { document.getElementById('Div').style.display = "none"; }}
//-->
</script>

Code:

<a href=# onclick="javascript:hideDiv();">Close</a>

I want this script to load after the page load
the script is:
Code:

<script type="text/javascript" src="http://localtimes.info/clock.php?cp3_Hex=0F0200&cp2_Hex=FFFFFF&cp1_Hex=000080&fwdt=118&ham=0&hbg=0&hfg=0&sid=&mon=&wek=&wkf=&sep=&continent=Asia&country=Indonesia&city=Jakarta&widget_number=116"></script>

the script in My page is like:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>My test page</title>
</head>

<body>
<h1>Tony</h1>
<h2>Welcome Tony Website</h2>
<script type="text/javascript" src="http://localtimes.info/clock.php?cp3_Hex=0F0200&cp2_Hex=FFFFFF&cp1_Hex=000080&fwdt=118&ham=0&hbg=0&hfg=0&sid=&mon=&wek=&wkf=&sep=&continent=Asia&country=Indonesia&city=Jakarta&widget_number=116"></script>
<h3>Tony is ... and is....</h3>
<h3>He will....</h3>
</body>

</html>

So how can I make this script loads after all elements of My page are loaded and without changing it's position (the script position)?

Hi to all

I have a javascript code that when a page loads, some contents must be load
within a given div tag.
But the problem is that this javascript code sometimes work an somtimes Not work.

What's the problem?

Thank You...

-edit-

Hello,

I have a page that uses the Yahoo Buzz JS widget which renders a button and count of clicks from Yahoo servers. The display of the widget is at the top of the page - which causes the rest of the page to appear to load slowly (cause it's waiting on the Yahoo JS to finish).

Ordinarily, I would place all JS calls at the bottom of the page as not to affect the performance of the rest of the page. But since this JS actually renders an UI element, I don't know how to move the code to the bottom of the page (if I move the JS, the UI widgit appears at the bottom).

Any suggestions on how to do this?

Code:

<div class="swidgets">
<script type="text/javascript" 
   src="http://d.yimg.com/ds/badge2.js"
   badgetype="square">
   http://www.example.com/page.htm
</script>
</div>