Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.10.2011, 11:06
Аватар для klubnichkaaa
Интересующийся
Отправить личное сообщение для klubnichkaaa Посмотреть профиль Найти все сообщения от klubnichkaaa
 
Регистрация: 30.01.2011
Сообщений: 28

Использование значений в функции
Здравствуйте! Есть вопрос о том как можно сделать следующую вещь. Есть к примеру 2 текстовых поля, с разными id, и при нажатии на картинку число в текстовом поле увеличивается или уменьшается на 1. Есть функция которая это исполняет вопрос в том как сделать независимым подсчёт каждого поля. Ниже пример.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<script src="../script.js"></script>
<body>
<!---->
<!--Картинка увеличивает на 1-->
<img src="col1.JPEG" onclick="col1('1')" width="20px">
<br>
<!--Поле в котором нужно изменить знаение-->
<input type="text" id="3" value="1" size="7">
<br>
<!--Картинка которая уменьшает значение на 1-->
<img src="col2.JPEG" onclick="col2()" width="20px">

<br><br>

<!--А это второе поле вот нужно что бы оно работало независимо от второго и таких полей может быть сколько угодно-->
<img src="col1.JPEG" onclick="col1()" width="20px">
<br>
<input type="text" id="2" value="1" size="7">
<br>
<img src="col2.JPEG" onclick="col2()" width="20px">

</body>
</html>


Теперь сам скрипт он рабочий, но нужно модифицировать.
//Функция которая увеличивает
//Как я вижу решение нужно Подставить значение в function col1(Значение из onclick="col1(1)"){
function col1(){
var n=1;
var rr=А тут проверить onclick="col1(1)" равно одному или любому другому значению да равно делаем подсчёт
for(var i=1; i<5; i++){
if(rr==n){
var col=document.getElementById('3').value;
col++;
document.getElementById('3').value = col;


}

n++;
}
}

function col2(){
var col=document.getElementById('col').value;
col--;
if(col==0){

}
else{
document.getElementById('col').value = col;
}
}

Тоесть нужно как то вызвать onclick="col1(Со значением 1)" и подставить в значение функции, и затем сделать проверку if что равно еденице onclick="col1(1)" или нет скажи такое возможно!? или мои мысли не правильны!?
Ответить с цитированием
  #2 (permalink)  
Старый 13.10.2011, 13:11
Аватар для klubnichkaaa
Интересующийся
Отправить личное сообщение для klubnichkaaa Посмотреть профиль Найти все сообщения от klubnichkaaa
 
Регистрация: 30.01.2011
Сообщений: 28

Если долго мучаться что нибудь получится сделал я код тестовый и он заработал урааа!
Сделал я так как и описывал может кому пригодится.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<script src="../script.js"></script>
<body>
<!---->
<!--Картинка увеличивает на 1-->
<img src="col1.JPEG" onclick="col1(1)" width="20px">
<br>
<!--Поле в котором нужно изменить знаение-->
<input type="text" id="1" value="1" size="7">
<br>
<!--Картинка которая уменьшает значение на 1-->
<img src="col2.JPEG" onclick="col2(1)" width="20px">

<br><br>

<!--А это второе поле вот нужно что бы оно работало независимо от второго и таких полей может быть сколько угодно-->
<img src="col1.JPEG" onclick="col1(2)" width="20px">
<br>
<input type="text" id="2" value="1" size="7">
<br>
<img src="col2.JPEG" onclick="col2(2)" width="20px">

</body>
</html>

Теперь код исполнения
function col1(elem){
var n=0;

for(var i=1; i<7; i++){
var rr=document.getElementById(elem).id;
if(rr==n){
var col=document.getElementById(elem).value;
col++;
document.getElementById(elem).value = col;


}

n++;
}
}

function col2(elem){
var n=0;

for(var i=1; i<7; i++){
var rr=document.getElementById(elem).id;
if(rr==n){
var col=document.getElementById(elem).value;
col--;
document.getElementById(elem).value = col;


}

n++;
}
}


С помощью function col1(elem) мы получаем значение elem - это onclick="col1(1)" значение 1. дальше нужно мне было сделать проверку
var rr=document.getElementById(elem).id;
Опять же elem это значение которое равно 1, 2 и так далее а .id это мы получаем значение не value а id что он содержит
if(rr==n){ тут я проверяю и пишу сценарий. Вот и всё. Это может пригодиться не только для подсчёта но и для других случаев.
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Использование магической функции __autoload() romantik2011 Серверные языки и технологии 7 30.07.2011 12:56
arguments вызвавшей функции mister_maxim Общие вопросы Javascript 4 12.10.2010 15:21
использование функции larpug Общие вопросы Javascript 2 30.03.2010 21:30
Подскажите, как работает простой код (замыкание функции)? Dotod Общие вопросы Javascript 5 02.12.2009 03:03
Использование одной функции для элементов с разными ID Ferroks Общие вопросы Javascript 10 11.09.2009 07:51