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

Создано 16.03.2017 в 22:54
sl1vitalbka	16.03.2017 в 22:54
постов	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
постов	Если добавлениеудаление контактов будет происходить путем редактирования кода файла, каким боком тут поле ввода и кнопка "отправить"? Насчет оформления, начните с создания макета.
sl1vitalbka	16.03.2017 в 22:54
постов	В том то и дело, что добавлять нужно через визуальный редактор непосредственно на странице, а удалять - через код. Удалять контакты не через код (визуальено) наверное сложно будет в техническом плане (то есть, чтобы один файл был и только на html, css и js), но было бы очень кстати.
mrtoxas	16.03.2017 в 22:54
постов	sl1vitalbka, на html/css/js не выйдет.
sl1vitalbka	16.03.2017 в 22:54
постов	А если с помощью php? Можно ли сделать такое в одном файле?
Вы	Сейчас

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

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