VPF::Проблема с двумя скриптами - Форум программистов

liliana2

Дата 15.4.2009, 06:13 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет

Есть код:

Код


 $(document).ready(function() {
      $("#curr_selected").bind("click", function() {
        $("#curr_list").toggleClass("hidden");
      });
      $("#curr_list a").bind("click", function() {
        $("#curr_list").addClass("hidden");
        $("#currency").attr("value", $(this).attr("id"));
        $("#curr_selected").text($(this).text());
        return false;
      });
    });
     //    $(document).ready(function() {
//      $("#dd_currency").mouseover(function () {
//          $("#curr_list").removeClass("hidden");
//      });
//      $("#dd_currency").mouseout(function () {
//          $("#curr_list").addClass("hidden");
//      });
//      $("#curr_list a").bind("click", function() {
//        $("#curr_list").addClass("hidden");
//        $("#currency").attr("value", $(this).attr("id"));
//        $("#curr_selected").text($(this).text());
//        return false;
//      });
//    });

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

Код



setHover = function(itemId, status) {
3 if (status) {
4 document.getElementById('row1_'+itemId).style.background = '#fff';
5 document.getElementById('row2_'+itemId).style.background = '#fff';
6 document.getElementById('row3_'+itemId).style.background = '#fff';
7 document.getElementById('row4_'+itemId).style.background = '#fff';
8 }
9 else {
10 document.getElementById('row1_'+itemId).style.background = 'none';
11 document.getElementById('row2_'+itemId).style.background = 'none';
12 document.getElementById('row3_'+itemId).style.background = 'none';
13 document.getElementById('row4_'+itemId).style.background = 'none';
14 }
15}

скриптик, для ховера строки, все отлично бы, но в ие ругается говорит что объект не найден
____________
не могу побороть, и в верстке никто не может дать ответ, надеюсь на вас, гуру скриптов

liliana2

Дата 16.4.2009, 19:52 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет

dstorm81

Дата 17.4.2009, 07:25 (ссылка)

(нет голосов)

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 2
Всего: 39

document.getElementById('row1_'+itemId)

а что такое у вас itemId ?? по идее getElementById принимает строку

попробуйте так
document.getElementById('"row1_'+itemId+'"')
и полностью бы

background = 'none' (удивлен)

--------------------

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

liliana2

Дата 23.4.2009, 13:17 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет

Цитата(dstorm81 @ 17.4.2009, 07:25)

background = 'none' (удивлен)

и в чем удивление?

dstorm81

Дата 23.4.2009, 13:48 (ссылка)

(нет голосов)

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 2
Всего: 39

потомучто
backgroundColor

--------------------

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

Aliance

Дата 23.4.2009, 16:32 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

dstorm81, ты что курил? smile

backgroundColor - частное, background - общее, но работать будет и то, и то. Тоже самое, что изменять padding: 10px 0 0 0 или padding-top: 10px.

А по-поводу этого:

Код


document.getElementById('"row1_'+itemId+'"')

Я вообще молчу, ты бы еще предложил бы так:

Код


document.getElementById( eval( '"row1_' + itemId + '"' ) )

Там тоже все было правильно.

Ну а теперь автор. liliana2, прочтите ваше первое сообщение. Видите в нем конкретный вопрос? Я тоже нет. Такое ощущение, что мы только что говорили, и Вы мне вдогонку договорите что-то после уже получасового разговора (мол, "Помнишь ту вещь, вот ее так надо оказывается")... Задайте Ваш вопрос четче, потому что я например слабо понял, что Вы хотите.

Что за пять скриптов? И почему одним не обойтись? В общем разберитесь сперва в себе, затем задавайте более осмысленный вопрос и мы с радостью Вам поможем!

Это сообщение отредактировал(а) Aliance - 23.4.2009, 16:32

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

liliana2

Дата 24.4.2009, 08:44 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет

спасибо, с селектами я разобралась, остался cchover, проблема заключается в том что работает отлично, но ие выдает ошибку что отсутствует объект и там как оказалось проблема с
<attach event="ondocumentready" handler="parseStylesheets" />

в обще мне нужно чтобы без
<attach event="ondocumentready" handler="parseStylesheets" /> скрипт работал корректно везде, что для этого нужно исправить или добавить?

Aliance

Дата 27.4.2009, 09:54 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

Что за cchover, где есть взять и посмотреть код? Мы же не шаманы, по бубну не все гадать умеют smile

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

liliana2

Дата 27.4.2009, 10:21 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет

Код


<attach event="ondocumentready" handler="parseStylesheets" />
<script>
/**
 *    Whatever:hover - V1.42.060206 - hover & active
 *    ------------------------------------------------------------
 *    (c) 2005 - Peter Nederlof
 *    Peterned - http://www.xs4all.nl/~peterned/
 *    License  - http://creativecommons.org/licenses/LGPL/2.1/
 *
 *    Whatever:hover is free software; you can redistribute it and/or
 *    modify it under the terms of the GNU Lesser General Public
 *    License as published by the Free Software Foundation; either
 *    version 2.1 of the License, or (at your option) any later version.
 *
 *    Whatever:hover is distributed in the hope that it will be useful,
 *    but WITHOUT ANY WARRANTY; without even the implied warranty of
 *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 *    Lesser General Public License for more details.
 *
 *    Credits and thanks to:
 *    Arnoud Berendsen, Martin Reurings, Robert Hanson
 *
 *    howto: body { behavior:url("csshover.htc"); }
 *    ------------------------------------------------------------
 */

