JavaScript

4,723 questions in this forum

1. History API и AJAX

   Приветствую Уважаемые форумчане. Сразу к делу, мой сайт работает полностью на ajax и я его подружил с histroy API, проблема в том, что когда я подгружаю через ajax новые данные, то старый JS код продолжает работать хотя блок в котором код находится заменяется на новый. Я ума не приложу, что нужно сделать, чтобы JS код удалялся полностью со старыми данными. Может быть Вы знаете? Еще вопрос! Можно ли подключать JS через innerHTML? Не просто тупо код вставить туда, а именно подключить отдельным файлом и вставить через innerHTML, я просто слышал, что нельзя тупо вставлять код JS через innerHTML

   Asked by хакер ботаник, November 1, 2014

   • History API AJAX HTML5
   0 votes
   5 answers
2. History API: проблема с перезагрузкой страницы

   Привет всем. У меня проблемы с простой задачей. Есть одностраничный сайт. Пользователь нажимает на ссылку меню, которая обрабатывается функцией Js. Эта функция асинхронно загружает содержимое страницы и изменяет URL с помощью history.pushState (). Например было "example.com" => после клика "example.com/page1" Затем пользователь обновляет страницу, но такого файла, не существует на сервере. Как решить эту проблему? Вот пример Вот страница с пояснениями, но примера обработки обновления страницы там нет. У них в примере, после обновления открывается страница с тем же контентом, что было до перезагрузки и с тем же url. Говорят, что нужно решать как-то …

   Asked by WhatIsHTML, July 2, 2016

   • html5
   • pushstate
   • api
   0 votes
   0 answers
3. hoover button hoover text

   1. господа. делаю через frontpage hoover-button. Она сохраняет дополнительные файлы рядом со страницей. Наверняка можно избавиться от этого и сделать встроенный в страницу код. Как этого добиться? Эта функция подменяет картинку, когда наводишь на не? мышью. 2. Ещ? хочется сделать мигающие (изменяющиеся по цвету) буковки текста. Для этого надо Java или исопльзовать HTML возможности?

   Asked by Rilo, February 8, 2008

   0 votes
   3 answers
4. hover траблы

   Есть проблемка с ховер и маусовер хотя н3 в чем проблема. Есть код: <script type="text/javascript"> function slidebut(i) { $("#st" + i).hover( function () { $("#anim" + i).stop().animate({left: "55px"}, "fast"); }, function () { $("#anim" + i).stop().animate({left: "0"}, "fast"); }); } </script> и ... <div style="width:150px; height:80px; position:absolute; margin-top:35px;" onmouseover="slidebut(1);" id="st1"> <div class="bgbox" id="anim1"> <div style="margin-left:3px;"> <a href="#">800x600</a><br> <a href="#">1024x768</a><br> <a href="#">1280x1024</a>…

   Asked by Simon, March 16, 2011

   0 votes
   3 answers
5. Hover: плитка-ссылка с фоном+затемнением+текст

   Всем добрый вечер! Подскажите, не могу придумать как проще сделать появление на плитках-ссылках текста, хотя бы с двумя разными стилями,при наведении на них и затемнении, с учетом того, что текст будет разный на всех плитках и разные фоновые картинки. Сделал через display:none для текста, пришлось через position :absolut чтоб не прыгал элемент. Теперь не работает авто-выравнивание. Может кто посоветует что-то получше? Тут https://senobiot.000webhostapp.com/portfolio.html визуальное представление, тут код -https://jsfiddle.net/jdhnzfLs/1/ Заранее спасибо!

   Asked by Senobiot, January 29, 2020

   0 votes
   3 answers
6. HoverFade эффект для миниатюры

   Здравствуйте Существуют плагины фотогалереи, например: prettyPhoto, fancybox и прочие Как использовать плагин я понял, но повсеместно встречаю эффект, когда при наведении курсора на миниатюру изображения оно затемняется или еще как-то расфокусируется и появляется изображение "плюса" (или другое) как предложение просмотреть изображение в большем масштабе или перейти по ссылке И эта маленькая иконка "плюс" (или другая) интересно появляется визуально: HoverFade эффект или выезжает снизу-сверху-сбоку Как разработчики делают это? Не могу понять Может есть публикации кода на эту тему? Я не нашел Помогите, пожалуйста PS Примеры: http://themes.evgenyfireform.com/themask/demo/ …

   Asked by happybolt, June 18, 2012

   0 votes
   11 answers
7. Html 5 websocket Лечение словарного поноса

   Имеется самописный сервер, решил делать клиент с использованием Html5 и его веб сокетов. проблема. При подключении собственно как я понимаю клиент сваливает кучу служебной инфы. При чём не куском а построчно. В виде заголовков http GET / HTTP/1.1 Upgrade: WebSocket Connection: Upgrade Host: 127.0.0.1:8234 Origin: http://127.0.0.1 Sec-WebSocket-Protocol: TCP Sec-WebSocket-Key1: 18r o"86g'uu(x0 76n'm378 Sec-WebSocket-Key2: >3c62v+L 6 x H77 [52 1^8 X n] На сервере стоит защита от неправильного формата данных, но это мне ненравится. Пока с вебсокетами на html5 только начал разбираться, но так понимаю, если он столько отсылает при подключении, то столько же будет вмест…

   Asked by Zizilk, September 17, 2011

   0 votes
   6 answers
8. html map

   здравствуйте, форумчане есть картинка. с помощью map выделил область под ссылку. хочу, чтобы при наведении на неё она расширялась(можно просто сделать див расширяющийся) с надписью "Добавить обьявление". буду рад любой помощи

   Asked by slojnokak, October 16, 2013

   0 votes
   1 answer
9. HTML vs. XHTML (взаимодействие с JavaScript)

   Прошёл книгу "Изучаем HTML, XHTML и CSS" (O'Reilly). Книга нормальная, всё понятно написано. После прочтения книги, в результате советов, которые там дают читателям, сейчас страницы пишу на XHTML Strict. Почему - сказать не могу. Просто в книге читателя плавно подвели к тому, что HTML - это вчерашний день, а сегодняшний - Strict XHTML. И нужно писать страницы на XHTML Strict, чтобы разные браузеры чётко понимали на каком языке написана разметка страницы. Пытался на форумах найти ответ на вопрос "На чём писать: HTML, XHTML или HTML5 ?". Каждый хвалит свою корову. И аргументов у каждого - целая куча. Сейчас прохожу книгу "Изучаем JavaScript" (O'Reilly, м.Моррисон). Думал, ч…

   Asked by Oleh, February 27, 2012

   0 votes
   5 answers
10. html-код, вставленный при помощи JQuery-функции .after(), не участвует в DOM?

    Здравствуйте. Для фрагментов html-кода, вставленных на страницу по определенному событию при помощи JQuery-функции .after(), не срабатывает событие click? При щелчке по такому элементу ничего не происходит. Пример: http://jsfiddle.net/33D3W/5/. Как решить проблему? Спасибо.

    Asked by Squidward, January 5, 2014

    0 votes
    2 answers
