DHTML panel switch

Member

Message

Curt

Joined: Eons Ago

# Posts: 3677

Posted: 01/13/2008 02:20 am

For simplification's sake, I will post the rudimentary outline of what I'm trying to do. Here's the code:

Code: [copy]

<div id="FirstToSecond">
<table cellpadding="4" cellspacing="5" border="0"><tr>
<td bgcolor="#aaaaaa"><a href="#" onClick="SwitchTable();return true" class="SwitchTxt">First to Second</a></td>
<td bgcolor="#ffcccc"><a href="#" onClick="SwitchTable2();return true" class="SwitchTxt">Second to First</a></td>
</tr></table>
</div>

<div id="SecondToFirst">
<table cellpadding="4" cellspacing="5" border="0"><tr>
<td bgcolor="#ffcccc"><a href="#" onClick="SwitchTable();return true" class="SwitchTxt">First to Second</a></td>
<td bgcolor="#aaaaaa"><a href="#" onClick="SwitchTable2();return true" class="SwitchTxt">Second to First</a></td>
</tr></table>
</div>

box = document.getElementById("SecondToFirst"); box.style.visibility = "hidden"; box.style.position = "absolute"

function SwitchTable() {
	box = document.getElementById("FirstToSecond"); box.style.visibility = "visible"; box.style.position = "relative"
	box = document.getElementById("SecondToFirst"); box.style.visibility = "hidden"; box.style.position = "absolute"
}

function SwitchTable2() {
	box = document.getElementById("SecondToFirst"); box.style.visibility = "visible"; box.style.position = "relative"
	box = document.getElementById("FirstToSecond"); box.style.visibility = "hidden"; box.style.position = "absolute"
}

// --></script>

</body></html>

The above code works fine in Firefox, but does NOT operate correctly in MSIE7. When the second link is clicked, the whole button scheme disappears making the page useless.

Hopefully I've kept this simple enough for the other code masters to easily identify the flaw or to identify where something is missing. I'm just not seeing why it's not working. Insights anyone?

(Copy Shortcut)

Curt

Joined: Eons Ago

# Posts: 3677

Posted: 01/13/2008 10:06 pm

Here's the code again displayed in full view:

————————————————————————————————————
<html>
<head></head>
<body>

<div id="FirstToSecond">
<table cellpadding="4" cellspacing="5" border="0"><tr>
<td bgcolor="#aaaaaa"><a href="#" onClick="SwitchTable();return true" class="SwitchTxt">First to Second</a></td>
<td bgcolor="#ffcccc"><a href="#" onClick="SwitchTable2();return true" class="SwitchTxt">Second to First</a></td>
</tr></table>
</div>

<div id="SecondToFirst">
<table cellpadding="4" cellspacing="5" border="0"><tr>
<td bgcolor="#ffcccc"><a href="#" onClick="SwitchTable();return true" class="SwitchTxt">First to Second</a></td>
<td bgcolor="#aaaaaa"><a href="#" onClick="SwitchTable2();return true" class="SwitchTxt">Second to First</a></td>
</tr></table>
</div>

<script type="text/JavaScript"></script>

</body></html>
————————————————————————————————————

Hopefully that makes it a little bit more plain and won't scare away all you techies.

(Copy Shortcut)

beth_lk

Insider

Joined: Jun 23, 2004

# Posts: 1042

Posted: 01/13/2008 11:46 pm

All your T's are crossed and I's are dotted ( as the old saying goes ) from what I can see - hope someone here can help you smile

(Copy Shortcut)

g1smd

Moderator

Joined: Jul 28, 2002

# Posts: 10153

Website

Posted: 01/14/2008 04:51 pm

I do almost zero javaScript stuff... so I have no idea what that is all about. Sorry!

(Copy Shortcut)

Curt

Joined: Eons Ago

# Posts: 3677

Posted: 01/14/2008 06:59 pm

Yep, it should work, but does not for MSIE. I hate MSIE. I've run into this crap over and over repeatedly with ole bill gates' microcrap. Works well with firefox, but not in MSIE.

In fact, nearly all my Javascripting, DHTML and CSS problems originate with Microcrap Internet Destroyer. MCID stinks.

MCID = MSIE

(Copy Shortcut)

g1smd

Moderator

Joined: Jul 28, 2002

# Posts: 10153

Website

Posted: 01/15/2008 11:56 am

Have you run JSLint or whatever it is called over the JS files to see incompatibilities and problems listed?

I have seen it but never used it.

(Copy Shortcut)

Curt

Joined: Eons Ago

# Posts: 3677

Posted: 01/17/2008 04:34 pm

[old statement no longer relevant]

(Copy Shortcut)

Curt

Joined: Eons Ago

# Posts: 3677

Posted: 01/17/2008 04:43 pm

OK, I found the web site (www.jslint.com). However, the errors I'm seeing don't make sense to me. The code is simple (in the above example) and should run without a hitch. Perhaps I'm missing something that needs to be added. At my wits end.

Dang, really hate microcrap.

(Copy Shortcut)

Curt

Joined: Eons Ago

# Posts: 3677

Posted: 01/24/2008 04:25 pm

Where are the JavaScript supermen when you need them? smile

(Copy Shortcut)

You are not permitted to post messages in this forum or topic, because of one or more of the following reasons:

You have not yet logged in, or registered properly as a member
You are a member, but no longer have posting rights.
This is a private forum, for which you do not have permissions.

If you are a recent member, it's possible that you simply have not yet confirmed your account. Please check your email for a message entitled 'JimWorld Forums: Confirm Your Account' and follow the instructions contained within.

If you cannot find this message, click here to Re-Send it.

If you are still experiencing problem, please read the Login Assistance Article for some advice on what may be causing your login not to work properly.

Switch to Advanced Editor and ... Create a New Topic or Reply to this Thread

SEF