Jump to content

JavaScript

A programming language that conforms to the ECMAScript specification

Explore Questions

There are no popular questions to show right now

4,723 questions in this forum

  1. события на индентификатор

    Добрый день, кто подскажет как правильно делать. на класс .gallery у меня подвешенна всплывающая галерея, всё хорошо когда нужна лишь одна галерея. А вот если я вывожу 10 фотографов и у своего своя галерея ,то нужно .gallery1 .gallery2 .gallery3 ... и т.д как сделать это автоматом? Как вариант в самом HTML прописать что-то типа $(".gallery<?php echo $i;?> это пройдет если скрипт будет в самом HTML ,а если он будет подключать во внешнем файле то не заработает, также у меня потом Ajax ом дозагружаются другие результаты выдачи и на них тоже надо вещать обработчик(ну с этим как-то я еще справлюсь)

    Asked by vladimircape,

    0 votes
    3 answers

  2. События-мутанты

    Кроме событий, которые генерирует пользователь при работе со страницей, можно делать еще и свои собственные события. Пример кода <!DOCTYPE HTML> <html> <head> <title>Mutation event demo</title> </head> <body id="body"> <script> var bodyNode = document.getElementById("body"); bodyNode.addEventListener( "changeBG", function(){ this.style.backgroundColor = "#ccc" }, false ); function chbg( node ) { var mEvent = document.createEvent( "MutationEvent" ); mEvent.initMutationEvent ( "changeBG", true, true, document, null, null, null, 0 ); bodyNode.dispatchEvent(mEvent); } </script> <a hr…

    Asked by s0rr0w,

    0 votes
    4 answers

  3. Совместить данные (jquery)

    Добрый вечер. помогите, пожалуйста, доделать скрипт. для выпадающего списка получаю данные(id и name) с сервера при помощи $.getJSON формирую элементы выпадающего списка var option = ''; $(result.section).each(function(){ option += '<option value=\"' + $(this).attr('name') + '\">' + $(this).attr('name') + '</ option>'; }); $("#section").html(option).attr('disabled', false); /* теперь, в зависимости от выбранного option в скрытый input надо подставить соответствующее значение id */ $("#section").change(function(){ input = '<input id="id" type="text" name="id" value="' + ??? +'" />'; $("#section").after(input); )} и вот как это сделать не зн…

    Asked by slo_nik,

    0 votes
    3 answers

  4. Совместное использование prettyPhotos и extjs grextjs grid-plugins

    Использую extjs grid-plugins. Каждая строка (в примере первая таблица) имеет свойство раскрываться [+]. Внутри находится текст и изображения. Все данные (тект+изображения) хранятся в grid-plugins.js jQuery pretty photo использую для img. Из-за того, что img находится в js, prettyPhoto не может их считать и следовательно переменить эффект. Если img использовать в body, то все нормально работает. Как prettyPhoto заставить работать с изображениями из js?

    Asked by Вадим,

    0 votes
    0 answers

  5. Соеденить два дубликата узла

    Здравствуйте. У меня есть два блока, к примеру <div id="z">z</div> <div id="x">x</div> Мне нужно их по очереди клонировать, а в конечном результате получить этот код в виде строки '<div id="z">z</div><div id="x">x</div>' Как это правильно сделать? Это для тестов https://jsfiddle.net/0wo1z717/

    Asked by alex_web64,

    0 votes
    5 answers

  6. Создаем мини-фреймворк своими руками

    Вступление Что мы будем делать: мини-фреймворк для анимации перемещения абсолютно или относительно позиционированных на странице объектов по оси X или Y. Сначала о главном: это мой первый опыт написания уроков, да и вообще статей, так что сильно не пинайте. У многих возникнет вопрос, зачем все это надо, если есть уже готовые фреймворки (jQuery, Prototype и т.п.)? Многие скажут излюбленную фразу про велосипед. Но вы их не слушайте, они просто буржуи – любят жить на всем готовеньком. А вот мы с вами – рабочий класс! А если серьезно, то иногда нет смысла подключать большой фреймворк ради одной единственной функции, в нашем случае анимации перемещения объекта. Ну и, опять же,…

    Asked by Great Rash,

    0 votes
    5 answers

  7. Создание JS фреймворк prototype

    Нигде не могу найти, как создать JS фреймворк prototype? Что это такое? И чем он отличается от html? Подскажите, как его создать?

    Asked by Pansaga,

    0 votes
    4 answers

  8. Создание Select`а div`ами

    Здравствуйте. Скажите плиз, можно создать Select дивами через JS. могет есть дока/пример по сабжу. буду признателен любой инфе.

    Asked by klierik,

    0 votes
    5 answers

  9. Создание и проверка существования переменной

    Знаю, что вопрос нубский, но всё же: Создаю переменную: ... var obj = document.getElementById('ID'); ... И проверяю: ... if (obj) { ... } ... Это вообще верно? Как в JS грамотно выполняется такая проверка? (ситуация, когда 'ID' нету в документе) Спасибо.

    Asked by DjTarik,

    0 votes
    11 answers

  10. Создание игры с помощью <canvas>

    Я решил создать игру с помощью <canvas>. Я создал "танк" (на даный момент это прямоугольник), сделал управление "танком", но возникла проблема - "танк" оставляет след. Помогите устранить эту ошибку, буду благодарен. Вод код программы: <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #game { border: 1px solid black; background: silver; } </style> <script type="text/javascript"> var tank_x = 0; var tank_y = 0; function game() { var game_show = document.getElementById("game").getContext("2d"); game_show.fillStyle = "green"; g…

    Asked by nemo59,

    0 votes
    4 answers

  11. Создание картинки в IE 7

    В IE7 вышла проблема (В IE 6 работало) Вот такая инструкция document.getElementById(p).innerHTML="<img id='unit"+gid+"' width='70' height='70' src='"+imgsrc+"' border='0' onMouseOver='viewunit("+gid+")' onMouseOut='viewunit_no()' onClick='atunit("+gid+")'"; ни к чему не приводит. как я разобрался в IE 7 нельзя так делать, нужно делать var img = document.createElement('img') img.src=imgsrc; img.style.width=70; img.style.height=70; document.getElementById(p).appendChild(img) Вопрос: Как мне таким образом добавить к img onMouseOver и onMouseOut ?

    Asked by alex90aa,

    0 votes
    9 answers

  12. Создание класса

    Я никак не могу понять что лучше использовать: new.Object или Object.create?

    Asked by DivMan,

    0 votes
    1 answer

  13. Создание класса в который можновключить флеш.

    Я совсем новичок в деле написания кодов, кое-что получается кое-что нет. Итак, задача такая на форуме нужно было создать страницу, которая бы грузилась поверх стандартного дизайна. Страница вот такая пример. Теперь мне очень хочется включить туда флеш, которая должна служить фоном для всего остального. Пробовала создать класс, но как только вместо букв вставляю код флеш ролика, скрипт работать перестает. Конкретный вопрос как создать класс документа, который будет фоном и сможет включать флеш анимацию

    Asked by Say,

    0 votes
    3 answers

  14. Создание объекта

    Стоит ли забыть про этот способ new Object() И пользоваться только {} ?

    Asked by DivMan,

    0 votes
    8 answers

  15. Создание объекта JavaScript

    Не вызывается почему то конструктор, пишет что не определенный конструктор хотя я ему определяю список аргументов при вызове. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Тест</title> </head> <body> <p id="result"></p> <script> let Person = { constructor:function(name,age,gender){ this.name = name; this.age = age; this.gender = gender; return this; }, greet: function(){ console.log("My name is " + this.name); } }; var tom = new Person.constructor("Вася",18,"female"); tom.greet(); </script> </body> </htm…

    Asked by denis_alekss,

    0 votes
    4 answers

  16. Создание объекта из имени класса

    Я создаю объект из имени класса следующим образом: object = new (eval(class_name))(arg); Скажите, есть ли у этого способа альтернативы?

    Asked by freeneutron,

    0 votes
    2 answers

  17. создание объектов для класса

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

    Asked by cyklop77,

    0 votes
    0 answers

  18. Создание Обьектов...

    Здравтсвуйте! С наступающим всем праздником! В общем я собственно вот по какому вопросу: При изучении уроков Дениса Фомичёва столкнулся с разницой в результате процесса... Тоесть когда я прописываю код: // создание конструктора function Cat(nameToSet, colorToSet, heightToSet, weightToSet, hungryToSet){ this.name = typeof nameToset == 'underfined' ? 'Script' : nameToSet; this.color = typeof colorToset == 'underfined' ? 'black' : colorToSet; this.height = typeof heightToset == 'underfined' ? 30 : heightToSet; // cm this.weight = typeof weightToset == 'underfined' ? 5 : weightToSet; // kg this.hungry = typeof hungryToset == 'underfined' ? true : hungryToS…

    Asked by Yamaradg,

    0 votes
    4 answers

  19. Создание скролла: jQuery, scrollTo

    Разобрался со спойлерами, не ладится у меня со скроллом теперь В общем рабочая станция: http://idrugov.ru/spoiler.html Код выглядит так, но не работает на jsffiddle: http://jsfiddle.net/LhhET/4/ 1. Код получился гораздо больше, чем у других загугленных скроллов. Но по скроллам гугла - контент взмывает до самого пола и при большом тексте, середина соответственно выбывает. Правильный ли велосипед вышел в итоге? 2. Не нашел как остановить функцию toggle, пришлось её заклить. Как перестать прокручивать текст?

    Asked by iDrugov,

    0 votes
    2 answers

  20. Создание таблицы

    Почему не создаются ячейки? https://jsfiddle.net/L9o4jamy/

    Asked by DivMan,

    0 votes
    4 answers

  21. Создание узла с white-space через JS

    Вопрос в следующем: При нажатии на кнопку создается элемент "entireDrink ", в который добавляется input-картинка и span-текст, "entireDrink " получает тег "one" в котором указан параметр "White-space: nowrap;". При повторном нажатии на ту же кнопку меняется span-текст, а при нажатии на другую добавляется еще один такой же элемент и т.д. Мне надо, чтобы в окне div эти элементы переносились на новую строку, но не разделялась картинка с текстом, а получается, что "entireDrink "s просто множатся по оси-x. Если добавлять без White-space: nowrap, то все элементы переносятся отдельно: картинки и тексты. В другом месте, созданном заранее в html это работает…

    Asked by CreamQ,

    0 votes
    6 answers

  22. Создание фотогалереи

    Я пытаюсь интегрировать галерею с сайта http://highslide.com/#installation. выдаются инструкции <script type="text/javascript" src="/highslide/highslide.js"></script> <link rel="stylesheet" type="text/css" href="/highslide/highslide.css" /> Собственно мне нужно куда то закачать эти файлы, проблема в том что в базу своего сайта я не могу залить ибо пользуюсь услугами сайта за 5 мин )) Посоветуйте пожалуйста куда мне это все залить. И еще вопрос я скачиваю зип файл где содержится помимо этих файлов еще и картинки к ним, как быть с доступом к ним? Я пробовал тупо копировать содержание в СSS и script но работает неправильно (( Ну или посоветуйте что нибудь…

    Asked by ELNINO,

    0 votes
    2 answers

  23. Создание функции для генерации пунктов select

    Здравствуйте. Мне необходимо создать пункты для большого количества select'ов. Я сделал отдельную функцию, которая принимает три параметра и выглядит так: myFunc(количество итераций цикла, текст пункта, id) { var a = ... // сохраняем будем сохранять все пункты for(var i = 0; i < количество итераций цикла; i++) { $('<option />', {text: текст пункта}).appendTo(a); } $(id).append(a) } Некоторые списки нужно заполнить цифрами от 0 или 1 до [количество итераций цикла]. Просто в цикле я бы мог написать: ... {text: i} или {text: i + 1} Как подобное условие можно передать в аргументе функции? https://jsfiddle.net/7q1d22y1/

    Asked by alex_web64,

    0 votes
    4 answers

  24. Создание экземпляра класса по имени класса, содержащемся в строке

    Если конкретно, в dojo есть много классов, на подобие dojox.form.DateTextBox, которые используются следующим образом var element = new dojox.form.DateTextBox(options,id_string);Но если скрипт создает элементы по списку, например по такому: var elements = [ { options: {}, id_string: 'id-1', type: 'dojox.form.DateTextBox' }, { options: {}, id_string: 'id-2', type: 'dojox.form.Textarea' }, ] то скорее всего их создание должно выглядеть так: var form = {}; for(var i=0;i<elements.length;i++){ var el = elements[i]; if(el.type == 'dojox.form.DateTextBox')form[el.id_string] = new dojox.form.DateTextBox(el.options,el.id_string); if(el.type…

    Asked by freeneutron,

    0 votes
    0 answers

  25. Создание элемента

    Как сделать так, что бы элемент создавался на новой строке, а не прилипал к предыдущему? http://codepen.io/anon/pen/pgEeaO

    Asked by DivMan,

    0 votes
    4 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept