Oto skrypt JS (wywołany w headzie):
Kod
function select(){
if(document.getElementById(url).checked==true){
document.getElementById("url_cont").style.display='block';
document.getElementById("video_cont").style.display='none';
document.getElementById("cont_cont").style.display='none';
}else if(document.getElementById(video).checked==true){
document.getElementById("url_cont").style.display='none';
document.getElementById("video_cont").style.display='block';
document.getElementById("cont_cont").style.display='none';
}else{
document.getElementById("url_cont").style.display='none';
document.getElementById("video_cont").style.display='none';
document.getElementById("cont_cont").style.display='block';
}
}
if(document.getElementById(url).checked==true){
document.getElementById("url_cont").style.display='block';
document.getElementById("video_cont").style.display='none';
document.getElementById("cont_cont").style.display='none';
}else if(document.getElementById(video).checked==true){
document.getElementById("url_cont").style.display='none';
document.getElementById("video_cont").style.display='block';
document.getElementById("cont_cont").style.display='none';
}else{
document.getElementById("url_cont").style.display='none';
document.getElementById("video_cont").style.display='none';
document.getElementById("cont_cont").style.display='block';
}
}
A to HTML:
Kod
<form action='plik.php' method='post'>
<input type="radio" name="type" value="url" id="url" onclick="select()" />
<input type="radio" name="type" value="video" id="video" onclick="select()" />
<input type="radio" name="type" value="cont" id="cont" onclick="select()" />
<div id="url_cont" style="display: none;">URL</div>
<div id="video_cont" style="display: none;">video_cont</div>
<div id="cont_cont" style="display: none;">cont_cont</div>
</form>
<input type="radio" name="type" value="url" id="url" onclick="select()" />
<input type="radio" name="type" value="video" id="video" onclick="select()" />
<input type="radio" name="type" value="cont" id="cont" onclick="select()" />
<div id="url_cont" style="display: none;">URL</div>
<div id="video_cont" style="display: none;">video_cont</div>
<div id="cont_cont" style="display: none;">cont_cont</div>
</form>
Chciałbym aby po zaznaczeniu opowiedniego input'a wyświetlał mi się odpowiedni div
np jak zaznacze input o id "url" to pokaże mi się div o id url_cont
Proszę o pomoc!
POZDRAWIAM!
Dzięki już nie trzeba...
oto rozwiązanie:
Wystarczy sam kod
Kod
<input type="radio" name="type" value="url" onclick="document.getElementById('url_cont').style.display = 'block';document.getElementById('video_cont').style.display = 'none';document.getElementById('cont_cont').style.display = 'none';" />
<input type="radio" name="type" value="video" onclick="document.getElementById('url_cont').style.display = 'none';document.getElementById('video_cont').style.display = 'block';document.getElementById('cont_cont').style.display = 'none';" />
<input type="radio" name="type" value="cont" onclick="document.getElementById('url_cont').style.display = 'none';document.getElementById('video_cont').style.display = 'none';document.getElementById('cont_cont').style.display = 'block';" />
<div id="url_cont" style="display: none;">URL</div>
<div id="video_cont" style="display: none;">video_cont</div>
<div id="cont_cont" style="display: none;">cont_cont</div>
<input type="radio" name="type" value="video" onclick="document.getElementById('url_cont').style.display = 'none';document.getElementById('video_cont').style.display = 'block';document.getElementById('cont_cont').style.display = 'none';" />
<input type="radio" name="type" value="cont" onclick="document.getElementById('url_cont').style.display = 'none';document.getElementById('video_cont').style.display = 'none';document.getElementById('cont_cont').style.display = 'block';" />
<div id="url_cont" style="display: none;">URL</div>
<div id="video_cont" style="display: none;">video_cont</div>
<div id="cont_cont" style="display: none;">cont_cont</div>
