Ad:

Site Layout and Usability Discussion Thread
Unsolved
Views: 2245

Apr 29th, 2006

First post need some help!

Expand Post »

Hi I'm currently buidling my own website and know a feature i want and am looking for a script or some code to do it. only thing is i can't think what it would be called!

basically i want key features of the product on one side of the page, and the other side displays a description of each feature as it is clicked. I want it to load just on the far side of the page though rather than refreshing the whole page if that makes sense - i.e the user remains on the one page but the information changes as they click on things. any pointers would be appreciated!

Similar Threads

one away from my hundredth! in Geeks' Lounge
No display durring post with new mobo-- in Motherboards, CPUs and RAM
windows xp will not boot throught post... in Troubleshooting Dead Machines
will not post in Troubleshooting Dead Machines
POST Problem in Troubleshooting Dead Machines

themastertaylor

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

1 posts
since Apr 2006

Permalink

May 19th, 2006

Re: First post need some help!

There are many ways to accomplish this, the easiest would be frames, although frames aren't the best way to go anymore. If you use Dreamweaver there are built in options to help you accomplish this, otherwise a tutorial on webmonkey or another how to site would be a good place to learn.

rus

Reputation Points: 11

Solved Threads: 1

Junior Poster in Training

Offline

50 posts
since Dec 2004

Permalink

May 20th, 2006

Re: First post need some help!

Yes. rus is right. The only way to do what you are asking for is using frames. However, frames are not widely used or accepted anymore as good website design.

alpha2006

Reputation Points: 10

Solved Threads: 5

Junior Poster

Offline

116 posts
since Apr 2006

Permalink

May 26th, 2006

Re: First post need some help!

You could accomplish this effect with Java Script!

rickvidallon

Reputation Points: 10

Solved Threads: 0

Light Poster

Offline

48 posts
since May 2006

Permalink

May 26th, 2006

Re: First post need some help!

Quote ...

The only way to do what you are asking for is using frames

yes, and mountain dew is the only flavor of soda....

taylor, here is a javascript example of something similar to what you want using javascript

(Toggle Plain Text)

<html>
<head>
<title>Our Products</title>
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<style type="text/css"> 
	.submenu { padding-left:15px;}
		</style>
<script type="text/javascript">
<!--


function SwitchtoSub1(){
if(document.getElementById){
	var el = document.getElementById('sub2');
		el.style.display = "none";
	var el = document.getElementById('sub1');
		el.style.display = "block";
	var el = document.getElementById('sub3');
		el.style.display = "none";
	}
}

function SwitchtoSub2(){
if(document.getElementById){
	var el = document.getElementById('sub2');
		el.style.display = "block";
	var el = document.getElementById('sub1');
		el.style.display = "none";
	var el = document.getElementById('sub3');
		el.style.display = "none";
	}
}



function SwitchtoSub3(){
if(document.getElementById){
	var el = document.getElementById('sub2');
		el.style.display = "none";
	var el = document.getElementById('sub1');
		el.style.display = "none";
	var el = document.getElementById('sub3');
		el.style.display = "block";
	}
}


-->
</script>
</head>
<body>
<p><b>ProductList</b></p>

<form name="form1" action="productorder.html" method=post>
Please select a product:<br><br>
<input type=radio name=mType onclick="SwitchtoSub1()" value="prod1" checked><b>Product1</b><br>
<input type=radio name="mType" onclick="SwitchtoSub2()" value="prod2"><b>Product2</b><br>
<input type=radio name=mType onclick="SwitchtoSub3()" value="prod3"><b>Product3</b><br>

<br>
<br>
Product Information:
<table bgcolor="#CCCCCC" border=2>
<tr>
<td width=600 height=300>

<div class="submenu" id="sub1" style="display:block;">
Product 1 Sucks but its free.
</div>


<div class="submenu" id="sub2" style="display:none;">
Product 2 is cheap and does some neat stuff
</div>
<div class="submenu" id="sub3" style="display:none;">
Product 3 does everything, but it costs more than your house
</div>&nbsp;
</td></tr></table><br>
<table>
<tr><td width=600>
<center><input type=submit name="cont" value=Continue></center>
</td></tr></table></form>
</body></html>

<html>
<head>
<title>Our Products</title>
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<style type="text/css"> 
	.submenu { padding-left:15px;}
		</style>
<script type="text/javascript">
<!--


function SwitchtoSub1(){
if(document.getElementById){
	var el = document.getElementById('sub2');
		el.style.display = "none";
	var el = document.getElementById('sub1');
		el.style.display = "block";
	var el = document.getElementById('sub3');
		el.style.display = "none";
	}
}

function SwitchtoSub2(){
if(document.getElementById){
	var el = document.getElementById('sub2');
		el.style.display = "block";
	var el = document.getElementById('sub1');
		el.style.display = "none";
	var el = document.getElementById('sub3');
		el.style.display = "none";
	}
}



function SwitchtoSub3(){
if(document.getElementById){
	var el = document.getElementById('sub2');
		el.style.display = "none";
	var el = document.getElementById('sub1');
		el.style.display = "none";
	var el = document.getElementById('sub3');
		el.style.display = "block";
	}
}


-->
</script>
</head>
<body>
<p><b>ProductList</b></p>

<form name="form1" action="productorder.html" method=post>
Please select a product:<br><br>
<input type=radio name=mType onclick="SwitchtoSub1()" value="prod1" checked><b>Product1</b><br>
<input type=radio name="mType" onclick="SwitchtoSub2()" value="prod2"><b>Product2</b><br>
<input type=radio name=mType onclick="SwitchtoSub3()" value="prod3"><b>Product3</b><br>

<br>
<br>
Product Information:
<table bgcolor="#CCCCCC" border=2>
<tr>
<td width=600 height=300>

<div class="submenu" id="sub1" style="display:block;">
Product 1 Sucks but its free.
</div>


<div class="submenu" id="sub2" style="display:none;">
Product 2 is cheap and does some neat stuff
</div>
<div class="submenu" id="sub3" style="display:none;">
Product 3 does everything, but it costs more than your house
</div>&nbsp;
</td></tr></table><br>
<table>
<tr><td width=600>
<center><input type=submit name="cont" value=Continue></center>
</td></tr></table></form>
</body></html>

campkev

Reputation Points: 14

Solved Threads: 19

Posting Pro in Training

Offline

484 posts
since Jul 2005

Permalink

Jun 1st, 2006

Re: First post need some help!

If you feel adventurous enough, read up on ajax. It's meant to be such that everything that happens on your page don't need to be refreshed.

GRex

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

15 posts
since Jun 2006

Permalink

Jun 7th, 2006

Re: First post need some help!

Quote originally posted by alpha2006 ...

Yes. rus is right. The only way to do what you are asking for is using frames. However, frames are not widely used or accepted anymore as good website design.

Really you think this yet you can type your own name? Who's a clever boy. lol. The most effective way is defenately using javascript. I wouldn't use frames it will not achieve what you want exactly and will give you strange scroll bars.

roryt

Reputation Points: 178

Solved Threads: 15

Nearly a Posting Virtuoso

Offline

1,282 posts
since Oct 2005

Permalink

Jun 7th, 2006

Re: First post need some help!

Quote originally posted by roryt ...

Really you think this yet you can type your own name? Who's a clever boy. lol. The most effective way is defenately using javascript. I wouldn't use frames it will not achieve what you want exactly and will give you strange scroll bars.

Yes, you could do frames without the scrollbars, but frames are old technology that doesn't work very well. In fact, it's been so long since I've used frames in a site I can't even give you a code sample.

I'm sorry you are having to hear all the bickering and different ideas when you really need a clear pointer as to how to acheive the effect you want.

Some solutions you could research further are:
Frames
I Frames
Ajax
You could do this with "dynamic" coding such as PHP or VBScrip.
Javascript

As they say, there are many ways to skin a cat.

I hope this helps some.

rus

Reputation Points: 11

Solved Threads: 1

Junior Poster in Training

Offline

50 posts
since Dec 2004

Permalink

Sep 17th, 2006

Re: First post need some help!

the best solution is with php and Javascript.

m-soft

Reputation Points: 10

Solved Threads: 0

Junior Poster in Training

Offline

52 posts
since Oct 2004

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in Site Layout and Usability Forum Timeline: Help me please, maybe you have the same question with me!

Next Thread in Site Layout and Usability Forum Timeline: please help with page size

DaniWeb Message

Cancel Changes

User Name
Password