Top.Mail.Ru
ru_coding, записи по тегу javascript — Живой Журнал — ЖЖ
? ?

ru_coding

Свежие записи

You are viewing the most recent 10 entries

Август 16, 2012

Imagevislipuzly @ 01:20 pm: HTML-Верстальщик
Всем здравствуйте! Нужны талантливые верстальщики, web-прогеры и web-дизайнеры. Очень срочно нужны.
С проектом нашей компании Вы можете ознакомиться на сайте: http://www.wantbook.com
Требуется на постоянку, по финансам от 40 000 до 60 000 руб. (если Вы супермагапуперклассный спец, то может и больше)
Для устройства потребуется выполнить тест задание.
Если есть вопросы и желание поработать с нами, то ждем звонков сюда: 8 (495) 676-24-00. Компания Барристер. или можно написать девушке сюда:
http://vk.com/id9957142
ну или мне в личку.

Tags: ,

Июнь 9, 2010

Imageterion_fallen @ 07:29 pm: разница в javascript между перезагрузкой страницы и переходом на страницу?
 jQuery, собственно...
хочу отлавливать якори в адресе.
делаю это следующим образом:

$(document).ready(function() {
hashe = window.location.href.slice(window.location.href.indexOf('#') + 1);
if (hashe == 'something') {someFunction();}
});

При обновлении страницы это четко срабатывает везде.

А вот если просто вставить в адресную строку адрес с хэшем — работает только в Сафари/Хром.

Почему так и что с этим можно сделать? Спасибо

Tags:

Март 30, 2010

Imageterion_fallen @ 10:44 pm: jqury.load()
Делаю листалку, но не картинок, а блоков с фоновыми рисунками.. При вызове функции браузеры сходят с ума, подвисают, выжирают память и ЦП, хотя функция в целом срабатывает... Что я делаю не так?
Код (функция находится внутри $(document).ready):

