Отправка выделенного блока

@Nebiros · Регистрация: 23.03.2010

Author24 — интернет-сервис помощи студентам

сделал такую кострукцию

HTML5

<html>
<head>
<script type="text/javascript">
function clear(){
    document.getElementById('s1').className='ikon';
    document.getElementById('s2').className='ikon';
    document.getElementById('s3').className='ikon';
        }
function f1(){ clear(); document.getElementById('s1').className='ikon2';}
function f2(){ clear(); document.getElementById('s2').className='ikon2';}
function f3(){ clear(); document.getElementById('s3').className='ikon2';}
</script>
<style type="text/css">
.ikon2 {color:red; float:left;}
.ikon {color:black; float:left;}
</style>
</head>
<body>
<div>
    <a href="#" onClick="f1()"><div class="ikon" id="s1">первая иконка</div></a>
        <a href="#" onClick="f2()"><div class="ikon" id="s2">вторая иконка</div></a>
        <a href="#" onClick="f3()"><div class="ikon" id="s3">третья иконка</div></a>
</div>
<a href="go.php">отправить</a>
</body>
</html>

принцип таков - 3 иконки , щелкая по ним выбранные становятся красными ну а те черными , вопрос как сделать чтобы при нажатии на ссылку go.php как то передать какой блок был выделен?

и второй такой маленький под вопросик - при нажатии на иконки страница как бы перезагружается (если прокручено к примеру до середины страницы то прокрутка подымается в верх), как сделать чтобы прокрутка на месте оставалась?

@FunDuck · 13.07.2010, 11:39

Можно как то так:

HTML5

<html>
<head>
<script type="text/javascript">
var selected = null;
function clear(){
        document.getElementById('s1').className='ikon';
        document.getElementById('s2').className='ikon';
        document.getElementById('s3').className='ikon';
        }
function f1(){ clear(); document.getElementById('s1').className='ikon2'; selected = 's1';}
function f2(){ clear(); document.getElementById('s2').className='ikon2'; selected = 's2';}
function f3(){ clear(); document.getElementById('s3').className='ikon2'; selected = 's3';}
function go(){
    document.location.href = 'go.php?item='+selected;
}
</script>
<style type="text/css">
.ikon2 {color:red; float:left;}
.ikon {color:black; float:left;}
</style>
</head>
<body>
<div>
        <a href="javascript:void(0)" onClick="f1()"><div class="ikon" id="s1">первая иконка</div></a>
        <a href="javascript:void(0)" onClick="f2()"><div class="ikon" id="s2">вторая иконка</div></a>
        <a href="javascript:void(0)" onClick="f3()"><div class="ikon" id="s3">третья иконка</div></a>
</div>
<a href="javascript:void(0)" onclick="go()">отправить</a>
</body>
</html>

@Nebiros · 13.07.2010, 11:50 **[ТС]**

эмм а чем ее ловить в php? Я так понял переменная selected отправляется в документ - но чем ее принимать?

@Alorian · 13.07.2010, 13:33

Nebiros, это обычная GET переменная. Принимать тоже стандартно — $_GET["item"].

Добавлено через 56 минут
Я сегодня с утра хотел написать примерно такое же решение, но занят был. В моем варианте отличается метод добавления GET переменной к ссылке.

Я хотел не onclick обрабатывать, а просто менять href. У ссылки берешь указываешь ID чтобы легче было и при выделении какого либо блока изменяешь href, примерно так:

Javascript

1	document.getElementById("link").href = "/go.php?item=s1";

У меня заработало.

@Nebiros 41 / 40 / 16 Регистрация: 23.03.2010 Сообщений: 3,122
	13.07.2010, 11:50 [ТС]	3
	эмм а чем ее ловить в php? Я так понял переменная selected отправляется в документ - но чем ее принимать? 0

	13.07.2010, 13:33