JavaScript - Run Script Onload - When Referred From A Specific Url

Hi everyone,

I have a countdown script I'd like to modify so that the countdown ends at a specific hour, and not on a particular day at midnight. I'm new to coding (Ruby), so still trying to get the hang of Javascript:

Code:

 
	var current="Expired"
	var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
 
	function countdown(yr,m,d){
		theyear=yr;themonth=m;theday=d
		var today=new Date()
		var todayy=today.getYear()
		if (todayy < 1000)
		todayy+=1900
		var todaym=today.getMonth()
		var todayd=today.getDate()
		var todayh=today.getHours()
		var todaymin=today.getMinutes()
		var todaysec=today.getSeconds()
		var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
		futurestring=montharray[m-1]+" "+d+", "+yr
		dd=Date.parse(futurestring)-Date.parse(todaystring)
		dday=Math.floor(dd/(60*60*1000*24)*1)
		dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
		dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
		dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
		if(dday==0&&dhour==0&&dmin==0&&dsec==1){
			document.getElementById('counter').style.display='none';
			document.getElementById('expired').style.display='block';
			return
		}
		else{
			document.getElementById('countdown_day').innerHTML=dday;
			document.getElementById('countdown_hour').innerHTML=dhour;
			document.getElementById('countdown_min').innerHTML=dmin;
			document.getElementById('countdown_sec').innerHTML=dsec;
			setTimeout("countdown(theyear,themonth,theday)",1000)
		}
	}
 
 
 
	//MODIFY THIS LINE: enter the count down date using the format year/month/day
        //e.g. countdown(2009, 03, 23);
	countdown(2011, 12, 24);

I've tried to play with it by changing the following in green:

Code:

	