var csshoverReg = /(^|\s)(([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active)/i,
currentSheet, doc = window.document, hoverEvents = [], activators = {
    onhover:{on:'onmouseover', off:'onmouseout'},
    onactive:{on:'onmousedown', off:'onmouseup'}
}

function parseStylesheets() {
    if(!/MSIE (5|6)/.test(navigator.userAgent)) return;
    window.attachEvent('onunload', unhookHoverEvents);
    var sheets = doc.styleSheets, l = sheets.length;
    for(var i=0; i<l; i++) 
        parseStylesheet(sheets[i]);
}
    function parseStylesheet(sheet) {
        if(sheet.imports) {
            try {
                var imports = sheet.imports, l = imports.length;
                for(var i=0; i<l; i++) parseStylesheet(sheet.imports[i]);
            } catch(securityException){}
        }

        try {
            var rules = (currentSheet = sheet).rules, l = rules.length;
            for(var j=0; j<l; j++) parseCSSRule(rules[j]);
        } catch(securityException){}
    }

    function parseCSSRule(rule) {
        var select = rule.selectorText, style = rule.style.cssText;
        if(!csshoverReg.test(select) || !style) return;

        var pseudo = select.replace(/[^:]+:([a-z-]+).*/i, 'on$1');
        var newSelect = select.replace(/(\.([a-z0-9_-]+):[a-z]+)|(:[a-z]+)/gi, '.$2' + pseudo);
        var className = (/\.([a-z0-9_-]*on(hover|active))/i).exec(newSelect)[1];
        var affected = select.replace(/:(hover|active).*$/, '');
        var elements = getElementsBySelect(affected);
        if(elements.length == 0) return;

        currentSheet.addRule(newSelect, style);
        for(var i=0; i<elements.length; i++)
            new HoverElement(elements[i], className, activators[pseudo]);
    }

function HoverElement(node, className, events) {
    if(!node.hovers) node.hovers = {};
    if(node.hovers[className]) return;
    node.hovers[className] = true;
    hookHoverEvent(node, events.on, function() { node.className += ' ' + className; });
    hookHoverEvent(node, events.off, function() { node.className = node.className.replace(new RegExp('\\s+'+className, 'g'),''); });
}
    function hookHoverEvent(node, type, handler) {
        node.attachEvent(type, handler);
        hoverEvents[hoverEvents.length] = { 
            node:node, type:type, handler:handler 
        };
    }

    function unhookHoverEvents() {
        for(var e,i=0; i<hoverEvents.length; i++) {
            e = hoverEvents[i]; 
            e.node.detachEvent(e.type, e.handler);
        }
    }

function getElementsBySelect(rule) {
    var parts, nodes = [doc];
    parts = rule.split(' ');
    for(var i=0; i<parts.length; i++) {
        nodes = getSelectedNodes(parts[i], nodes);
    }    return nodes;
}
    function getSelectedNodes(select, elements) {
        var result, node, nodes = [];
        var identify = (/\#([a-z0-9_-]+)/i).exec(select);
        if(identify) {
            var element = doc.getElementById(identify[1]);
            return element? [element]:nodes;
        }
        
        var classname = (/\.([a-z0-9_-]+)/i).exec(select);
        var tagName = select.replace(/(\.|\#|\:)[a-z0-9_-]+/i, '');
        var classReg = classname? new RegExp('\\b' + classname[1] + '\\b'):false;
        for(var i=0; i<elements.length; i++) {
            result = tagName? elements[i].all.tags(tagName):elements[i].all; 
            for(var j=0; j<result.length; j++) {
                node = result[j];
                if(classReg && !classReg.test(node.className)) continue;
                nodes[nodes.length] = node;
            }
        }    
        
        return nodes;
    }
</script>

Добавлено через 14 минут и 21 секунду
кроме этого нашла еще кучу способов, но ни один из них не хочет арботать ни в ие7 ни в ие6

liliana2

Дата 27.4.2009, 10:36 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет

http://dimox.name/simple-ie6-hover-scripts/
http://trifler.ru/blog/post_1176923375.html
http://www.tigir.com/highlight_table_rows.htm
http://programmerz.ru/post/table_highlight_javascript.html

liliana2

Дата 29.4.2009, 07:00 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет

Проблема решена, всем спасибо

Aliance

Дата 2.5.2009, 00:01 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

liliana2, у нас принято делится путями решения. Вдруг кому-то еще это поможет?! smile

Кроме того, справа вверху есть ссылка "Пометить как решённый" - если вопрос действительно решен, просьба нажимать ее.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »