Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Смена картинки по нажатию на чебокс (https://javascript.ru/forum/misc/14686-smena-kartinki-po-nazhatiyu-na-cheboks.html)

arahmanov 26.01.2011 16:55

просто слов нет выручил !!!!!!

arahmanov 26.01.2011 17:03

слушай прости за наглость я просто мало шарю в jquery и javascript привык к php. если ответишь буду благодарен ( я и изначально хотел написать все на php только картинки менять на jquery. но раз ты мне так помог может еще чуть чуть и я буду готов все написать ...
в php я передаю параметр методом POST

<form name="form1" method="post" action="">
<label>
<input type="text" name="comp" id="comp">
<br>
</label>
количество компов
</form>

<?php
$comp = $_POST["comp"];
$c= $comp * 1200;
echo "$c";
?>

как это организовать jquery или javascript

arahmanov 26.01.2011 17:03

простите за столько вопросов

arahmanov 26.01.2011 17:08

Прощу прощения за наглость я просто лол в jquery и javascript привык все на php делать. буду благодарен если поможете реализовать на jquery. суть в чем передаю параметр методом POST

<form name="form1" method="post" action="">
<label>
<input type="text" name="comp" id="comp">
<br>
</label>
количество компов
</form>


<?php
$comp = $_POST["comp"];
$c=$comp * 1200;
echo "$comp"
?>

Vulkan 26.01.2011 17:12

Вот по моему то что тебе надо, вводи цифры в поле и увидишь:
<form>
<label>
<input type="text" name="comp" id="comp" onkeyup="document.getElementById('result').innerHTML = this.value*1200;">
<br>
</label>
</form>
<div id="result"></div>

arahmanov 26.01.2011 17:23

Цитата:

Сообщение от Vulkan (Сообщение 89829)
Вот по моему то что тебе надо, вводи текст в поле и увидишь:
<form>
<label>
<input type="text" name="comp" id="comp" onkeyup="document.getElementById('result').innerHTML = this.value*1200;">
<br>
</label>
</form>
<div id="result"></div>

блин офигеть спб, я написал специально примерное значение чтобы самому подредактировать а теперь не фига не понимаю, спасибо вам большое надо учиться мне потому что все ровно путаюсь....

дело в том что у меня если один комп то 1200 если 2 = 2100 3 = 3000
4= 3900
5 = 4800
6= 5500
7= 6200
8=6900
9=7600
10=8300
11=8900
12=9500
13=10100
14=10700
15=11300
16=1900
17=12500
18=13100
19=13700
20=14300
21=14900
с 21 * 600
я не прошу делать все за меня вы просто объясните если не сложно как прописать допустим я в php пишу
else if ( $n == 1) { $n= 1200}
else if ($n == 2) {$n = 2100 }
else if ($n>21) {$n = #n* 600 }

Vulkan 26.01.2011 17:33

Ну вот пример:
<script type="text/javascript">
function go(){
var num = document.getElementById('num').value,
     int = document.getElementById('comp').value,
     result = document.getElementById('result');
result.innerHTML = int * (num > 21 ? 600 : 1200)
}
</script>

<form>
<label>
Число <input type="text" value="1" name="comp" id="comp">
Кол-во <input type="text" value="1" id="num">
<input type="button" value="*" onclick="go();"/>
<br>
</label>
</form>
<div id="result"></div>

arahmanov 26.01.2011 17:43

не много не так на php вот так вот

<?php
$comp = $_POST["comp"];
if($comp == 1) { $comp = 1200;}
else if ($comp == 2) { $comp = 2100;}
else if ($comp == 3) { $comp = 3000;}
else if ($comp == 4) { $comp = 3900;}
else if ($comp == 5) { $comp = 4800;}
else if ($comp == 6) { $comp = 5000;}
else if ($comp == 7) { $comp = 6200;}
else if ($comp == 8) { $comp = 6900;}
else if ($comp == 9) { $comp = 7600;}
else if ($comp == 10) { $comp = 8300;}
else if ($comp == 11) { $comp = 8900;}
else if ($comp == 12) { $comp = 9500;}
else if ($comp == 13) { $comp = 10100;}
else if ($comp == 14) { $comp = 10700;}
else if ($comp == 15) { $comp = 11300;}
else if ($comp == 16) { $comp = 11900;}
else if ($comp == 17) { $comp = 12500;}
else if ($comp == 18) { $comp = 13100;}
else if ($comp == 19) { $comp = 13700;}
else if ($comp == 20) { $comp = 14300;}
else if ($comp == 21) { $comp = 14900;}
else if ($comp > 21) { $comp = $comp * 600;}
echo "$comp "
?>

Vulkan 26.01.2011 17:56

ааа, вон что, тогда в js будет так:
<script type="text/javascript">
function go(){
var int = document.getElementById('comp').value,
     result = document.getElementById('result');
if(int == 1) int = 1200;
else if (int == 2) int = 2100;
//и так далее по схеме
result.innerHTML = int;
}
</script>

<form>
<label>
Число <input type="text" value="1" name="comp" id="comp">
<input type="button" value="*" onclick="go();"/>
<br>
</label>
</form>
<div id="result"></div>

Только советую найти закономерность в перемножении чисел чтобы не писать вариант для каждого числа.

arahmanov 26.01.2011 18:24

спасибо, на счет закономерности ее нет до 21 числа а после все умножаем на 600, последний вопрос, если вы меня не кастрируете ...
на хочу совместить два параметра

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
</head>
<script type="text/javascript">
function go(){
var int = document.getElementById('comp').value,
result = document.getElementById('result');

if(int == 1) int = 1200;
else if (int == 2) int = 2100;
else if (int == 3) int = 3000;
else if (int == 4) int = 3900;
else if (int == 5) int = 4800;
else if (int == 6) int = 5500;
else if (int == 7) int = 6200;
else if (int == 8) int = 6900;
else if (int == 9) int = 6700;
else if (int == 10) int = 8300;
else if (int == 11) int = 8900;
else if (int == 12) int = 9500;
else if (int == 13) int = 10100;
else if (int == 14) int = 10700;
else if (int == 15) int = 11300;
else if (int == 16) int = 11900;
else if (int == 17) int = 12500;
else if (int == 18) int = 18300;
else if (int == 19) int = 13700;
else if (int == 20) int = 14300;
else if (int == 21) int = 14900;
else if (int > 21) int = int * 600;


function GO() {
document.getElementById('scr').src=(document.getEl ementById('typ').checked)? 'images/moto2.jpg':
'images/moto4.jpg'
var n=(document.getElementById('typ').checked)? 500: 0

}


result.innerHTML = int + n;
}


</script>





<form>
<label>
<input type="checkbox" name="check" id="typ" onClick="GO()" />
Число <input type="text" value="1" name="comp" id="comp">
<input type="button" value="*" onclick="go();"/>
<br>
</label>
</form>
<div id="result"></div>
<body>
</body>
</html>


Часовой пояс GMT +3, время: 09:02.