Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations John Tel on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

URGENT ! DHTML Page Nesting

Status
Not open for further replies.
mishchenko

mishchenko

MIS
Dec 6, 1999
24
CA
Here's what I would like to do:

1) Start with the script located at

2) Change it from a rotation script to an input-based script >>> the dynamic part should change depending on a visitor's selection in a <SELECT> box.

3) Have the script call up external .html files as opposed to including all of the dynamic pages' HTML code in the script itself.

Is this possible ?? Can someone help me out with this ??
 
Sort by date Sort by votes
what should i have gotten sorted ??
if you're asking if i sorted out the problem or of i found a solution, then no.

Andriy.
 
Upvote 0 Downvote
This anygood to you...?
<html>
<head>
<script>

function select1(selection)
{
document.FormSelect.SelectTwo.options[selection].selected = &quot;true&quot;
}

function select2(selection)
{
document.FormSelect.SelectOne.options[selection].selected = &quot;true&quot;
}

</script>
</head>
<body>

<form name=&quot;FormSelect&quot;>

<select name=&quot;SelectOne&quot; class=&quot;forms&quot; onChange=&quot;select1(this.selectedIndex)&quot;>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>

<select name=&quot;SelectTwo&quot; class=&quot;forms&quot; onChange=&quot;select2(this.selectedIndex)&quot;>
<option>Selection one</option>
<option>Selection two</option>
<option>Selection three</option>
<option>Selection four</option>
</select>


</form>
</body>
</html>
 
Upvote 0 Downvote
It's close but not there.
The point is for the *HTML content* to the right of the first <SELECT> dropdown change with the choices, not just for a new <SELECT> element to appear.

Can you do that ??
 
Upvote 0 Downvote
Ok what about this
<html>
<head>
</head>

<body>
<script language='Javascript'>make= new Array();
label= new Array();
make[0]= new Array();
make[0][0]='59';
label[0]= new Array();
label[0][0]='ALFA ROMEO';
make[0][1]='331';
label[0][1]='146 HATCHBACK';
make[0][2]='181';
label[0][2]='156 SALOON';
make[0][3]='185';
label[0][3]='SPIDER CONVERTIBLE';
make[1]= new Array();
make[1][0]='58';
label[1]= new Array();
label[1][0]='AUDI';
make[1][1]='174';
label[1][1]='A3 HATCHBACK';
make[1][2]='186';
label[1][2]='A8 SALOON';
make[2]= new Array();
make[2][0]='39';
label[2]= new Array();
label[2][0]='BMW';
make[2][1]='89';
label[2][1]='3 SERIES SALOON';
make[2][2]='92';
label[2][2]='5 SERIES SALOON';
make[2][3]='530';
label[2][3]='5 SERIES TOURING';
make[2][4]='519';
label[2][4]='7 SERIES SALOON';
make[2][5]='151';
label[2][5]='Z3 ROADSTER';
</script>


<script language=&quot;javascript&quot;>
<!--
function dropsubmission(){
var oForm = document.frmModel
if (oForm.lstModel.options[oForm.lstModel.selectedIndex].value != &quot;0&quot;)
{
//alert(oForm.lstModel.options[oForm.lstModel.selectedIndex].value);
oForm.submit();

}
}

function change(index)
{
if (index == -1)
{
document.frmModel.lstModel.length=0;

//Blanks were added to handle a Netscape 4.7 compatibility issue
document.frmModel.lstModel.options[0] = new Option(&quot;-- Select Model --&quot;,0);

document.frmModel.lstModel.disabled = true
document.frmModel.lstModel.selectedIndex = 0;
return
}

document.frmModel.lstModel.disabled = false

len=document.frmModel.lstModel.length;

for (Col=len;Col>0;Col--)
{
document.frmModel.lstModel.options[Col-1]=null;
}

len = make[index].length;

document.frmModel.lstModel.length = 0;

document.frmModel.lstModel.options[0] = new Option(&quot;-- Select Model --&quot;,0);


for(Col=1;Col<len;Col++)
{
document.frmModel.lstModel.options[Col] = new Option(label[index][Col],make[index][Col]);

}

document.frmModel.lstModel.selectedIndex = 0
}

