JavaScript - How To Javascript Daily Link/content Change?

I tried to word the question as best as possible, but here is what I want to do. I am creating a calculator online and it is getting more and more extensive, which is good b/c I'm learning a lot. Here is what I'm trying accomplish now.

I am using "input" to get information from the user in the top section of my calculator and that will always stay the same.

The part that will change is the results section (bottom part of the calc) based on a few different variations or setups, so I want to be able have them click on a few different options.

Option 1
Option 2
Option 3

Depending on which one they click I want the javascript that is run for the results section to correspond to the option chosen. I also, want to be able to have a default option displayed the first time the page is loaded and then have it change if a different option is chosen. I don't think reloading the page is necessary, but I'm new to this and could use a little direction.


I hope what I'd like to do makes a little sense. I'm not asking for any code written that will do this, but naturally something hints or tips that could get me going.

I don't know how to "monitor" a link and return a value to a variable, so that it can be put into a an if statement in the results section. After that, it would be continually monitored or somehow restarted if the variable does change. Again, I don't know if this is the best way to go at it, but I'm not sure at all. Any help would be awesome. I have looked at "onclick", but I'm not completely sure how I can tie it all together of if I should use another method. Thanks for any suggestions/ideas/help.

I work at a bar in Louisiana and have been put in charge of the website.

Every day (Sun-Sat) we update the main page with who is bartending that night, along with a few other edits.

I don't come into the office until 2pm, Mon-Fri.

I would really prefer if the website could be updated 'automatically' at like, 4am or something, every day. Instead of me struggling to figure out how I'll update it on weekends.

I have to use FrontPage, so I'm limited in the types of codes I can use. But Javascript seems to work well.

What I'm thinking is have an 'updates' folder with pages labeled either by weekday (sunday.html monday.html tuesday.html, etc) or by date (072410.html, 072510.html, etc). Then the main page having some code that pulls from those files. (I'd prefer the weekday setup if I have the option)

Since the bar doesn't close until 2am most days, I'd rather not have it change over at exactly midnight, but I'm willing to work with that if it means I know it's being updated every day regularly.

I have a Java Script that displays a Daily Affirmation on a webpage from an array of 365 Affirmations within the same html webpage file. This makes the html file size way too large. So I would like for the java script to read the array from an external text file on the same website server.

Please provide me the Code to insert within my script which will read the array from an external text file - and also the format that the array of 365 lines must be typed into the external text file.

I am not a Javascript Programmer - and know nothing about Javascript, so please write your reply at my (lack of) knowledge Level. Thank you in advance!

Here is the code I am using.

<script language=javascript>
<!--

Date.prototype.getDOY = function()
{var onejan = new Date(this.getFullYear(),0,1);
return Math.ceil((this - onejan) / 86400000);}


var today = new Date();
var DOY = today.getDOY();

var HL=new Array()

//Configure the following array to hold the 365 HLs for each day of the year

HL[1]='HL 1 goes here'
HL[2]='HL 2 goes here'
HL[3]='HL 3 goes here'

// Jump to Day 224 of the year for this example only

HL[224]='I am surrounding myself with positive and supportive people. When I nurture relationships that give me energy and enjoyment, I mirror my beliefs that I deserve such gifts.'
HL[225]='Today I affirm my own worth and value, and discover that the world agrees with me.'
HL[226]='I am sowing seeds based on a healthy belief in my own self-worth. My life is flourishing with growing love, contentment, and exciting possibilities.'
HL[227]='HL 227 goes here'
HL[228]='HL 228 goes here'

// Jump to last HL for Day 365 of year - for this example only

HL[365]='HL 365 goes here'

document.write(HL[DOY])

//-->
</script>

I want a code that changes text (of maybe a div) after 10 seconds.
So like i could have some text and a link on my page then after 10 seconds it will change to something else and i can make it change to as many things as i want. Then when it goes threw them all it starts over.

THANKS

Hi all

I'm rather new to java scripting and trying to get this done for over a week now.

I'm building a complete new site (not online yet) which is done for 99,9%

The site consists of:

