| | |
2 duplicate javascriptsscripts on 1 webpage?
Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
Thread Solved
![]() |
•
•
Join Date: Jun 2006
Posts: 3
Reputation:
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 3: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 7:14 pm.
![]() |
Similar Threads
- 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
| Thread Tools | Search this Thread |
acid2 ajax ajaxcode ajaxexample ajaxhelp ajaxjspservlets animate automatically beta box browser bug captchaformproblem checkbox close codes createrange() css cursor debugger decimal dependent disablefirebug dom download dropdown editor element engine enter error events explorer ext firefox form forms frameworks getselection google gwt gxt hiddenvalue highlightedword hint html htmlform ie7 ie8 iframe index internet java javascript javascripthelp2020 jawascriptruntimeerror jquery jsf jsfile jsp jump listbox maps masterpage math media menu microsoft mp4 object onmouseoutdivproblem onreadystatechange paypal pdf php player position programming progressbar prototype redirect regex runtime safari scale scriptlets search security size software sql text textarea unicode w3c window windowofwords windowsxp wysiwyg \n





