[JS] Wybór diva z listboxa. Opcje

[Rewil]

Potrzebuję coś takiego uzyskać że jak wybiorę z listboxa jakąś wartość to w zależności od niej wyświetli mi innego diva.(Ukryje jednego, pokaze drugiego)

[HTML] pobierz, plaintext 
		<script type="text/javascript">
			function Pole(document.baner_form.elements['kamp_nazwa'].value) {
				if (document.baner_form.elements['kamp_nazwa'].value=="HTML"){
                                        document.getElementById(file_html).style.display = "block";
                                        document.getElementById(file_obra).style.display = "none";
				}else{
                                        document.getElementById(file_html).style.display = "none";
                                        document.getElementById(file_obra).style.display = "block";
				}
 
			}
		</script>
							<div class="file_wgr">
								<div class="file_1">Rodzaj:
									<select name="kamp_nazwa[]" size="1" onChange="jump(this.form)">
										<option value="Obrazek">Obrazek</option>
										<option value="Flash">Flash</option>
										<option value="HTML">HTML</option>
									</select>
								</div>
								<div id="file_obra" class="file_2">
								Obrazek:
									<input type="hidden" name="MAX_FILE_SIZE" value="3145728000" />
									<input type="file" size="36" class="file" name="kamp_obrazek[]" />
								</div>
								<div id="file_html" class="file_2">
								Kod HTML:
									<textarea name="kamp_kod[]"></textarea>
								</div>
							</div>
 
[HTML] pobierz, plaintext 

I tak jak w tym wypadku: Wybierze się HTML to pokaże się Kod HTML, lub jeśli obrazek to się pokaża Obrazek.
Odrazu mówię że JS to narazie dla mnie czarna magia ;/.

[yevaud]

przede wszystkim getElementsByName
dlatego chcialem uzyc Name ze moze byc wiele elementow o tej samej nazwie na stronie, jesli dodajesz im indeksy to rownie dobrze moze byc to id

widze ze masz jquery, moze zamiast zwyklego javascript uzyjesz troche jego mocy ? (IMG:style_emoticons/default/smile.gif) poczytaj o selektorach w jquery

[JAVASCRIPT] pobierz, plaintext 
function Pole(element) {
	var container = $(element).parents('div.file_wgr');
	if (element.value=="HTML"){
        $('div.file_html', container).show();
        $('div.file_obra', container).hide();
    } else {
        $('div.file_html', container).hide();
        $('div.file_obra', container).show();
	}
}
[JAVASCRIPT] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class="file_wgr">
	<div class="file_1">Rodzaj:
		<select name="kamp_nazwa[]" size="1" onChange="Pole(this)">
			<option value="Obrazek">Obrazek</option>
			<option value="Flash">Flash</option>
			<option value="HTML">HTML</option>
		</select>
	</div>
	<div class="file_obra" class="file_2">
	Obrazek:
		<input type="hidden" name="MAX_FILE_SIZE" value="3145728000" />
		<input type="file" size="36" class="file" name="kamp_obrazek[]" />
	</div>
	<div class="file_html" class="file_2">
	Kod HTML:
		<textarea name="kamp_kod[]""></textarea>
	</div>
</div>
[HTML] pobierz, plaintext 

Ten post edytował yevaud 19.06.2010, 20:20:02