function countdown(yr,m,d, h ){
		theyear=yr;themonth=m;theday=d; thehour=h 
.
.
.
setTimeout("countdown(theyear,themonth,theday, thehour )",1000)
.
.
countdown(2011, 12, 24,  10 )

But I don't seem to be getting anywhere.

Any tips or pointers to push me in the right direction is much appreciated.

Thanks!

Hi
I have created a very very simple javascript that displays random text quotes.
It is in Greek but here it is anyway: http://gerogriniaris.blogspot.com
It is in blogger and shows up as a gadget. My problem is that i need to make it reload by a button and at the same time go to the top of this gadget (using an anchor).
The reason I want to do this is that I have been sharing this with other bloggers, but if they don't put it on top of their page, as soon as they press the button that reloads the page, they are in the top of the page and they would have to scroll down to find the quote.
I have tried to use window.location.reload with window.location.hash.
It works in Firefox, but not in IE.
I have been trying something like that:
Code:

<input type="button" value="Click to refresh" style="width: 130px" onclick="window.location.hash='#something';window.location.reload()" />

As i said, this works with Firefox, but not with IE9
Also, I can't define urls beforehand because I want other people to be able to use it to their own blog or website.
I suppose this is a noob question, but I have been trying to find a solution and couldn't. Please be kind...
Any ideas?

Another thing that has been driving me crazy is that css positioning is handled differently by different browsers. JS is not my area, but I can do a lot with CSS, and I do, but cross browser compatibility is killing me.

I can use an IF IE statement and only IE runs that segment of code, but I haven't been able to figure out out how to make ONLY firefox or ONLY opera or safari enact an encapsulated segment of code. The same type of IF statement doesn't work for them.

Is there a single method using JS that works for all browsers?

Thre is probably a very simple answer and I am just missing it somehow.

Hi,

I'm looking to create a box that shows to IE6 users or lower, to tell them that my site does not render properly in the IE6 browser and that they should therefore upgrade to a newer version or alternative browser.

Basically I would put whatever the code to show the box into these tags:
Code:

<!--[if lte IE 6]>
INSERT HERE
<![endif]-->

to enable it to only appear to IE6 or below users. Preferably when this box appeared, it would be nice if it could fade the page behind it.

Does anyone have a script for this or know of a tutorial I could use? The box would also need buttons at the bottom that said "Ok, upgrade me" (this would load another window with links to alternative browsers) or "No thanks" (or "Close")

Thanks in advance.

Hi all

I would like the img src to be populated after page load

I'm not sure this is doing what I would like it to do.

I have done this.

(tag shortened for post)

Code:

<img src="" id="testImg2" onload="(this.src='images/USA.jpg')"/>

Is this populating the img src after page load
or when the img tag is loaded?

LT

Am I saying the onload event wrong or something?

PHP Code:
<input type="button" value="Mouse"
       onload="popup_show('popup', 'popup_drag', 'popup_exit', 'mouse', -10, -10);" /> 


Other events like onmouseover and onClick work

I have this code:
Code:

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c7b22470e521876"></script>

I want this JavaScript code above to be executed when all My page finished loading (maybe by using JavaScript onload)
So how can I do that?

hi guys, how can i get this code to load on body onload? without fading in and out?

Code:

<html>
<head>
<!-- For ease i'm just using a JQuery version hosted by JQuery- you can download any version and link to it locally -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
 $(document).ready(function() {
 	 $("#responsecontainer").load("response.php");
   var refreshId = setInterval(function() {
      $("#responsecontainer").load('response.php?randval='+ Math.random());
   }, 9000);
   $.ajaxSetup({ cache: false });
});
</script>
</head>
<body>
 
<div id="responsecontainer">
</div>
</body>

Thanks

All,
I have a function that loads with the onload command. Is there a subsitute for this? I have an AJAX call so sometimes content gets loaded on the page without the onload event being triggered but I need it to go to this function when the AJAX displays the new content. Any ideas?

If it makes a difference, the AJAX is calling a PHP page.

Thanks in advance.

I am using this code
Code:

<BODY onload="window.top.location='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'">

but the problem is that when the page containing this code loads, it redirects Me to the page (a new page) of the JavaScript code,
So how to make this JavaScript code load on the same page and not redirecting Me to a New page? (and make it load when the all page finish loading)

Hi, I am trying to give the user the option of music on my homepage (b/c we've all found it annoying at times...perhaps most times). I have found an "onload" option for the body tag on dotnetspider.com, but it doesn't seem to be working for me. Please take a look and let me know of any improvements I could make. Thx

Code:

<body onload="loadMusic()">

  <p>
    <script type="text/javascript"><!--
      function loadMusic()
        {
        var r=confirm("Would you like a background tune?");
        if (r==true)
          {
            <input type="button" onclick="show_confirm()" value="Show a confirm box" /> 

            <object class="plugin_video" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="480" width="640">
              <param name="autoplay" value="false" /><embed title="QuickTime" hidden="true" src="sounds/siteBG.wav" mce_src="sounds/siteBG.wav" autoplay="true" loop="true" controller="true"></embed>
            </object>
          }
        else
          {
            alert("If you change your mind reload the page to choose again.");
// --></script>

Hi I am in need of some help with my Javascript code, basicly I am creating a Javascript SDK for my site and I am trying to make is a little like jQuery in which you check if the document is ready such as $('document').ready(function(){}); which my SDK looks like this $.functions.push(function(){}); the only thing is when using it like this each function push gets added to the functions array which i then need to use on the documents load.

With my SDK I use $.onload.ready();, which should act as window.onload and run all the functions with-in the array but I cant seem to get it to work.

This is what I currently have.
Code:

  $.functions =new Array();
  $.onload = {};
  $.onload.ready = function(){
    if(window.onload !== undefined && window.onload != '')
    {
      window.onload=function(){for(var i=0;i<$.functions.length;i++){$.functions[i];}};
    }
  };

Can anyone help me out?

Thank You
DJCMBear

EDIT:
Don't worry I have found the solution and it works!

This is the code for the onload.
Code:

  $.onloadAdd = function(func)
  {
    if(typeof onload == 'function')
    {
      var oldonload = onload;
      onload = function()
      {
        oldonload();
        func();
      }
    }
    else
    {
      onload = func;
    }
  };
  $.onload = function(){
    if(window.onload !== undefined && window.onload != '')
    {
      for(var i=0;i<arguments.length;i++)
      {
        $.onloadAdd(arguments[i]);
      }
    }
  };

And this is the onload functions that get added to the list to be run.
Code:

$.onload(function(){if($.Class('Listener')){for(i=0;i<$.Class('Listener').length;i++){$.Class('Listener')[i].onclick=function(){alert($.getInfo(this).innerHTML);};}}},function(){if($.Class('Add')){for(i=0;i<$.Class('Add').length;i++){$.Class('Add')[i].innerHTML=$.Class('Add')[i].innerHTML+'...';}}});

I have a popup window that calls a texteditor. I want the texteditor to show the inner HTML of the parent doucument by div id.
When I call the function through a submit (in child window) it workks great, but I want innerHTML to be added when child page loads.
I have tried calling function in body onLoad=getparent;
tries adding it to inner script where it calls the editor , again onLoad=getparent;
Tried with and without () i.e onLoad=getparent();

Child window code:

[code]
<html>
<head>
<title>Mangae Content</title>
<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>


<script language="javascript">


function getparent()
{
var TextToPass = window.opener.document.getElementById('missionStatement');
var TextToEdit = TextToPass.innerHTML;
document.getElementById('editor1').value=TextToEdit;
}


</script>

</head>
<body>



<form method="post" name="editedcontent">
<p>
My Editor:<br />
<textarea name="editor1" id="editor1"></textarea>

<script type="text/javascript">
onload=getparent;
CKEDITOR.replace( 'editor1' );
</script>

</p>
<p>
<input type="submit" onClick="getparent();"/>
</p>
</form>


</body>
</html>
[code]

When I use the submit button it works fine. Captures parent window HTML and loads it into ckeditor, How do I get it to load without using the submit button???

Any help would be greatly appreciated.

Hi everyone,

I am at the last leg of getting my code to run. I have a window.onload function, but right now it is working only when I fill in all the field in the drop down list, hit a refresh and then hit submit button. What changes should I implement in the code?

The code after the window.onload function runs as follows:

Code:

window.onload = function() {
   age = 0;
   groom_age = getvalues();

   caste = 0;
   groom_caste = getvalues_1();

   profession = 0;
   groom_profession = getvalues_2();

   bachelor = 0;
   groom_bachelor = getvalues_3();
  
   master = 0;
   groom_master = getvalues_4();

   doc = 0;
   groom_doc = getvalues_5();

   country = 0;
   groom_country = getvalues_6();
 
   color = 0;
   groom_color = getvalues_7();

   height = 0;
   groom_height = getvalues_8();

   marriage = 0;
   groom_marriage = getvalues_9();

   father = 0;
   groom_father = getvalues_10();


switch(groom_age)

{
case "23" : age = 1.6;
break;

case "24" : age = 1.2;
break;

case "25" : age = 1.7;
break;

case "26" : age = 1.8;
break;

case "27" : age = 1.9;
break;

case "28" : age = 1.75;
break;

case "29" : age = 1.7;
break;

case "30" : age = 1.4;
break;

case "31-35" : age = 1.8;
break;

case "36-40" : age = 1.9;
break;

case "41-45" : age = 1.75;
break;

case "46-50" : age = 1.7;
break;

case "51+" : age = 1.4;
break;

default: age = 1;
}

switch(groom_caste)

{ 

case "Brahmin" : caste = 1.6;
break;

case "Bania" : caste = 1.2;
break;

case "Kayastha" : caste = 1.6;
break;

case "Kshatriya" : caste = 2.0;
break;

case "Dalit" : caste = 1.8;
break;

case "Maravar" : caste = 1.6;
break;

case "Mudaliar" : caste = 2.0;
break;

case "Jat" : caste = 1.8;
break;

case "Labanas" : caste = 1.6;
break;

case "Rajput" : caste = 1.6;
break;

default : caste = 1;

}

switch(groom_profession)

{

case "Engineer" : profession = 1.6;
break;

case "Doctor" : profession = 1.2;
break;

case "Lawyer" : profession = 1.65;
break;

case "CA" : profession = 1.7;
break;

case "IAS" : profession = 2.0;
break;

case "Family Business" : profession = 1.5;
break;

case "Engineer + MBA" : profession = 1.95;
break;

case "None of the above" : profession = 1.95;
break;

default: profession = 1;

}

switch(groom_bachelor)

{

case "BTech/BE/BS" : bachelor = 1.6;
break;

case "MBBS" : bachelor = 1.2;
break;

case "BA" : bachelor = 1.1;
break;

case "B.Com" : bachelor = 1.4;
break;

case "BSc" : bachelor = 1.9;
break;

case "BBA" : bachelor = 1.1;
break;

case "Diploma" : bachelor = 1.4;
break;

case "Certification Course" : bachelor = 1.4;
break;

default: bachelor = 1;

}

switch(groom_master)

{

case "MS" : master = 1.6;
break;

case "MBA" : master = 1.2;
break;

case "MHA" : master = 1.4;
break;

case "MTech" : master = 1.4;
break;

case "M.Ed" : master = 1.4;
break;

case "No Master degree" : master = 1.4;
break;

default: master = 1;

}

switch(groom_doc)

{

case "Doctor of Philosophy (Phd)" : doc = 1.6;
break;

case "Doctor of Medicine (MD)" : doc = 1.2;
break;

case "No Doctorate Degree" : doc = 1.4;
break;

default: doc = 1;

}

switch(groom_country)

{

case "India" : country = 1.6;
break;

case "USA" : country = 1.2;
break;

case "Any European Country" : country = 1.7;
break;

case "Australia" : country = 1.7;
break;

case "Canada" : country = 1.7;
break;

case "Any Country more developed than India" : country = 1.7;
break;

case "Any Country less developed than India" : country = 1.2;
break;

default: country = 1;

}

switch(groom_color)

{

case "Fairy White" : color = 1.6;
break;

case "Black" : color= 1.2;
break;

case "Wheatish (Almost White. Would need some Fair n Lovely)" : color= 1.4;
break;

case "Brown": color= 1.4;
break;

case "White": color= 1.9;
break;

case "Pitch Black (Not visible on a moonless night)" : color= 0.6;
break;

default: color = 1;

}

switch(groom_height)

{

case 'Less than 5\'4"' : height = 1.6;
break;

case '5\'4"' : height = 1.2;
break;

case '5\'5"' : height = 0.8;
break;

case '5\'6"' : height = 1.0;
break;

case '5\'7"' : height = 1.4;
break;

case '5\'8"' : height = 1.5;
break;

case '5\'9"' : height = 1.6;
break;

case '5\'10"' : height = 1.7;
break;

case '5\'11"' : height = 1.8;
break;

case '6' : height = 1.85;
break;

case '6\'1"' : height = 1.9;
break;

case 'Greater than 6\'1"' : height = 1.8;
break;

default: height = 1;

}

switch(groom_marriage)

{

case "0" : marriage = 1.6;
break;

case "1" : marriage = 1.2;
break;

case "2" : marriage = 0.4;
break;

case "More than 2" : marriage = 0.2;
break;

default: marriage  = 1;

}

switch(groom_father)

{

case "Doctor" : father= 1.6;
break;

case "IAS" : father = 1.2;
break;

case "Engineer" : father= 1.7;
break;

case "Lawyer" : father= 1.65;
break;

case "CA" : father= 1.8;
break;

case "Engineer + MBA" : father= 1.9;
break;

case "Family Business"  : father= 1.2;
break;

default : father = 1;

}

};

function processOrder() {

var total = age + caste + bachelor + master + doc + color + profession + father + marriage + height + country;

var pageNumber = Math.floor((20 - total) / 2 + 1);
// pageNumber = 6;
// alert(pageNumber);

window.open ("Page " + pageNumber + ".html");

}

</script>

<center> <INPUT TYPE="button" VALUE="Calculate" onClick="processOrder()">

</center>

I would really appreciate any kind of help. Thanks a lot!

rethink