ManyWork
  • Войти в систему
  • Зарегистрироваться
  • Проекты
  • Услуги
  • Фрилансеры
  • Команды
  • Курсы
  • Форум
  • Контакты
    • Стиль заголовка
    • Светлый Темный
    • Стиль страницы
    • Фон Обычный
    • Main Layout
    • Цветовая схема
    • по умолчанию
  • Партнерская программа обновление
  • Опубликовать задание

Контакты в HTML файле
Автор Евгений Кирсанов [evgen_kirsanow]

  • Главная
  • Форум
  • Прочее
  • Программирование
  • PHP
  • Контакты в HTML файле
Создано 16.03.2017 в 22:54
sl1vitalbka 16.03.2017 в 22:54
avatar
постов

14.03.2017, 01:06. Просмотров 105. Ответов 4
Здравствуйте! В веб программировании практически ноль. Могу разобраться в html и css (с css разбираюсь с гуглом). Нужно сделать что-то типа файла с контактами с помощью языков html, css и js (это для того, чтобы работало в любых ос, в т.ч. на андроиде, и я смог хоть как-то разобраться). Нужен один файл, который можно будет путем простого копирования перенести куда угодно. Нужно, чтобы страница выглядела как стена в ВК или Твиттере, то есть вверху поле для ввода текста и кнопка отправить, а снизу перечень всех контактов в алфавитном порядке. Удалять контакты буду путем редактирования кода файла. Должен быть поиск по странице. Также желательно, чтобы конакты были разбиты по буквам, как в алфавитных указателях и справочниках.

Подскажите, пожалуйста, реально ли сделать это на html, css и js в одном файле? Если да, то подскажите, пожалуйста, как? Я в этом деле очень начинающий.

П.С. Есть небольшой макет, то есть страница с поиском по самой странице (нашел на просторах интернета). Вот код:
PHPHTML1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 <html> <head> <title>index</title> </head> <body> <input></input> <div></div> <script> input=document.getElementsByTagName("input")[0] d=document.getElementsByTagName("div")[0] input.style.width="100%" base=[ ' Служебный номер АТС 35 Отдел автоматизации систем управления предприятием АТС 7700 48-500', ' Дежурные водители водители 10 Транспортный цех бокс для автомобилей № 3 1876 68-501', ' Петрова Лидия Николаевна Ведущий товаровед 25 Отдел материально-технического обеспечения №3- общий кабинет товароведов 6733 83-782 7-90-06', ] search=function(pattern){ var out=[] var re=new RegExp(pattern, "i") for(var i=0; i<base.length; i++){ if(base[i].match(re)) { base[i]=base[i].replace(/((d{4} d{2}-d{3})|(d{4} d{2}-d{3} d{1}-d{2}-d{2}))$/, "<b>$1</b>") out.push(base[i]) } } return out } firstSearch=function(){ d.innerHTML="" input.style.color=null var out=search(input.value) if(out.length<1) return secondSearch() var*str=out.join("<br><br>") d.innerHTML=str } secondSearch=function(){ input.style.color="red" d.innerHTML="Нет результатов для <b>"+input.value+"</b>" } onload=firstSearch input.oninput=firstSearch input.focus() onkeydown=function(){input.focus()} </script> </body> </html>Нужно добавить к этому визуальное добавление контактов и автоматическое разбивание по буквам. Огромное спасибо!

mrtoxas 16.03.2017 в 22:54
avatar
постов

Если добавлениеудаление контактов будет происходить путем редактирования кода файла, каким боком тут поле ввода и кнопка "отправить"?
Насчет оформления, начните с создания макета.

sl1vitalbka 16.03.2017 в 22:54
avatar
постов

В том то и дело, что добавлять нужно через визуальный редактор непосредственно на странице, а удалять - через код. Удалять контакты не через код (визуальено) наверное сложно будет в техническом плане (то есть, чтобы один файл был и только на html, css и js), но было бы очень кстати.

mrtoxas 16.03.2017 в 22:54
avatar
постов

sl1vitalbka, на html/css/js не выйдет.

sl1vitalbka 16.03.2017 в 22:54
avatar
постов

А если с помощью php? Можно ли сделать такое в одном файле?

Вы Сейчас
avatar
  • Prev
  • 1
  • 2
  • 3
  • ...
  • 10
  • Next
© MANYWORK.RU

Settings

Vital Info

Admin

Password Update