show / hide row 1

[snowboardr]

I have working show / hide table row code (see below)

How can i do an javascript function that checks to see if the cell is being closed or opened so then I can load a different page on close in the iframe

this is my code for loading the iframe page

function loadIframe(iframeName, url) {
  if ( window.frames[iframeName] ) {
    window.frames[iframeName].location = url;   
    return false;
  }
  else return true;
}

<script type="text/javascript">

/* call onload with table id(s) */
function TR_set_toggle()
{
	/* toggleRow method */
	var toggleRow = function()
	{
		this.style.display = ((this.style.display == '') ? 'none' : '');
		return false;
	}

	for (var oTable, a = 0; a < arguments.length; ++a)
	{
		oTable = document.getElementById(arguments[a]);
     		var r = 0, row, rows = oTable.rows;
     		while (row = rows.item(r++))
			row.toggle = toggleRow;
	}

	/* convenience function */
	self.toggleRow = function(row_id)
	{
		document.getElementById(row_id).toggle();
	}
}

onload = function()
{
	TR_set_toggle('foo');
}


function loadIframe(iframeName, url) {
  if ( window.frames[iframeName] ) {
    window.frames[iframeName].location = url;   
    return false;
  }
  else return true;
}

</script>

as you can see below i load the page i want when they "open the row" but I want to change it back to "blankpage.html" when they close it.... this way its more efficient.. and other reasons too..

<a href="#null" class="cli" onclick="toggleRow('rowid<%=tid%>');loadIframe('frame<%=tid%>','post.asp')">

thanks a million!

 

[BillyRayPreachersSon]

You should remove the loadIframe call from the onclick, and modify the parameters being passed:

onclick="toggleRow('<%=tid%>');"

And modify the toggleRow function accordingly. You'll have to make it a global function rather than a variable, however (not sure why you even have it set up as a variable... is it even accessible outside the TR_set_toggle function?)

function toggleRow(tid) {
	if (this.style.display == 'none') {
		this.style.display = '';
		loadIframe('frame' + tid, 'post.asp');
	} else {
		this.style.display = 'none';
		loadIframe('frame' + tid, 'blankpage.html');
	}
	return false;
}

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[snowboardr]

Thanks Dan! However its not loading the post.asp page its just staying on blankpage.html. Any ideas?

<script type="text/javascript">
function loadIframe(iframeName, url) {
  if ( window.frames[iframeName] ) {
    window.frames[iframeName].location = url;   
    return false;
  }
  else return true;
}




/* call onload with table id(s) */
function TR_set_toggle()
{


	for (var oTable, a = 0; a < arguments.length; ++a)
	{
		oTable = document.getElementById(arguments[a]);
     		var r = 0, row, rows = oTable.rows;
     		while (row = rows.item(r++))
			row.toggle = toggleRow;
	}

	/* convenience function */
	self.toggleRow = function(row_id)
	{
		document.getElementById('rowid'+row_id).toggle();
	}
}

onload = function()
{
	TR_set_toggle('foo');
}



	/* toggleRow method */
	function toggleRow(tid) {
		if (this.style.display == 'none') {
			this.style.display = '';
			loadIframe('frame' + tid, 'post.asp');
		} else {
			this.style.display = 'none';
			loadIframe('frame' + tid, 'blankpage.html');
		}
		return false;
	}


</script>

 <a href="#null" class="cli" onclick="toggleRow('<%=tid%>');"><%=tcommentcount%> Comments</a>

Site San Diego www.sitesd.com

 

[BillyRayPreachersSon]

Right before this line:

if (this.style.display == 'none')

put this:

alert(this.style.display)

If it doesn't alert 'none' when it should, that's the problem.

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]