11. HTML-теги отображаются текстом

    Здравствуйте! Постараюсь вкратце обрисовать проблему. Имеется два php-скрипта: index.php и ask.php. В index.php имеется форма, юзер заполняет ее - и при помощи MooTools Request.HTML данные из формы отправляются в ask.php. Без перезагрузки страницы (!) - т.е. на AJAX. В ask.php генерится определенный html-код (фактически, текст, разделенный тегами br) и возвращается в исходный сценарий: Формируется определенными преобразованиями переменная $answer, выполняется $answer = str_replace( array('<', '>'), array('<', '>'), $answer);, выводится echo $answer; Далее, при помощи JS, полученный ответ отображается в браузере (серия команд а-ля $('result').set('text', 'тек…

    Asked by FRUTALITY, December 28, 2010

    0 votes
    1 answer
12. HTML5 3D canvas (JavaScript)

    Кто-нибуть понимает как это работает? http://deanm.github.com/pre3d/colorscube.html Я так понимаю это достигается с помощью JS? Хотелось бы собрать информацию в этой теме, по ходу буду дополнять, кто понимает как реализовать такую анимацию пишите =)

    Asked by Aroused, July 26, 2011

    0 votes
    18 answers
13. HTML5 canvas change event

    Помгите получить от <canvas> change event. Пробую вот так: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Canvas onChange</title> </head> <body> <canvas id="c" width="500" height="375" style="border: 1px solid black;"></canvas> <script> var canvObj = document.getElementById('c'); var canvCtx = canvObj.getContext('2d'); function canvasChange(e) { alert('canvas.onChange'); } canvObj.addEventListener('change', canvasChange, true); canvCtx.fillRect(10,10,10,10); </script> </body> </html> По идее этот код должен вызвать функциюю canvasChang…

    Asked by AnyaRayne, May 13, 2011

    0 votes
    10 answers
14. html5 canvas проблемы с putImageData

    проблема с putImageData или чем то ещё, но данные "бьются" <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /><title>.</title></head> <body> <canvas id="myCanvas2" width="4" height="4"></canvas> <div id='divid'></div> <script> var canvas2=document.getElementById('myCanvas2'); var img2=canvas2.getContext('2d'); var arD=[1,2,3,4,5,6,7,8,100,100,100,100,200,200,200,200,255,255,255,255,100,0,0,0,200,200,200,0,0,0,0,255]; var arD2=[]; function calcImg(){ var x; var ar = img2.getImageData(0,0,4,4); for (x=0;x<arD.length;x++) { ar.data[x]=arD[x];…

    Asked by iillyyaa2, March 16, 2013

    0 votes
    0 answers
15. html5 history api + ajax + seo

    Хочется сделать всю навигацю на сайте без перезагрузок страницы но и так, что бы урлы в строке запроса менялись на соответствующие (аналогично на гитхабе, вконтакте, сайте ангулара). Ну вы поняли: при клике на любую ссылку из навигации делаю джаваскриптом (или dart'ом, если вы хипстер) как-то так: $("a").on('click', function(e) { e.preventDefault(); var pageName = $(this).attr("href"); window.history.pushState(null, "", pageName); navigateToPage(); // эта функция аяксом забирает контент страницы с урлом pageName});Так вот, что-то я не нашел в интернете ничего о сеошности таких страниц. Смогут их проиндексировать поисковики? По идее должны, т.к. эти страницы попа…

    Asked by Evkaky, January 14, 2014

    0 votes
    4 answers
16. html5 video

    Всем привет, обращаюсь по такому вопросу – при написании простого видеоплеера на javascript/jquery столкнулся с проблемами, все что мог – пофиксил, но вот эти незнаю как исправить: 1) в опере при воспроизведении видео с первого клика не обновляется прогресс бар, но если переместится к какому-нибудь месту в ролике, или нажать стоп, или даже если всплывает алерт, то все начинает работать как нужно; 2) в сафари почему то видео воспроизводится два раза подряд. Помогите пожалуйста, в чем проблема? страница с плеером код плеера

    Asked by Lemming, November 6, 2012

    0 votes
    2 answers
17. http://jqueryvalidation.org/ - не работает в ие8

    http://jqueryvalidation.org/ не работает в ие8 плагин, который должен проверять входящие данные. например не работает то, что поле обязательно - форма просто отправляется.

    Asked by Zverushka, December 16, 2013

    0 votes
    14 answers
18. https в iframe

    Помогите пожалуйста новичку в javascript. Исходные данные: Есть основная страница с адресом http://bla.com Есть iframe на этой странице у которого адрес https://bla.com/secure.html (HTTPS). Нужно по клику в iframe вызвать функцию на родительской странице: parent.MyFunction(); Получаю ошибку acceess denied. Поскольку это разные протоколы, то браузер считает что это межсайтовый скриптинг. Что можно сделать в такой ситуации?

    Asked by graf, August 1, 2011

    0 votes
    1 answer
19. i больше чем длина элмента

    Помогите пожалуйста, вот писал скрипт для искусственного селекта и вроде всё нормально шло, пока переменная в цикле не начала неправильно увеличиваться.. помогите пожалуйста, хотя бы скажите в чём конкретно проблема. var jsCustomSelect = getElementsByClass('jsCustomSelect'); var jsCustomSelectLen = jsCustomSelect.length; var jsCustomSelectHeight = new Array(); var jsCSOptionsHeight = new Array(); for(i = 0; i < jsCustomSelectLen; i++){ var newElem = function(elem){return document.createElement(elem);}; jsCustomSelectHeight.push(jsCustomSelect[i].clientHeight); jsCSOptionsHeight.push(getOptionsHeight(i)); jsCustomSelect[i].getElementsByTagName('ul')[0].className = …

    Asked by Nekromancer, June 5, 2009

    0 votes
    5 answers
20. ibberbook гостевая книга

    Помогите разобраться с гостевой книгой. Вот демо. Исходники вот, естественно без вирусов (virustotal) Отличная гостевая книга, я думаю многие будут пользоваться. Она бесплатна, без рекламы, с админкой, но не на русском. Подскажите в каком файле кодировку менять? Ps: правильное название Jibberbook. Неполностью название скопировал. Исправьте название темы.

    Asked by manolo, April 20, 2011

    0 votes
    5 answers
21. IE - при событии onmouseover не вызывается функция

    Устал бороться в одиночку - прошу помощи. На странице есть javascript-фотогалерея smoothgallery для наглядности: http://www.ishvara.com.ua/vito/index.php?p=3&lan=ru∏=11 Галерея создана как класс: <script type="text/javascript"> function startGallery() { gallery__1 = new gallery($('gallery__1'), {height: 300, width: 400, showCarousel: 1, showInfopane: false, thumbHeight: 75, thumbWidth: 100, timed: false, lightbox: 1}); } window.onDomReady(startGallery); </script> В самой галерея кнопки переключения картинок работают нормально. Но мне нужно в другом месте страницы иметь возможность переключать картинки. В Smoothgallery для этого есть функции prevIte…

    Asked by sailord, November 25, 2007

    0 votes
    2 answers
22. IE не любит мой JS

    Решил сделать название полей логина и пароля в самих полях. То есть, пока поле пустое, в первом пишется "логин", во втором - "пароль". При клике поля обнуляются, если после клика поле оставлено пустым, то в нем снова появляется его название. Если поле заполнено, то в нем остается значение. Сделал я это так: <input type="text" name="login" value="Логин" onfocus="this.value=this.value=='Логин'?'':this.value;" onblur="this.value=this.value==''?'Логин':this.value;" /> <input type="text" name="pass" value="Пароль" onfocus="this.value=this.value=='Пароль'?'':this.value;this.type='password';" onblur="this.value=this.value==''?'Пароль':this.value;if(this.value=='Пароль…

    Asked by pimandr, February 25, 2010

    0 votes
    2 answers
23. IE не поддерживает скрипт

    Нашла удобный ресурс для того, чтобы изготовит кнопки на соц.сети.( http://share.pluso.ru/?liads )Отобрала параметры своих кнопок.Получила код : <div class='pluso pluso-theme-color pluso-small'> <div class='pluso-more-container'> <a class='pluso-more' href=''></a> <ul class='pluso-counter-container'> <li></li> <li class='pluso-counter'></li> <li></li> </ul></div> <a class='pluso-facebook'></a> <a class='pluso-twitter'></a> <a class='pluso-vkontakte'></a> <a class='pluso-odnoklassniki'></a> <a class='pluso-google'></a> <a class='plus…

    Asked by eleonore, December 1, 2012

    0 votes
    3 answers
24. IE ругается, не пойму на что

    onmousedown=" document.getElementById('onmap').style.top=Math.floor(window.innerHeight/2-250+window.pageYOffset)+'px'; document.getElementById('onmap').style.display='table'; myfunction('onmap');" чего ему не нравится? Пишет недопустимый элемент

    Asked by SibBear, May 24, 2008

    0 votes
    4 answers
25. IE скрывает подменю.

    Не знаю уже, почему IE срывает подменю, а в Mozille при наведении на самый нижний пункт меню, оно начинает прыгать. <script type="text/javascript"> $(document).ready(function(){ $('.topmenu li').hover( function() { $(this).find('ul:first').slideDown(); }, function() { $(this).find('ul:first').slideUp('fast'); } ); $('.topmenu li:has(ul)').find('a:first').append('»'); }); </script> <style type="text/css"> body { margin: 0 auto; padding: 0; font: 75%/120% Arial, Helvetica, sans-serif; } a:focus { outline: none; } .topmenu { float:left; } .topmenu ul, .topmenu ul l…

    Asked by corol, October 2, 2008

    0 votes
    1 answer