Форум

Chifixsa · #1 (**permalink**) 22.01.2015, 13:28

Начал совсем недавно изучать JS(по стандартной схеме - после html и css) и пришел к выводу, что было бы хорошо учиться на своем маленьком приложении. Возможно он станет полезным для людей, на работе приходится все время спрашивать друг у друга телефон того или иного человека либо отдела, и никто, естественно, номера не запоминает. Есть идея создать телефонный справочник с поиском по нему на JS, база хранится на сервере. Банально одна страничка, на ней поле с кнопкой, а ниже табличка результатов. В связке с чем организовать это все дело, может, node+mongo? В общем посоветуйте с чего начать, что читать, примеры какие... Все, что будет полезно!

Safort · #2 (**permalink**) 22.01.2015, 13:51

Множество реализаций простого todo-приложения http://todomvc.com/

Цитата:

В связке с чем организовать это все дело, может, node+mongo?

Почему бы и нет.

Chifixsa · #3 (**permalink**) 22.01.2015, 15:42

Цитата:

Почему бы и нет.

может подскажете какой пример на этой связке? буду примного благодарен

losos100 · #4 (**permalink**) 22.01.2015, 17:43

<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>

losos100 · #5 (**permalink**) 22.01.2015, 17:47

Сообщение от Chifixsa

node+mongo

Можешь загружать с сервака свое "приложение", ка-то так

http=require("http")
http.Server(function(req, res){
  if(req.url==="/phones"){res.write(phones); res.end()}
})

Сообщение от Chifixsa

какой пример на этой связке

На этой связке слабоватый, надо подключить авиацию и флот.

Chifixsa · #6 (**permalink**) 24.01.2015, 16:42

спасибо Вам

Форум

Справочник

Discord чат

Курсы javascript