Index - No frames - Just an entrance of the site with links
main menu
Section1 - 1 iframe ("iframe1") - default src=iframe1defaultsection1content
main menu submenu section1
Section2 - 2 iframes ("iframe1","iframe2") - default src = iframe1defaultsection2content - frame2 contains images that change
main menu submenu section2
Section3 - 1 iframe ("iframe1") - default src=iframe1defaultsection3content
main menu submenu section3
Section4 - 1 iframe ("iframe1") - default src=iframe1defaultsection4content
main menu submenu section4
Contact - 1 iframe ("iframe1") - default src=iframe1defaultcontactcontent
main menu submenu contact

The main menu is plain html that is on every page
I use javascripts to make a loadIframeFunction load content into the iframes

Code:

<head>
<script type="text/javascript>
var iframeids=["iFrame1"]

var iframehide="yes"

function loadintoIframe(iframeid, url){
if (document.getElementById)
document.getElementById(iframeid).src=url
}
</script>
</head>
<body>

<iframe id="iframe1" src="iframesection1start.html" width="644px" height="385px" style="position:absolute; left:505px; top:275px; z-index:73 scrolling="yes" marginwidth="0" marginheight="0" frameborder="0"></iframe>

<a href="javascript:loadintoIframe('iframe1', 'iframecontent.html')" title="content">Content</a>

</body>

Everything works, but 1 thing.

i can't get the links in the index page link to the specific section page AND change the default src content

can anybody assist me pls?

I'm beginner, and there is a task in exam to change inner content of the second child node. Can't get, please help or maybe link to an article how to do it, because I can't find anything in my study book;

edit: is this correct?

function SetUpTranslation() {
var phrases = document.getElementsByTagName('p');
for (var i=0; i < p.attributes.length; i++){
phrases.secondNode.innerHTML=french[i];
element.onclick=swapFE(phrases.secondNode);
element.onmouseup=swapFE(phrases.secondNode);
}
}

hi all,

I really need help with this topic. I have to use onMouseOver to change the content of an iframe. I'm trying to use an array but I'm confused and I'm not really sure if what I'm doing is correct and it doesnt work. I will appreciate your help and understanding.

Thanks a lot!

here is part of my code..


var frame=new Array(6);
frame[0]="page1.html";
frame[1]="page2.html";
frame[2]="page3.html";
frame[3]="page4.html";
frame[4]="page5.html";
frame[5]="page6.html";
var j=0;

function nextFrame()

{
if (j < 5)
{
j++;
document.getElementById(frame).contentDocument=frame[j];

}
return;
}

<span onMouseOver="nextFrame()" > <img name="upperImage" src="something.jpg" width=350 height=250 /></span>

<iframe id="frame1" name="frame1" src="" width=350 height=250 frameborder="0"> </iframe>


Please let me know if at least I'm in the right track.

Thanks

HI every one
I want to change a div content in my page via javascript , the problem is the index.php file is coded and I can't read it , but I could execute some JavaScript codes from somewhere else .

The problem is that the <div> is in the lowest side of the page and my javascript code is above it , so The javascript code runs first and It couldn't find the div because it's not loaded yet .

my javascript code is something like this :

<script>
document.getElementById("test").innerHTML= "ddd";
</script>
<div id="test">dude</div>


in the example above , it's not working But if I insert the JavaScript below the <div> it's working .

How can I run it in this example ? If the javascript code is above the <div> , how can I change the div's content ?

Thanks

Hi ,

I am new to javascript and have coded an invoice page through help from some available content on web.

here is my requirement

My form contains inputs "item ,rate quantity,price" in a tabular form where one can dynamically add or delete rows.And the requirement is that

when Quantity is entered the Price should change to Price=Quantity*Rate on tab out

So I have used a Javascript onchange() and this works fine for the first displayed row. but for dynamically added rows this does not happen, I am not able change the price value for dynamically added rows.

Code is as below
direct_invoice.html


Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<script type="text/javascript" src="js/direct_invoice_table.js">

</script>

