Прошу помощи (jquery.maphilight.js)

[SERblY]

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

[рони]

SERblY,
так уберите

.click(function (e) {
            e.preventDefault();
        });

и поправьте $(id).css({color : ''});

[SERblY]

Спасибо Вам, Вы мне очень помогли, оставлю прямую ссылку на Ваш форум на сайте!
А Вам лично еще раз огромное спасибо!

[SERblY]

а как помимо color еще добавить стили, пробовал чето не выходит, скорее всего синтакс неправильно делаю, чтобы несколько стилей приминять или класс целиком из ксс таблицы например? Спасибо!

[рони]

SERblY,

$(id).css({color : '',backgroundColor:'#FFFF00',fontSize:'24px'});

читайте букварь по jquery
$(id).addClass('red')
$(id).removeClass('green')

[рони]

SERblY,
Работа с CSS

[SERblY]

Спасибо! я неправильно писал как и думал )

[SERblY]

Спасибо! что показали решение,все работает, сделал так:

<script type="text/javascript">
    $(function() {
        $('.map').maphilight();
$('[id^=squidheadlink]').mouseover(function (e) {
            var id = '#squidhead'+ this.id.replace(/\D/g,'')
            $(id).mouseover();
        }).mouseout(function (e) {
            var id = '#squidhead'+ this.id.replace(/\D/g,'')
            $(id).mouseout();
        })
$('[id^=squidhead]').mouseover(function (e) {
            var id = '#squidheadlink'+ this.id.replace(/\D/g,'')
            $(id).addClass("regionlinkmap");
        }).mouseout(function (e) {
            var id = '#squidheadlink'+ this.id.replace(/\D/g,'')
            $(id).removeClass("regionlinkmap");
        })        
        
            });
    </script>

----------------------------
До полного счастья немогу не задать еще вопрос, можно как то передавать title? тоесть мы наводим на ссылку -подсвечивается соответсвующаяя area и наоборот, наводим на area - подсвечивается ссылка - все супер, а можно сделать еще чтобы при наведении на область (area) или ссылку, title от ссылки или area соответсвующей, например title="Владимирская область", передавалось бы в другой элемент, например в тег <h1>сюды</h1> (в заголовок над картой).

[рони]

SERblY,
добавьте id заголовку

$(function() {
        $('.map').maphilight();
$('[id^=squidheadlink]').mouseover(function (e) {
            var id = '#squidhead'+ this.id.replace(/\D/g,'');
            $(id).mouseover();
            $('h1').html(this.title);
        }).mouseout(function (e) {
            var id = '#squidhead'+ this.id.replace(/\D/g,'');
            $(id).mouseout();
            $('h1').html('Сюды');
        })
$('[id^=squidhead]').mouseover(function (e) {
            var id = '#squidheadlink'+ this.id.replace(/\D/g,'');
            $(id).addClass("regionlinkmap");
            $('h1').html(this.title);
        }).mouseout(function (e) {
            var id = '#squidheadlink'+ this.id.replace(/\D/g,'');
            $(id).removeClass("regionlinkmap");
            $('h1').html('Сюды');
        })

            });

а самому подумать ?

[SERblY]

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