$('#slidertitle .right').click(function(){
	pictcount++;
	if (pictcount > $('#sliderimg div').length) {pictcount = 0};
	$('#sliderimg .loading').fadeIn(200);
	$('#preloader').load($('#sliderimg div').eq(pictcount).css('background-image').replace(/^url|[\("\")]/g, ''), function(){
		$('#sliderimg .loading').fadeOut(200);
		$('#sliderimg div').eq(pictcount).show();
		
		if (pictcount == 0) {
			$('#sliderimg div').eq($('#sliderimg div').length).slideUp(500);
		}
		else {$('#sliderimg div').eq(pictcount-1).slideUp(500);};
		$('#currentpic').fadeOut(250);
		setTimeout(function(){$('#currentpic').text($('#sliderimg div').eq(pictcount).attr('title'))}, 250);
		$('#currentpic').fadeIn(250);
	});
});
пояснения:
на странице уже есть все блоки, они скрыты. нужно перед тем как переключать подгрузить фоновую картинку.
по клику увеличиваем счетчик, для получения индекса следующего элемента в массиве элементов.
если счетчик превысил кол-во элементов вообще, то он становится нулем (чтоб следующим стал первый элемент).
Показываем гифку загрузчика
загружаем фоновую картинку в спрятанный далеко див (адрес которой забирается этим: .css('background-image').replace(/^url|[\("\")]/g, ''), что точно работает и без проблем — проверял засовывая в переменную и ее алертил)
когда загрузка завершена, вызываем функцию которая показывает следующий блок (место, где прячется текущий можно оптимизировать, но трабл явно не тут)

так вот браузеру от этого всего становится очень плохо.
почему?

Tags:

Март 21, 2010

Imageterion_fallen @ 12:14 am: jquery: вставка хтмл без изменений?
ффф.. я уже себе весь мозг сломал...
Ситуация: нужно разделить массив объектов.
Т.е. предположим есть такое:

<div><div>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div></div>

Мне нужно разделить по дивам по два спана.
Т.е. после каждого второго спана нужно вставить </div></div><div><div>
Т.е. закрыть и открыть дважды.
Все ясно, но. Когда я пишу .before('</div></div><div class="col"><div class="incol">') jquery вместо этого вставляет: <div class="col"><div class="incol"></div></div>
Нет, я понимаю, что он умный и сам теги закрывает, но мне-то это не нужно...
Как вставить этот кусок кода без изменений?
Спасибо

Tags:

Март 20, 2010

Imageterion_fallen @ 01:41 pm: по яваскрипту, подскажите плиз
Я тут потихоньку ковыряю яваскрипт, изучаю методом научного тыка, так скажем.
Сразу с jqery начал.
Все нормально, все понятно, но вот запнулся с одной штукой... Пытался гуглить, но даже не знаю, как сформулировать запрос...

в общем.. функции вызываются определенным ивентами. $(document).ready, $(window).resize и прочие. Это понятно.
Но мне нужно постоянно отслеживать некоторые величины.
Например, размеры некоторых блоков и положения скроллов.
Меняться эти величины могут при огромной массе обстоятельств.
Соответственно, мне нужно как-то написать функцию, чтоб она отлавливала их постоянно.
Как?

Заранее спасибо

Tags:

Сентябрь 29, 2009

Imagepublicweb_ru @ 03:15 pm: Карта маршрутов
Сразу скажу, что данную задачу проще всего решать на флеш, но бывают моменты в жизни, когда мысли о флеш надо отложить в сторонку и попробовать реализовать при помощи JavaScript (jQuery)


Есть карта (обычная картинка), на которой кривыми линиями указаны маршруты движения кораблей. Надо чтобы при наведении на линию, она подсвечивалась и рядом выпрыгивал красивый блок с информацией о маршруте. Как подсвечивать и показывать блок - это понятно любому начинающему верстальщику :) Вопрос в следующем: как отслеживать наведение мышки на многоугольную область (кривая маршрута)? Сталкивался ли кто-нибудь с подобным? Какие могут быть варианты решения?



UPD Известны ли кому-нибудь способы решения этой задачи без map?

Tags:

Июль 2, 2009

Imagenarliesteam @ 06:39 pm: Просьба помочь с load() в Опере
jQuery("#xxx").attr({ src: "/images/back1.jpg", alt: "сосиска" }).load(function()
{
alert("!!!");
};


jQuery("#xxx").attr("src", "/images/back1.jpg").load(function()
{
alert("!!!");
};

В IE Chrome Firefox всё работает как надо, как загрузилась картинка срабатывает алерт.
В опере же не пашет вообще, картинку грузит, но load не выполняет. Гуглил, не у меня одного проблема.
Решения не нашёл. Как сделать чтобы при загрузке картинки (она предполагается будет большой) выполнялась функция, так чтобы пахало в Опере тоже.
ХЭЭЛП!

заранее спасибо

Tags: , ,

Июнь 5, 2008

Imagerossomachin @ 06:23 pm: Вакансия JavaScript-гуру, Москва, "Тематические Медиа", полная занятость
Компании «Тематические Медиа» требуется профессиональный JavaScript-разработчик, способный усилить команду, обладающий следующими характеристиками:

— отличное знание HTML, XML, CSS, JavaScript, регулярных выражений;
— быстрая, семантическая, валидная вёрстка, умелое использование микроформатов;
— знание и уместное применение возможностей CSS3,
— знание технологических недостатков старых браузеров;
— опыт работы с JavaScript: работа с DOM-ом,
— анимация элементов, сложные взаимодействия пользователя с интерфейсом (drag'n'drop, autosuggest, валидация форм);
— знание отличий механизмов рендеринга страниц и выполнения JavaScript сценариев в разных браузерах;
— опыт оптимизации работы CSS правил при работе с большим обьёмом данных;
— опыт оптимизации работы JavaScript-сценариев при работе с большим обьёмом данных;
— понимание, как работают ведущие JavaScript библиотеки;
— опыт в разработке больших, расширяющихся проектов.

Зарплата от $2550 (по результатам собеседования).

Задачи

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

Условия

Офис в живописном уголке в центре Москвы (метро «Чистые пруды»).
Оформление согласно ТК РФ.
Рабочий день с 11-12 дня.
Оплачиваемое обильное питание в одном из двух ресторанов на выбор.
Рабочий компьютер на выбор (Mac/PC).

Иногородним поможем с переездом в Москву.



От себя добавлю, что работать тут действительно интересно, да и коллектив хороший. Ищем хорошего человека. Как водится, с чувством юмора.

Tags:

Октябрь 9, 2007

Imageantiz @ 04:11 pm: Вопрос по JavaScript, вывод сообщения "Loading"
собственно вот кусочек js c фцнкцией, которая выводит сообщение showLoading
  function showLoading() {
    LoadBack = document.getElementById("ILoadBack");
    LoadText = document.getElementById("ILoadText");
    if (ie) {
      LoadBack.style.width = document.body.clientWidth;
      LoadBack.style.height = document.body.clientHeight;
      LoadText.style.width = document.body.clientWidth;
      LoadText.style.height = document.body.clientHeight;
    } else {
      LoadBack.style.width = document.width;
      LoadBack.style.height = document.height;
      LoadText.style.width = document.width;
      LoadText.style.height = document.height;
    }
    LoadText.style.visibility = "visible";
    LoadBack.style.visibility = "visible";
  }

а вот кусочек html:

    <body>
        <div style="position:absolute;width:3px;height:3px;background-color:white;filter:alpha(opacity=80);opacity:.80;visibility:hidden;z-index:3" id="ILoadBack"></div>
        <div style="position:absolute;width:3px;height:3px;visibility:hidden;z-index:4" id="ILoadText" />
            <center><table width=100% height=100%><tr valign=middle><td align=center><table>
                <tr><td align=center><img src="/images/clock.gif" id="ILoadImage"/></td></tr>
                <tr><td align=center><h1>Загрузка страницы</h1></td></tr>
            </table></td></tr></table></center>
        </div>
...
</body>

при выполнении функции возникает проблема - данные два div'а не отображаются, однако если после выполнения showLoading() сделать window.alert(), то все появляется...
вариант с тем, что она появляется и тут же исчезает - не катит, т.к. у меня загружаются СИНХРОННО с выполнением скрипта файлики размером по 400-800Кб, что занимает достаточное время, чтобы эти дивы появились секунд на 4-8.

какие будут предложения?


Tags:

Май 11, 2007

Imagegleb_kalinin @ 01:40 pm: размер windows media player через js
Привет. Как решить проблему динамического изменения размера вставленного в страницу объекта Windows Media? Javascript'ом меняю размеры объекта, свойство width, его значение действительно меняется, но на внешнем виде плеера это никак не отражается. Гугл принес весть о том, что с такой проблемой сталкиваются многие, но решение выудить не удалось.

Музыка: tarwater - roderick usher
Tags: , , ,
Разработано LiveJournal.com
Image