<html>
     <head>
          <title>Direct Invoice</title>
     </head>
     <body leftmargin="0" topmargin="0">
	 
	 <p align = "center" font='30'><input type="text" name="company_name" size="20" maxsize="20" />
	  <b> Invoice</b></p>
	 
		<table id="Client_Details">
		  <tr>
			<th>Client Name:</th>
			<td><input type="text" name="client_name" size="20" maxsize="20" /></td>
		  </tr>
		  <tr>
			<th>Client Address:</th>
			<td><input type="text" name="address_line1" size="20" maxsize="40" /></td>
		  </tr>
		  <tr>
		  <td></td>
			<td><input type="text" name="address_line2" size="20" maxsize="40" /></td>			
		  </tr>
		  <tr>
			<th>Pin Code:</th>
			<td><input type="text" name="client_pin" size="7" maxsize="7" /></td>		
		  </tr>		  
		  <tr>
			<th>City/State/Country:</th>
			<td><input type="text" id="client_city" size="10" maxsize="30" /></td><td>/</td>
			<td><input type="text" id="client_state" size="10"  maxsize="20" /></td><td>/</td>
			<td><input type="text" id="client_country" size="10" maxsize="20" /></td>			
		  </tr>
		<tr>
			<th>Email Address:</th>
			<td><input type="text" name="client_city" size="10" maxsize="30" /></td>			
		  </tr>
		<tr>
			<th>TIN/PAN:</th>
			<td><input type="text" name="tin_or_pan" size="10" maxsize="20	" /></td>			
		  </tr>		  
		</table>
	 
	                <table align="center" width = "75%">
                    <tr>
                         <td align = "center">
                              <!--- very imporant to give the table an id --->
                              <!--- otherwise it won't know where to edit --->
                              <table border="1" id="mySampleTable">
                                     <tr>
									 	<th>Item No</th>
										<th>Item Name</th>
										<th>Description</th>
										<th>Unit Cost</th>
										<th>Quantity</th>
										<th>Price</th>
										<th> <font color="RED">Delete</font></th>
                                   </tr>
									<tr>
										<td>1</td>
					<td><input type="text" name="itemname[]"  size="40" "maxsize="100"/></td>
					<td><input type="text" name="description[]" size="20" " maxsize="100" /></td>
					<td><input type="text" id = "unitcost[]" name="unitcost[]" size="10" maxsize="100" /></td>
					<td><input type="text" id = "quantity[]" name="quantity[]" onchange="dynamic_onc();" size="4" maxsize="100" /></td>
					<td><input type="text" id = "price[]" name="price[]" size="10" maxsize="100" /></td>
								   </tr>
							  </table>
								<table id="totaltbl" align="right">
								<tr>
								  <td></td>
								 </tr>
								  <tr>
									<th>Vat %</th>
									<td><input type="text" name="total" size="3" maxsize="3" /></td>
								  </tr>
								  <tr>
									<th>Total</th>
									<td><input type="text" id = "total"  name="total" size="20" maxsize="100" /></td>
								  </tr>
								</table>

	
                         </td>
                    </tr>
               </table>
          <form action="save_entry.php" name="eval_edit" method="post" format="html">
					<p>	
						<input type="button" value="Add Row" onclick="addRow();" />	
						<input type="button" value="Calculate Total Amount" onclick="Totalcal();" />	
						<input type="button" value="Print" />
					
					</p>
          </form>
		  
		  	 <p align = "left" font='100'> <b>Company Name: </b> <input type="text" name="company_address_line1" size="20" maxsize="20" />
	  </p>
	  <p align = "left" font='100'> <b>Company address line: </b> <input type="text" name="company_address_line2" size="20" maxsize="20" /></p>
	  	  <p align = "left" font='100'> <b>Company Location: </b><input type="text" name="company_address_location" size="20" maxsize="20" /></p>
     </body>
</html>

***************

The below is the javascript function that i wrote


Code:

function addRow()
     {
          // grab the element, i.e. the table your editing, in this we're calling it 
          // 'mySampleTable' and it is reffered to in the table further down on the page 
          // with a unique of id of you guessed it, 'mySampleTable'
          var tbl = document.getElementById('mySampleTable');
          // grab how many rows are in the table
          var lastRow = tbl.rows.length;

          // if there's no header row in the table (there should be, code at least one 
          //manually!), then iteration = lastRow + 1
          var iteration = lastRow;
		  
          // creates a new row
          var row = tbl.insertRow(lastRow);

          // left cell
          // insert a cell
          var cellLeft = row.insertCell(0);
          // here we're just using numbering the cell, like anything else you don't
          // have to use this, but i've kinda noticed users tend to like them
          var textNode = document.createTextNode(iteration);
          // takes what we did (create the plain text number) and appends it the cell
          // we created in the row we created. NEAT!
          cellLeft.appendChild(textNode);

          // right cell
          // another cell!
          var cellRight1 = row.insertCell(1);
          // creating an element this time, specifically an input
          var el = document.createElement('input');
          // a data type of text
          el.type = 'text';
          // the name of the element itemname, and because this is dynamic we also
          // append the row number to it, so for example if this is the eigth row
          // being created the text box will have the name of itemname8. super fantastic.
          // the exact same thing with a unique id
          el.id = 'itemname[]'+ iteration;
          // set it to size of 40. setting sizes is good.
          el.size = 40;
          // same thing as earlier, append our element to our freshly and clean cell
          cellRight1.appendChild(el);
		  
    	  var cellRight2 = row.insertCell(2);
          var e2 = document.createElement('input');
          e2.type = 'text';
          e2.id = 'description[]' + iteration;
          e2.size = 20;
	      e2.maxsize = 100;
          cellRight2.appendChild(e2);

    	  var cellRight3 = row.insertCell(3);
          var e3 = document.createElement('input');
          e3.type = 'text';
          e3.id = 'unitcost[]' + iteration;
          e3.size = 10;
 	      e3.maxsize = 100;
          cellRight3.appendChild(e3);
	
    	  var cellRight4 = row.insertCell(4);
          var e4 = document.createElement('input');
          e4.type = 'text';
          e4.id = 'quantity[]'+ iteration;
          e4.size = 4;
 	      e4.maxsize = 100;
	
          cellRight4.appendChild(e4);

    	  var cellRight5 = row.insertCell(5);
          var e5 = document.createElement('input');
          e5.type = 'text';
          e5.id = 'price[]'+ iteration;
          e5.size = 10;
		  e5.maxsize = 100;
		  
          cellRight5.appendChild(e5);
	  
		 // var cellRight7 = row.insertCell(7);
         // var e7 = document.createElement('input');
         // e7.type = 'CHECKBOX';
         // e7.id = 'cancel[]';
         // cellRight7.appendChild(e7);
		
		  var cellRight6  = row.insertCell(6);
		  cellRight6.innerHTML = "&nbsp;&nbsp;<input type='button' value='Delete' size='6' onclick='removeRow(this);'/>";
		
          e4.onclick = dynamic_onc();	
			
     }

	function removeRow(src)
	{
		/* src refers to the input button that was clicked.	
		   to get a reference to the containing <tr> element,
		   get the parent of the parent (in this case case <tr>)
		*/			
		var oRow = src.parentElement.parentElement;		
		
		//once the row reference is obtained, delete it passing in its rowIndex			
		document.all("mySampleTable").deleteRow(oRow.rowIndex);		
	}
	function countRow()
	 {
		var Rowcount = document.getElementById('mySampleTable').rows.length;
		document.eval_edit.count.value = Rowcount-1;
		
	 }
	 	function CalculatePrice()
	 {
		var Rowcount = document.getElementById('mySampleTable').rows.length;
		document.eval_edit.count.value = Rowcount-1;
		
	 }
	 
	     function onc() {
	
        var a= document.getElementById('unitcost[]');
        var b= document.getElementById('quantity[]');
		var c = Math.ceil(a.value*b.value);
			alert(b);
	document.getElementById('price[]').value =c;
	
 }
		
		function dynamic_onc()
		{
		alert('Jay'	);
		e5.value =7;		
		}
		
		function Totalcal() {
		var a= document.getElementById('unitcost[]');
        var b= document.getElementById('quantity[]');
		var c = Math.ceil(a.value*b.value);
		alert(b.value);
		document.getElementById('price[]').value =c;
		}

hey guys
i downloaded the 'Content Slider v2.4', and this has a feature which will save a cookie used to remember and recall the last content viewed by the user when they return to the page. (click here for more information on the script.)


the only thing is that this is made for pages with URLs such as:
Quote:
www.mysite.com/gallery_album_1/content.php
but my URLS are set out like:
Quote:
www.mysite.com/content.php?gallery_album_1

is there a way to make to so the cookie remembers the page via the "php?gallery_album_1" part instead of the "content.php" part.

i need it to be like this simply because i have multiple galleries coming from the oe page, eg:
Quote:
www.mysite.com/content.php?gallery_album_1
www.mysite.com/content.php?gallery_album_2
www.mysite.com/content.php?gallery_album_3

the main code of the js is as follows:

Code:

//** Featured Content Slider script- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com.
//** May 2nd, 08'- Script rewritten and updated to 2.0.
//** June 12th, 08'- Script updated to v 2.3, which adds the following features:
			//1) Changed behavior of script to actually collapse the previous content when the active one is shown, instead of just tucking it underneath the later.
			//2) Added setting to reveal a content either via "click" or "mouseover" of pagination links (default is former).
			//3) Added public function for jumping to a particular slide within a Featured Content instance using an arbitrary link, for example.

//** July 11th, 08'- Script updated to v 2.4:
			//1) Added ability to select a particular slide when the page first loads using a URL parameter (ie: mypage.htm?myslider=4 to select 4th slide in "myslider")
			//2) Fixed bug where the first slide disappears when the mouse clicks or mouses over it when page first loads.

var featuredcontentslider={

//3 variables below you can customize if desired:
ajaxloadingmsg: '<div style="margin: 20px 0 0 20px"><img src="../images/loading.gif" /> Fetching slider Contents. Please wait...</div>',
bustajaxcache: true, //bust caching of external ajax page after 1st request?
enablepersist: true, //persist to last content viewed when returning to page?

settingcaches: {}, //object to cache "setting" object of each script instance

jumpTo:function(fcsid, pagenumber){ //public function to go to a slide manually.
	this.turnpage(this.settingcaches[fcsid], pagenumber)
},

ajaxconnect:function(setting){
	var page_request = false
	if (window.ActiveXObject){ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
		try {
		page_request = new ActiveXObject("Msxml2.XMLHTTP")
		} 
		catch (e){
			try{
			page_request = new ActiveXObject("Microsoft.XMLHTTP")
			}
			catch (e){}
		}
	}
	else if (window.XMLHttpRequest) // if Mozilla, Safari etc
		page_request = new XMLHttpRequest()
	else
		return false
	var pageurl=setting.contentsource[1]
	page_request.onreadystatechange=function(){
		featuredcontentslider.ajaxpopulate(page_request, setting)
	}
	document.getElementById(setting.id).innerHTML=this.ajaxloadingmsg
	var bustcache=(!this.bustajaxcache)? "" : (pageurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
	page_request.open('GET', pageurl+bustcache, true)
	page_request.send(null)
},

ajaxpopulate:function(page_request, setting){
	if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
		document.getElementById(setting.id).innerHTML=page_request.responseText
		this.buildpaginate(setting)
	}
},

buildcontentdivs:function(setting){
	var alldivs=document.getElementById(setting.id).getElementsByTagName("div")
	for (var i=0; i<alldivs.length; i++){
		if (this.css(alldivs[i], "contentdiv", "check")){ //check for DIVs with class "contentdiv"
			setting.contentdivs.push(alldivs[i])
				alldivs[i].style.display="none" //collapse all content DIVs to begin with
		}
	}
},

buildpaginate:function(setting){
	this.buildcontentdivs(setting)
	var sliderdiv=document.getElementById(setting.id)
	var pdiv=document.getElementById("paginate-"+setting.id)
	var phtml=""
	var toc=setting.toc
	var nextprev=setting.nextprev
	if (typeof toc=="string" && toc!="markup" || typeof toc=="object"){
		for (var i=1; i<=setting.contentdivs.length; i++){
			phtml+='<a href="#'+i+'" class="toc">'+(typeof toc=="string"? toc.replace(/#increment/, i) : toc[i-1])+'</a> '
		}
		phtml=(nextprev[0]!=''? '<a href="#prev" class="prev">'+nextprev[0]+'</a> ' : '') + phtml + (nextprev[1]!=''? '<a href="#next" class="next">'+nextprev[1]+'</a>' : '')
		pdiv.innerHTML=phtml
	}
	var pdivlinks=pdiv.getElementsByTagName("a")
	var toclinkscount=0 //var to keep track of actual # of toc links
	for (var i=0; i<pdivlinks.length; i++){
		if (this.css(pdivlinks[i], "toc", "check")){
			if (toclinkscount>setting.contentdivs.length-1){ //if this toc link is out of range (user defined more toc links then there are contents)
				pdivlinks[i].style.display="none" //hide this toc link
				continue
			}
			pdivlinks[i].setAttribute("rel", ++toclinkscount) //store page number inside toc link
			pdivlinks[i][setting.revealtype]=function(){
				featuredcontentslider.turnpage(setting, this.getAttribute("rel"))
				return false
			}
			setting.toclinks.push(pdivlinks[i])
		}
		else if (this.css(pdivlinks[i], "prev", "check") || this.css(pdivlinks[i], "next", "check")){ //check for links with class "prev" or "next"
			pdivlinks[i].onclick=function(){
				featuredcontentslider.turnpage(setting, this.className)
				return false
			}
		}
	}
	this.turnpage(setting, setting.currentpage, true)
	if (setting.autorotate[0]){ //if auto rotate enabled
		pdiv[setting.revealtype]=function(){
			featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id])
		}
		sliderdiv["onclick"]=function(){ //stop content slider when slides themselves are clicked on
			featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id])
		}
		setting.autorotate[1]=setting.autorotate[1]+(1/setting.enablefade[1]*50) //add time to run fade animation (roughly) to delay between rotation
	 this.autorotate(setting)
	}
},

urlparamselect:function(fcsid){
	var result=window.location.search.match(new RegExp(fcsid+"=(\\d+)", "i")) //check for "?featuredcontentsliderid=2" in URL
	return (result==null)? null : parseInt(RegExp.$1) //returns null or index, where index (int) is the selected tab's index
},

turnpage:function(setting, thepage, autocall){
	var currentpage=setting.currentpage //current page # before change
	var totalpages=setting.contentdivs.length
	var turntopage=(/prev/i.test(thepage))? currentpage-1 : (/next/i.test(thepage))? currentpage+1 : parseInt(thepage)
	turntopage=(turntopage<1)? totalpages : (turntopage>totalpages)? 1 : turntopage //test for out of bound and adjust
	if (turntopage==setting.currentpage && typeof autocall=="undefined") //if a pagination link is clicked on repeatedly
		return
	setting.currentpage=turntopage
	setting.contentdivs[turntopage-1].style.zIndex=++setting.topzindex
	this.cleartimer(setting, window["fcsfade"+setting.id])
	setting.cacheprevpage=setting.prevpage
	if (setting.enablefade[0]==true){
		setting.curopacity=0
		this.fadeup(setting)
	}
	if (setting.enablefade[0]==false){ //if fade is disabled, fire onChange event immediately (verus after fade is complete)
		setting.contentdivs[setting.prevpage-1].style.display="none" //collapse last content div shown (it was set to "block")
		setting.onChange(setting.prevpage, setting.currentpage)
	}
	setting.contentdivs[turntopage-1].style.visibility="visible"
	setting.contentdivs[turntopage-1].style.display="block"
	if (setting.prevpage<=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted)
		this.css(setting.toclinks[setting.prevpage-1], "selected", "remove")
	if (turntopage<=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted)
		this.css(setting.toclinks[turntopage-1], "selected", "add")
	setting.prevpage=turntopage
	if (this.enablepersist)
		this.setCookie("fcspersist"+setting.id, turntopage)
},

setopacity:function(setting, value){ //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between)
	var targetobject=setting.contentdivs[setting.currentpage-1]
	if (targetobject.filters && targetobject.filters[0]){ //IE syntax
		if (typeof targetobject.filters[0].opacity=="number") //IE6
			targetobject.filters[0].opacity=value*100
		else //IE 5.5
			targetobject.style.filter="alpha(opacity="+value*100+")"
	}
	else if (typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax
		targetobject.style.MozOpacity=value
	else if (typeof targetobject.style.opacity!="undefined") //Standard opacity syntax
		targetobject.style.opacity=value
	setting.curopacity=value
},

fadeup:function(setting){
	if (setting.curopacity<1){
		this.setopacity(setting, setting.curopacity+setting.enablefade[1])
		window["fcsfade"+setting.id]=setTimeout(function(){featuredcontentslider.fadeup(setting)}, 50)
	}
	else{ //when fade is complete
		if (setting.cacheprevpage!=setting.currentpage) //if previous content isn't the same as the current shown div (happens the first time the page loads/ script is run)
			setting.contentdivs[setting.cacheprevpage-1].style.display="none" //collapse last content div shown (it was set to "block")
		setting.onChange(setting.cacheprevpage, setting.currentpage)
	}
},

cleartimer:function(setting, timervar){
	if (typeof timervar!="undefined"){
		clearTimeout(timervar)
		clearInterval(timervar)
		if (setting.cacheprevpage!=setting.currentpage){ //if previous content isn't the same as the current shown div
			setting.contentdivs[setting.cacheprevpage-1].style.display="none"
		}
	}
},

css:function(el, targetclass, action){
	var needle=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "ig")
	if (action=="check")
		return needle.test(el.className)
	else if (action=="remove")
		el.className=el.className.replace(needle, "")
	else if (action=="add")
		el.className+=" "+targetclass
},

