Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > определение неопределенной переменной в функции?

Автор: Иль 24.3.2005, 19:10

Здравствуйте. Вот такой вопрос, но примеров пока нет smile

:

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

Автор: Aliance 24.3.2005, 20:33

Вот так подойдет:

Код


function myFunction (myvar) {
var newVar = myvar;
alert(newVar);
}

Код


<INPUT type="button" onclick="myFunction('value1')" value="ЖМИ!">
<INPUT type="button" onclick="myFunction('value2')" value="ЖМИ!">
<INPUT type="button" onclick="myFunction('value3')" value="ЖМИ!">

Автор: Sardar 25.3.2005, 03:09

Иль да можно:

Код


function crateVar(name, value) {
  window[name]=value;
}

В глобальном окружении видим переменную, но зачем такой изврат нужен?

Автор: Иль 25.3.2005, 12:30

Сказать правду? Sardar, я знал что ты спросишь... smile

На самом деле, понимаю что изврат, но первое решение пришло таким, а когда сделал на регах даже удивился насколько все проще и в две строчки.

Это была банальная смена картинок туда и обратно. Твое решение с inline обработчиками вдохновило, но не подошло - все должно работать только на онклик.
Я видел решение со счетчиком и if и подумал создать счетчик на каждую картинку, но не грузить себя генерацией недетского списка переменных, а создавать счетчики по мере надобнасти в той же функции. А потом меня осенило, что даже в этом варианте мне без регов не обойтись, да еще часто читаемая мной smile

фраза Aliance: "...Делай на регах...делай на регах". Вот я и сделал.

Но идея-то зацепила smile

. Я подумал, если такое есть и я пока недопоминаю, то очень хотелось бы енто знать.

Спасибо просто огромное.
Мне почему-то не пришли уведомления на e-mail о ваших постах smile

, хотя подписан.

Автор: Иль 25.3.2005, 13:35

А вообще нет, в моем случае я мог бы обойтись без регов, применяя конкатенацию, хоть это и изврат.

Автор: Sardar 25.3.2005, 13:42

Иль выложи код, посмотрим, может выйдет лучше smile

Автор: Иль 25.3.2005, 18:39

Конечно, с удовольствием. Стеснялся попросить smile

.

Основывается все на суфиксах или префиксах имен файлов
Я решил, что нагляднее будет с суфиксами.

1.Вот с регами. Прелесть: полностью независит от id (и их повторений), расширений файлов и наличия одинаковых картинок на странице. Условие, чтоб у картинок совпадали расширения (!! jpge и jpg не пойдет)

Код


function regChange(elem) {
if (/1\.\w{2,4}$/.test(elem.src)) {
elem.src=elem.src.replace(/1\.(\w{2,4})$/,"2.$1");
}
else { if(/2\.\w{2,4}$/.test(elem.src))
        {elem.src=elem.src.replace(/2\.(\w{2,4})$/,"1.$1")
        }
        else {alert("Ошибка, однако!\n\nВебмастеру сообщи, да?")// мой каприз, кудаж без него
        }
}}

2.Вот изврат без регов с конкатенацией, но зато, полезно-позновательный. Ограничения: id должно совпадать с именем файла без суфикса или префикса (здесь без суфикса) и работать можно только с к-либо одним расширением (здесь gif). Также если несколько картинок с одинаковым id, то может потребоваться повторный клик (из-за того, что для одинаковых id создаются одинаковые переменные-счетчики).
Посвещается: яро ненавидящим реги smile

(а зря). Особые благодарности: Sardar, за знания, без которых ентоб не прокатило

Код


function regCounter(elem){
window[elem.id];
var p=window[elem.id].tostring;/*  ввел, т.к. не помню я как window[elem.id] проверить на undefined,
 ругается, мол "[object]". Поправте!!!   */

if  (p!=undefined||window[elem.id]==2){
window[elem.id]=1;elem.src=elem.id+"1.gif"
}
else{window[elem.id]=2;elem.src=elem.id+"2.gif"
}}

И, конечно для ленивых

Код


<html>
</head>
<script language="JavaScript" type="text/JavaScript">

</script>
<body>
<img src="pic1.gif" onClick="regChange(this)"><br><br>
<img src="pic1.gif" onClick="regChange(this)"><br><br><br>

<img src="pic1.gif" id="pic" onClick="regCounter(this)"><br><br>
<img src="pic1.gif" id="pic" onClick="regCounter(this)">
</body>
</html>

Интересно будет не только картинки менять...

А теперь судите!

Автор: Иль 25.3.2005, 19:30

Опаньки, а изврат в лисе не работает, опять же эта строчка, которую я ввел по незнанию

Код


var p=window[elem.id].tostring;

Автор: Sardar 25.3.2005, 19:48

А вот такой немного универсальный код:

Код

<script language="Javascript" type="text/javascript">
<!--

function registerImgs() {
  var im=document.images;
  for(var i=0; i<im.length; i++) {
    if(im[i].getAttribute("first_image")) im[i].onclick=imgChange;
  }
}

function imgChange(im) {
  if(this.ImgChanged && this.getAttribute("first_image")) {
    this.ImgChanged=false;
    this.src=this.getAttribute("first_image");
  } else if(this.getAttribute("second_image")!=null) {
    this.ImgChanged=true;
    this.src=this.getAttribute("second_image");
  }
}
//-->
</script>

</head>

<body onLoad='registerImgs()'>

<img src='test.jpg' first_image='test.jpg' second_image='./galfiles/01.jpg' />
</body>

Перебираем все картинки после загузки, находим все кто имеет аттирбуты first_image. Аттрибутом second_image задаём картинку на которую мы меняем исходную картинку. Аргумент first_image в принципе не нужен, можно записывать src, но даёт немного ясности.

Автор: Иль 26.3.2005, 09:32

Ну что я могу на это сказать: Божественно Sardar! Полная независимость от чего-либо. Красота.
Заодно, кое-кто и про работу с атрибутами выучил smile

У меня вопрос - про мой глюк в мазилле/лисе тут подскажете или новый топик сделать?

Автор: Иль 26.3.2005, 09:52

О! Разамбрамщись!

Код


function regCounter(elem){
window[elem.id];
// var p=window[elem.id]; - забыл стереть, не нужно
if  (window[elem.id]==2){
window[elem.id]=1;elem.src=elem.id+"1.gif"
}
else{window[elem.id]=2;elem.src=elem.id+"2.gif"
}}

Не доработал if и string была некчему

Автор: Sardar 26.3.2005, 21:59

Вторая строчка: window[elem.id]; - ничего полезного не делает smile

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

Код

function regCounter(elem){
  if(elem.swaped) {
      elem.swaped=false;
      elem.src=elem.id+"1.gif";
  } else {
      elem.swaped=true;
      elem.src=elem.id+"2.gif"
  }
}

Код

<img src="pic1.gif" id="pic" onclick="regCounter(this)" />