+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Problem z dodatkowymi listami rozwijalną (/thread-problem-z-dodatkowymi-listami-rozwijalna)
Problem z dodatkowymi listami rozwijalną - Darek88 - 03-01-2011
Mam taką listę rozwijalną, gdzie po wybraniu opcji dane ładują się bez przeładowywania stron z poszczególnych div-ów.
A chciałbym dodać dodatkowe listy, gdzie wczytywane by były te same dane.
I właśnie z tym ma problem. Poniżej podaje kod skryptu i html-u.
skrypt:
Kod:
<script type="text/javascript">
if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.dropcontent{display:none;}\n')
document.write('</style>\n')
}
function contractall(){
if (document.getElementById){
var inc=0
while (document.getElementById("dropmsg"+inc)){
document.getElementById("dropmsg"+inc).style.display="none"
inc++
}
}
}
function expandone(){
if (document.getElementById){
var selectedItem=document.dropmsgform.dropmsgoption.selectedIndex
contractall()
document.getElementById("dropmsg"+selectedItem).style.display="block"
}
}
if (window.addEventListener)
window.addEventListener("load", expandone, false)
else if (window.attachEvent)
window.attachEvent("onload", expandone)
</script>kod html
Kod:
<form name="dropmsgform">
<select name="dropmsgoption" onChange="expandone()">
<option selected>zawartość 1</option>
<option>zawartość 2</option>
<option>zawartość 3</option>
</select>
<div id="dropmsg0" class="dropcontent">zawartość 1</div>
<div id="dropmsg1" class="dropcontent">zawartość 2</div>
<div id="dropmsg2" class="dropcontent">zawartość 3</div>
</form>