Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: ЧекБокс по button, но не работает другой скрипт

Добрый день!
Есть чекбокс, который становится активным при нажатии по button (и работает при нажатии просто по чекбоксу). Как только чекбокс активный, то отображается нужный текст (это при нажатии на сам чекбокс). Но при нажатии на button, чекбокс активным становится, а текст не появляется.

Вот сам код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Карта</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" type="text/css" href="/css/style.css" />

</head>

<body>
<input type="checkbox" id="che" onclick="changeButtonState()" value="123">
<div id="Summ"></div>

<input onclick="shlep()" type="button" id="link" />

<script>
function changeButtonState(){

var SummDok = document.getElementById('Summ'),

SummSumm=document.querySelectorAll(":checked").length ? '22': '777';
SummDok.innerHTML = SummSumm
};

function shlep(a,b){
che.checked = che.checked ? false : true;

};
</script>


</body>
</html>
Ответ: qwe88,

<!DOCTYPE HTML>
<html>
<head>
<title>Карта</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
</head>

<body>
<label> <input type="checkbox" id="che" value="123" onclick="shlep(this)">Переключить</label>
<div id="Summ"></div>
<input onclick="shlep(this)" type="button" id="link" value="Run">

<script>
function gid(idx) {return document.getElementById(idx);}
function shlep(el){
  var che = gid('che'), SummDok = gid('Summ');

  if (el.type.toUpperCase() == 'BUTTON') {che.checked = !che.checked;}

  if (che.checked) {
    SummDok.innerHTML = 'vit';
  } else {
    SummDok.innerHTML = "ovs"
  }
}
</script>
</body>
</html>
Вопрос: button

всем привет! помогите поместить кнопки в центре. я не шарю в этом ничего. дали код кнопки <div class="rc-button"></div> я его разместил, а кнопки сбоку. вот сам сайт
Ответ:
В шапку документа добавь вот это
<style>
.rc-button-container {
margin: 10px auto 20px auto;
}
</style>

Там где 10px это отступ сверху, там где 20px это отступ снизу.
Вопрос: button

всем привет! помогите поместить кнопки в центре. я не шарю в этом ничего. дали код кнопки <div class="rc-button"></div> я его разместил, а кнопки сбоку. вот сам сайт
Ответ:
В шапку документа добавь вот это
<style>
.rc-button-container {
margin: 10px auto 20px auto;
}
</style>

Там где 10px это отступ сверху, там где 20px это отступ снизу.
Вопрос: button

всем привет! помогите поместить кнопки в центре. я не шарю в этом ничего. дали код кнопки <div class="rc-button"></div> я его разместил, а кнопки сбоку. вот сам сайт
Ответ:
В шапку документа добавь вот это
<style>
.rc-button-container {
margin: 10px auto 20px auto;
}
</style>

Там где 10px это отступ сверху, там где 20px это отступ снизу.
Вопрос: button

всем привет! помогите поместить кнопки в центре. я не шарю в этом ничего. дали код кнопки <div class="rc-button"></div> я его разместил, а кнопки сбоку. вот сам сайт
Ответ:
В шапку документа добавь вот это
<style>
.rc-button-container {
margin: 10px auto 20px auto;
}
</style>

Там где 10px это отступ сверху, там где 20px это отступ снизу.
Вопрос: button

всем привет! помогите поместить кнопки в центре. я не шарю в этом ничего. дали код кнопки <div class="rc-button"></div> я его разместил, а кнопки сбоку. вот сам сайт
Ответ:
В шапку документа добавь вот это
<style>
.rc-button-container {
margin: 10px auto 20px auto;
}
</style>

Там где 10px это отступ сверху, там где 20px это отступ снизу.
Вопрос: button

всем привет! помогите поместить кнопки в центре. я не шарю в этом ничего. дали код кнопки <div class="rc-button"></div> я его разместил, а кнопки сбоку. вот сам сайт
Ответ:
В шапку документа добавь вот это
<style>
.rc-button-container {
margin: 10px auto 20px auto;
}
</style>

Там где 10px это отступ сверху, там где 20px это отступ снизу.
Вопрос: Вывести кнопки button в отдельный div

Помогите пожалуйста, есть кнопки button от 0 до 9, при нажатии на любую из них, значение кнопки должно переходить в div, если нажимать подряд разные button, то в div сумма постоянно должна суммироваться

вот html

<body>

<form>
<button type="button">0</button>
<button type="button">1</button>
<button type="button">2</button>
<button type="button">3</button>
<button type="button">4</button>
<button type="button">5</button>
<button type="button">6</button>
<button type="button">7</button>
<button type="button">8</button>
<button type="button">9</button>
</form>

<div></div>

<script src="js/script.js" type="text/javascript"></script>
</body>
Ответ: спасибо, буду разбирать!
Вопрос: Передача значения в БД из <button>

Всем привет. Прошу помощи в таком вопросе, т.к goggle не всех спасает...
Не могу понять как можно обработать значение кнопки. Т.е при выборе одной из трех кнопок, данные должны записываться в разные таблицы.
Есть такая форма.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<form method="POST" action="/new">
<button type="button" name="name_1">Название_1</button>
<button type="button" name="name_2">Название_2</button>
<button type="button" name="name_3">Название_3</button>
<select name="name_4">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="text" name="name_5">
<button type="submit" value="save" name="submit">Сохранить</button>
</form>
Я думал, что можно все решить при помощи php, но мне говорят, что тут что то из js нужно.
Ответ: D0RmId0nT,
1. Не type="button" , а type="submit" для отправки;
2. PHP здесь отлично справится:
PHP
1
2
3
4
5
6
7
8
9
if(isset($_POST['name_1'])) {
    echo "один\n";
} else if(isset($_POST['name_2'])) {
    echo "два\n";
} else if(isset($_POST['name_3'])) {
    echo "три\n";
} else if(isset($_POST['submit'])) {
    echo "четыре: name_4 = {$_POST['name_4']}; name_5 = {$_POST['name_5']}\n";
}
Вопрос: событие click() по элементу <button

<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false" style="margin-left: 40px;" type="button" value="1"><span class="ui-button-text">Cancel</span></button>

document.getElementsByClassName("ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only")[2].click();
получаю undefined...

Подскажите как быть...
Ответ: да вот самое и веселое что там null

Добавлено через 3 минуты
а, все, допер, я на сохраненной копии страницы пробовал делать, там почему-то слетали события... хотя вроде весь код сохранял... теперь мой изначальный код
document.getElementsByClassName("ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only")[2].click();
заработал...

Спасибо всем, за то что приняли участие!!!