//-->
</script>
<form method=&quot;POST&quot; name=&quot;frmModel&quot; action=&quot;yourhandler.asp&quot;>
<select name=&quot;lstMake&quot; onChange=&quot;change(document.frmModel.lstMake.selectedIndex -1)&quot;>
<script language=&quot;Javascript&quot;>
document.write('<option value=&quot;0&quot;>-- Select Make --</option>')
for (intcounter = 0; intcounter < make.length;intcounter++)
{
document.write('<option value=&quot;'+make[intcounter][0] + '&quot;>' + label[intcounter][0])
}
</script>
</select>
<select name=&quot;lstModel&quot; Onchange=&quot;Javascript:dropsubmission();&quot; disabled>
<script language=&quot;Javascript&quot;>
//Blanks were added to handle a Netscape 4.7 compatibility issue
document.write('<option value=&quot;0&quot;>-- Select Model --</option>')
document.write('<option value=&quot;0&quot;></option>')
document.write('<option value=&quot;0&quot;></option>')
document.write('<option value=&quot;0&quot;></option>')
document.write('<option value=&quot;0&quot;></option>')
</script>
</select>
</form>
</body>
</html>
 
Upvote 0 Downvote
This one doesn't fit in either.

I DON'T need two <SELECT> boxes, just one.
When a visitor chooses something in that single <SELECT> box, the *HTML content* (e.g. text, images, etc.) to the right of that <SELECT> box should change.

Andriy.
 
Upvote 0 Downvote
Well with what i've sent i'm sure you can put something together.
 
Upvote 0 Downvote
No, you don't understand. Both of the scripts you posted are essentially the same and don't fit what I'm trying to do.

:(
 
Upvote 0 Downvote
Code: 
<html>
<head>
<title>Dynamic Test</title>
<script language=&quot;javascript&quot; type=&quot;text/javascript&quot;>
<!--
function complete() {
if (document.form.type.selectedIndex == 0) {
ext0 = 'You have selected:'
	+ '<br />'
	+ 'option 0'
document.getElementById('output').innerHTML = ext0
}
if (document.form.type.selectedIndex == 1) {
ext1 = 'You have selected:'
	+ '<br />'
	+ 'option 1'
document.getElementById('output').innerHTML = ext1
}
if (document.form.type.selectedIndex == 2) {
ext2 = 'You have selected:'
	+ '<br />'
	+ 'option 2'
document.getElementById('output').innerHTML = ext2
}
if (document.form.type.selectedIndex == 3) {
ext3 = 'You have selected:'
	+ '<br />'
	+ 'option 3'
document.getElementById('output').innerHTML = ext3
}
}
//-->
</script>
</head>
<body>
<form name=&quot;form&quot;>
<table>
<tr>
 <td valign=&quot;top&quot;>
 <select name=&quot;type&quot; onchange=&quot;complete()&quot;>
  <option>Option 0</option>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
 </select>
 </td>
 <td valign=&quot;top&quot;>
 <div id=&quot;output&quot;></div>
 </td>
</tr>
</table>
</form>
</body>
</html>

That should do what you want. It'll only work in IE and N6 though...
 
Upvote 0 Downvote
WOW !

That's great.

How can I move the &quot;You have selected: option #&quot; text strings into outside files (e.g. each dynamic piece of HTML would be called up from an external HTML file) ??

In addition, I bet this script could somehow be made to work with IE, NS4, and NS6 (see -- it can be done through a combination of <div>, <layer>, and <ilayer> tags).

Do you think that's feasible ??
 
Upvote 0 Downvote
I'm not sure about moving the dynamic HTML to an external file... I've never done that before.

Right now I'm working on getting it to work in Netscape 4, but I'm not really sure where to start. It'll probably have to be done with layers somehow, but since I haven't worked with Netscape 4 layers before it'll probably take a while.
Anyone know how to do this?
 
Upvote 0 Downvote
Actually, you could include that dynamic content in an external js file.
Just call the file in the heading (<script src=&quot;xxx.js&quot;></script>)
And then put the variables and their values in that external file.

Make sense?
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
317
lmcate
lmcate
pendle666
  • Locked
  • Question
Inserting same line of text of every web page - &quot;link&quot; insert? 1
Replies
6
Views
415
ChrisHirst
ChrisHirst
craigward
  • Locked
  • Question
Change IIS7 Default landing page
Replies
1
Views
217
feherke
feherke
tyutghf
  • Locked
  • Question
Slight page curl effect
Replies
3
Views
344
ChrisHirst
ChrisHirst
southbeach
  • Locked
  • Question
Rapid landing page development / templating 3
Replies
14
Views
690
southbeach
southbeach

Part and Inventory Search

Sponsor

Back
Top