Форум Flasher.ru - Помогите с заданием

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)

- HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)

- - Помогите с заданием (http://www.flasher.ru/forum/showthread.php?t=75855)

Помогите с заданием

Мне необходимо создать форму для ввода данных в виде HTML-страницы, аналогичную управляющему элементу TabControl

Форма должна содержать три вкладки, на каждой из которых необходимо расположить различные элементы управления, которые будут выводиться на экран при выборе соответствующей вкладки и скрываться при переходе на другую вкладку.
Обязательное требование: при реализации запрещается использовать сценарии, выполняемые на стороне сервера (server-side scripts), фреймы и управляющие элементы ActiveX.

как мне сделать сие задание помогите пожалуйста :confused:

JScript тебе поможет, а также атрибут стиля display

а можно поподробнее как это сделать на ява скрипте, с явой то я знаком но не настолько хорошо чтоб такое замутить, если несложно можете дать какойнибуть пример на JScript'е буду очень признателен :rolleyes:

Гугл по словам "выпадающее меню" поможет.

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

        "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

        <title>Untitled</title>

<style type="text/css">

.js DIV{display:none;}

</style>

<script type="text/javascript">

function switchTo(id){

        var el = document.getElementById(id.slice((id.indexOf('#')+1)));

        //alert(id.slice((id.indexOf('#')+1)))

        if(el){

                current.style.display = "none";

                current = el;

                current.style.display = "block";

        }

        return false;

}

</script>

</head>

<body>

<script type="text/javascript">

document.body.className+=" js";

</script>

<a href="#l1" onclick="return switchTo(this.href);">1</a> 

<a href="#l2" onclick="return switchTo(this.href);">2</a> 

<a href="#l3" onclick="return switchTo(this.href);">3</a> 

<div id="l1">первый, на!</div>

<div id="l2">вророй, иниибё!</div>

<div id="l3">в тройке, ёпрст!</div>

<script type="text/javascript">

var divs = ["l1", "l2", "l3"];

var current = document.getElementById(divs[0]);

current.style.display = "block";

</script>

</body>

</html>

KidsKilla Огромное спасибо и мега респект это то что надо :eek: , пойду разбираться со скриптом :D :D