autorotate:function(setting){
 window["fcsautorun"+setting.id]=setInterval(function(){featuredcontentslider.turnpage(setting, "next")}, setting.autorotate[1])
},

getCookie:function(Name){ 
	var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
	if (document.cookie.match(re)) //if cookie found
		return document.cookie.match(re)[0].split("=")[1] //return its value
	return null
},

setCookie:function(name, value){
	document.cookie = name+"="+value

},


init:function(setting){
	var persistedpage=this.getCookie("fcspersist"+setting.id) || 1
	var urlselectedpage=this.urlparamselect(setting.id) //returns null or index from: mypage.htm?featuredcontentsliderid=index
	this.settingcaches[setting.id]=setting //cache "setting" object
	setting.contentdivs=[]
	setting.toclinks=[]
	setting.topzindex=0
	setting.currentpage=urlselectedpage || ((this.enablepersist)? persistedpage : 1)
	setting.prevpage=setting.currentpage
	setting.revealtype="on"+(setting.revealtype || "click")
	setting.curopacity=0
	setting.onChange=setting.onChange || function(){}
	if (setting.contentsource[0]=="inline")
		this.buildpaginate(setting)
	if (setting.contentsource[0]=="ajax")
		this.ajaxconnect(setting)
}

}

as far as i can see, the parts of the code which are about the cookies are labeled "enablepersist"


thanks guys

The project I am working on involves a flash piece that communicates with a iframe. Currently the flash piece just calls on javascript functions. I want the buttons in the flash piece to be able to change the src of the iframe.

PHP Code:
<script type="text/javascript">

document.getElementById('video').setAttribute('src',address2);

function closeVideo() {
   document.getElementById('video').style.height='0px'; return false;
   document.getElementById('video').setAttribute('src', address2);
   }
function openVideo() {
        document.getElementById('video').style.height='391px'; return false;
        document.getElementById('video').setAttribute('src', address);
}  
</script> 


So the way the code works now is when the page loads it sets the iframe with the id of 'video' to the variable address2 which it pulls from an XML file. In the flash piece when a button is hit, it calls openVideo() which "opens" the iframe and I want it to change the contents to address. This does not work though. It opens the frame but will not change the src.

I've tried a bunch of different things now such as make the flash target the iframe using navigateToURL(request1, 'video'); but in Firefox and IE is opens it stills as if I had _blank in there. It does strangely work in Safari.

Any ideas how to get this to work? I'm new to javascript so it could be something basic I'm overlooking

Hi guys,

The code in question is www.spectral.og.uk/test5/work2.htm

I am trying to change the main 'SPECTRAL' video content mid-right when I click on the 'Change Movie' at the bottom. Eventually I want to be able to do this from the thumbnails but Im just running a simple test first.

So I defined the function 'ChangeMOVIE' on line 14 using document.getElementById & innerHTML, etc, to replicate the flash player script contents that are incidentally ID'd as "BIGCHANGE" (ie, part of the main flash player on line 249) but simply replacing a different name for the video when it reaches the Flashvars "&file=Splash.flv" to something else to effect the change of video content I'm after, 'Olay.flv' I think.

I have tried so hard to research into this but it just doesn't work.

Is the problem to do with that :-

1) You can't ID something within <script>, ie BIGCHANGE in this instance.

2) innerHTML is only really for text replacement, not the amount of script I've stuck into it to replace within the whole <TD> cell with ID 'VID' (ie the main flash player) even though I've used delimiters and everything within the innerHTML data to try and not confuse it with apostrophes within speach marks, etc

Any thoughts where I'm going wrong? Maybe Im barking up the wrong tree on this!

Thanks so much guys for any headsup on a solution to this as I've been up all night for about a week on this!

Dom