•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 375,172 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,090 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 1379 | Replies: 4 | Solved
![]() |
•
•
Join Date: Jun 2006
Posts: 3
Reputation:
Rep Power: 0
Solved Threads: 0
Hi everyone,
I let a friend use a directory on my website for his art e-zine. He emailed me this morning because he's having trouble getting 2 forms with the same javascript to work on the same page.
I really don't know anything about javascript, though (neither does he), and we can't quite figure out how to make it work. He just copied/pasted the script from somewhere.
He has 2 drop-down lists on the page. One is a menu of paintings by a particular artist; the second is a menu of drawings by the same artist.
There is a script for each of the 2 forms, that makes it so when a menu item is selected, you are taken to that page in question immediately, without having to hit a "go" button or something of that nature.
It works fine when only one form is on the page, but when the second form is added, neither work.
If anyone can enlighten us, I'd be most appreciative.
The URL is http://www.emptymirrorbooks.com/thirdpage/pullMDSx.html
Thanks so much!!
cheers ~
Denise
I let a friend use a directory on my website for his art e-zine. He emailed me this morning because he's having trouble getting 2 forms with the same javascript to work on the same page.
I really don't know anything about javascript, though (neither does he), and we can't quite figure out how to make it work. He just copied/pasted the script from somewhere.
He has 2 drop-down lists on the page. One is a menu of paintings by a particular artist; the second is a menu of drawings by the same artist.
There is a script for each of the 2 forms, that makes it so when a menu item is selected, you are taken to that page in question immediately, without having to hit a "go" button or something of that nature.
It works fine when only one form is on the page, but when the second form is added, neither work.
If anyone can enlighten us, I'd be most appreciative.
The URL is http://www.emptymirrorbooks.com/thirdpage/pullMDSx.html
Thanks so much!!
cheers ~
Denise
Last edited by nicekitty : Aug 20th, 2006 at 2:44 pm.
Your problem is that you have two functions with the same name calling two forms with the same.
For the first form/script:
[html]
<script language="JavaScript" type="text/javascript">
<!-- Begin
function formHandler(form){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
}
// End -->
</script>
<center><p></p>
<form name="form" action="get">
<select name="site" size=1 onChange="javascript:formHandler()">
[/html]
For the second form/scrpt:
[html]
<script language="JavaScript" type="text/javascript">
<!-- Begin
function formHandler2(form){
var URL = document.form2.site2.options[document.form2.site2.selectedIndex].value;
window.location.href = URL;
}
// End -->
</script>
<center><p></p>
<form name="form2" action="get">
<select name="site2" size=1 onChange="javascript:formHandler2()">
[/html]
note changes to the function names, object names , form names, and select names.
For the first form/script:
[html]
<script language="JavaScript" type="text/javascript">
<!-- Begin
function formHandler(form){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
}
// End -->
</script>
<center><p></p>
<form name="form" action="get">
<select name="site" size=1 onChange="javascript:formHandler()">
[/html]
For the second form/scrpt:
[html]
<script language="JavaScript" type="text/javascript">
<!-- Begin
function formHandler2(form){
var URL = document.form2.site2.options[document.form2.site2.selectedIndex].value;
window.location.href = URL;
}
// End -->
</script>
<center><p></p>
<form name="form2" action="get">
<select name="site2" size=1 onChange="javascript:formHandler2()">
[/html]
note changes to the function names, object names , form names, and select names.
Last edited by FC Jamison : Aug 20th, 2006 at 6:14 pm.
![]() |
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
•
•
•
•
•
•
•
•
DaniWeb JavaScript / DHTML / AJAX Marketplace
- Using a robots.txt to block links (Search Engine Optimization)
- Sorting and Searching to get rid of Duplicate Numbers (C++)
- Problem opening notepad through webpage (HTML and CSS)
- Hosting a windows webpage on a linux server (Linux Servers and Apache)
- How do i get other webpage and parse ! (PHP)
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: Photoshop - javascript slice : error : copy command not available??
- Next Thread: Random sound/midifile with a button


Linear Mode