Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [JS-PHP-CSS] Все гуры JS, маги CSS все сюда! / 25 сообщений из 32, страница 1 из 2
04.05.2014, 16:58
    #38632437
Goror
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
Потестируйте мой новый сайтик! Я его ещё не добил на 100%, но всё же!

Интересует, работает ли он вообще на вашем компе (так как я его только на своём тестировал) под FireFox браузер в основном. Левое меню не интересует, справа что куйня болтается тоже) Интересует поиск и навигация, интересует ещё у кого мониторы больше (1280px и меньше 800px) сейчас сделал так, что при прокрутке вниз, должны подгружаться новые страницы, может в расчётах накосячил)) Сделал кеширование, но его пока не знаю как протестировать) Нагрузка наверно нужна. В базу для тестирования распарсил 100 тыс страниц:) В том числе Дедын ПТ нах распарсил весь в базу! Чтоб он не думал что ПТ только у него!)



Но в целом для прокрутки вбивайте короткие фразы типа: Жопа, Деда и тд. Так как в базе пока не так много записей.


Советы, скрины и рекомендации приветсвуются) Так же жёсткая критика допускается)






p.s Сторонние скрипты не использовал (пока) написал всё с нуля:) И парсеры и дизайн и функционал и тд)

Тынц!
...
Рейтинг: 0 / 0
04.05.2014, 18:16
    #38632499
carrotik
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
Goror,

... это картина "Белое безмолвие"? ... вообще нифига нет ни в хроме, ни в ФФ .. :)
...
Рейтинг: 0 / 0
04.05.2014, 19:16
    #38632532
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
GororИнтересует поиск и навигация...
Этот поиск?
Код: javascript
1.
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.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
function searchData(str, key, pg, fun){
	str = str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/;/g, "&lt;").replace(/script/g, "s&#209;&#129;ript").replace(/>/g, "&gt;");
	xhttp=new XMLHttpRequest();
	nocache = Math.random();
	if(fun==0){xhttp.open('GET','http://'+root+'/sl.php?search='+str,true);} //LIVE SEARCH
	if(fun==1 && key!=0){xhttp.open('GET', 'http://'+root+'/sb.php?search='+str+'&key='+key+'&maneorder='+maneorder+'&nocache='+nocache,true);}
	if(fun==1 && key==0){xhttp.open('GET', 'http://'+root+'/sb.php?search='+str+'&key=0&page='+pg+'&nocache='+nocache,true);} 
	xhttp.send(null);
	xhttp.onreadystatechange=function()
	{
	if (xhttp.readyState==4)
      {   
      var data=eval( '('+xhttp.responseText+')' );	  
	  var jsonText = JSON.stringify(data);		  
	  var tmp = eval('(' + jsonText + ')');
	  
	  var elements = tmp;
	  q = decodeURI(str);
	  if(elements == null){ RESULT.innerHTML = "<span class='pl_10 pt_10 pb_10'>&#208;&#376;&#208;&#190; &#208;·&#208;°&#208;&#191;&#209;€&#208;&#190;&#209;&#129;&#209;&#402;: <span class='c_red t_b'>"+q+"</span> &#209;‚&#208;&#190;&#209;‡&#208;&#189;&#209;‹&#209;… &#209;&#129;&#208;&#190;&#208;&#178;&#208;&#191;&#208;°&#208;&#180;&#208;µ&#208;&#189;&#208;&#184;&#208;&#185; &#208;&#189;&#208;µ &#208;&#189;&#208;°&#208;&#185;&#208;&#180;&#208;µ&#208;&#189;&#208;&#190;.</span> "; }
	  else
	    {	
			if(fun==0)
			{
				var content = '', elements, i, id, name;
				
				content ='<table width="380" cellpadding="0" cellspacing="0">';			
				for (i = 0; i < elements.length; i++){
				id = elements[i].id;
				name = elements[i].name;
				var rBG="#007799";
				var sBG="#fff";
				content +='<tr><td height="20" style="padding: 6px; cursor: pointer;" onmouseover="this.style.backgroundColor=\''+rBG+'\', this.style.color=\'white\' " onmouseout="this.style.backgroundColor=\''+sBG+'\', this.style.color=\'black\'" onclick="live(\''+name+'\' , \''+id+'\')" class=" pod_lnk s_style"><b>'+name+'</b></td></tr>';
				}	
				content +='</table>';				
				RESULT.innerHTML = content;				
			}
				if(fun==1)
			{	
				dNum++;
				var content = '', elements, i, id, title, url, maneText;	
					
				for (i = 1; i < elements.length; i++){
				id = elements[i].id;
				title = elements[i].title;
				url = elements[i].url;
				maneText = elements[i].content;
				img_url = elements[i].img;
			
								
				content += '<table width="600" cellpadding="4"><tr>';
				if(img_url!=''){
				content += '<td valign="top" width="120"><a href="'+url+'"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==" id="'+i+'" width="120" height="92" border="1"></a></td>';} else {}
				content +='<td valign="top" style="text-align:left"><a class="lnk_6" href="'+url+'">'+title+'</a><br/><span class="lnk_1">'+url+'</span><br/><span class="lnk_111">'+maneText+'</span></td>';
				content += '</tr></table><br>';
				preloader(i,img_url); 
				}	
	
	posts = elements[0].posts;
	now = elements[0].page;
	all = elements[0].all;
	next = elements[0].nxt;
	prev = elements[0].prv;
	p1l = elements[0].p1l;
	p2l = elements[0].p2l;
	p2r = elements[0].p2r;
	p1r = elements[0].p1r;
	if(now!=all){next_page="NEXT";}else{next_page="";}
	if(prev==''){prev_page="";}else{prev_page="PREV";}

	var paging = '', elements, i, prev, next, now;	
	paging +='<a class="pg" onclick="searchData(\''+str+'\', 0, '+prev+', 1),doURL(1,'+prev+');return false;" href="'+prev+'">'+prev_page+' </a>';	
	paging +='<a class="pg" onclick="searchData(\''+str+'\', 0, '+prev+', 1),doURL(1,'+prev+');return false;" href="'+prev+'"> '+prev+' </a>'; 	
	paging +='[ <span class="c_red"> '+now+' </span> ]'; 	
	paging +='<a class="pg" onclick="searchData(\''+str+'\', 0, '+next+', 1),doURL(1,'+next+');return false;" href="'+next+'"> '+next+' </a>'; 
	paging +='<a class="pg" onclick="searchData(\''+str+'\', 0, '+next+', 1),doURL(1,'+next+');return false;" href="'+next+'"> '+next_page+'</a>';

	paging +='<a class="pg" onclick="searchData(\''+str+'\', 0, '+all+', 1),doURL(1,'+all+');return false;" href="'+all+'"><span class="c_ccc">&nbsp;&nbsp; pages '+all+'</a></span>'; 
	paging +='<span class="c_ccc"> | posts '+posts+'</span>';
	
	MANE_CONTAINER.innerHTML = content;
	document.getElementById('panel_6').innerHTML = paging;
	doDIV(pg,content);		
			}
			
			
		}  
      }
	}	
}


Это лапше-ниндзя код какой-то, а не поиск
...
Рейтинг: 0 / 0
04.05.2014, 19:22
    #38632535
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
Про навигацию: я ни фига не понял, что происходит, когда жмёшь PREV и NEXT. Контент не меняется, дёргается скроллер и в адресе появляется цифра (видимо номер страницы).
Жму F5, получаю белую страницу с надписью в левом верхнем углу: Under construction.

Резюме: сайт, очень мягко говоря, сырой.
...
Рейтинг: 0 / 0
04.05.2014, 19:25
    #38632538
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
Это попытка сделать подобие Google Search по книжке типа "Ajax на практике"?
...
Рейтинг: 0 / 0
04.05.2014, 19:51
    #38632543
Goror
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
carrotikGoror,

... это картина "Белое безмолвие"? ... вообще нифига нет ни в хроме, ни в ФФ .. :)


Щас посмотри) Я забыл там проверку по IP снять)

Тынц!
...
Рейтинг: 0 / 0
04.05.2014, 19:54
    #38632545
Goror
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
skyANAПро навигацию: я ни фига не понял, что происходит, когда жмёшь PREV и NEXT. Контент не меняется, дёргается скроллер и в адресе появляется цифра (видимо номер страницы).
Жму F5, получаю белую страницу с надписью в левом верхнем углу: Under construction.

Резюме: сайт, очень мягко говоря, сырой.


Да чё-то глюкнуло, я лишнии функции решил почистить сегодня) И видимо что-то где-то накосячил походу с кодировками и тд))

В целом значит сильная лажа?!) я с 15 февраля его делаю) Никак не доделаю.
...
Рейтинг: 0 / 0
04.05.2014, 21:04
    #38632567
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
GororВ целом значит сильная лажа?Ага.

Например имею после нажатия кнопки FIND следующий результат: [ 1 ] 2 NEXT pages 30 | posts 293.

Кручу колесо мыши, пока скроллер не упрётся в нижнюю часть скроллбара, кручу обратно вверх до упора. Проходит секунда другая и только тут контент меняется и я оказываюсь на второй странице: PREV 1 [ 2 ] 3 NEXT pages 30 | posts 293.

Хрень какая-то, а не поведение

Судя по фидлеру я учпеваю прокрутить вниз, прокрутить вверх и только после этого отправляется ajax-запрос на сервер.
...
Рейтинг: 0 / 0
04.05.2014, 21:08
    #38632571
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
Да и в чём фишка такой навигации? Она же не юзабельна абсолютно. Потренироваться в JS решил?
...
Рейтинг: 0 / 0
04.05.2014, 21:10
    #38632572
Goror
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
skyANA,

Я там 3 сек поставил для задержки. Может если уменьшить время, не будет такой лажи?

Я делал с расчётом что человек будет медленно крутить и подходя к нижнему краю за 3 секунды должна открываться новая страница. Но видимо если крутить быстро, то механизм сбивается...
...
Рейтинг: 0 / 0
04.05.2014, 21:26
    #38632579
Goror
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
skyANAДа и в чём фишка такой навигации? Она же не юзабельна абсолютно. Потренироваться в JS решил?

Нет, я просто данные в json решил хранить, так как их так проще кешировать, а с json, по моему легче всего через JS работать, вот я и сделал все на JS)
...
Рейтинг: 0 / 0
04.05.2014, 21:31
    #38632582
Изопропил
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
GororЯ там 3 сек поставил для задержки. Может если уменьшить время, не будет такой лажи?
не поможет
...
Рейтинг: 0 / 0
04.05.2014, 21:41
    #38632589
Goror
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
ИзопропилGororЯ там 3 сек поставил для задержки. Может если уменьшить время, не будет такой лажи?
не поможет

А что можно сделать? Классическую PHP навигацию?)
...
Рейтинг: 0 / 0
04.05.2014, 21:52
    #38632592
Изопропил
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
GororА что можно сделать? Классическую PHP навигацию?)
а причём здесь PHP - потороха не особо интересны
а сайт ведёт себя как-то неестественно
...
Рейтинг: 0 / 0
04.05.2014, 21:53
    #38632593
Goror
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
ИзопропилGororА что можно сделать? Классическую PHP навигацию?)
а причём здесь PHP - потороха не особо интересны
а сайт ведёт себя как-то неестественно

Это я понял! А что можно сделать, чтоб он начал себя "естественно" вести?
...
Рейтинг: 0 / 0
04.05.2014, 22:09
    #38632599
Goror
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
Изопропил,

1) Я заметил что немного стало тормозить, после того, как я в одном запросе использовал %LIKE%
2) Сделал загрузку по скролу.. Типа LazyLoad в прямом смысле стал Лейзи лойдом..
...
Рейтинг: 0 / 0
04.05.2014, 23:00
    #38632627
Изопропил
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
Goror,

а занахера url модифицировать номером страницы?
сделай как вконтактиге
...
Рейтинг: 0 / 0
04.05.2014, 23:14
    #38632632
Goror
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
ИзопропилGoror,

а занахера url модифицировать номером страницы?
сделай как вконтактиге

Это для Кэш нужно, я все запросы кеширую на 1 час) Сервер не такой мощный, чтоб снять нагрузку, нужно же как-то идентифицировать страницы, иначе у меня будет только первая страница пейджинга кешироваться) Если url не менять...

Хотя нет, можно и не менять url, но тогда не будет понятно, какая страница?!
...
Рейтинг: 0 / 0
05.05.2014, 00:11
    #38632656
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
GororХотя нет, можно и не менять url, но тогда не будет понятно, какая страница?!Ты либо делаешь подгрузку контента при прокрутке вниз, либо при переходе по ссылке в pager-е на конкретную страницу.

А ты пытаешься это зачем-то объединить и выходит лажа.
...
Рейтинг: 0 / 0
05.05.2014, 00:16
    #38632659
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
GororskyANA,

Я там 3 сек поставил для задержки. Может если уменьшить время, не будет такой лажи?

Я делал с расчётом что человек будет медленно крутить и подходя к нижнему краю за 3 секунды должна открываться новая страница. Но видимо если крутить быстро, то механизм сбивается...Тебе нужно другой контент выдавать, чтобы пользователи себя так вели.
...
Рейтинг: 0 / 0
05.05.2014, 10:27
    #38632851
carrotik
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
Goror,

... если делать в бутстраповском стиле, то почему не залить bootstrap? ...ну ведь все уже украдено до нас (с) ..
...
Рейтинг: 0 / 0
05.05.2014, 10:34
    #38632858
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
carrotik, а с чего это вдруг бутстраповский стиль?
...
Рейтинг: 0 / 0
05.05.2014, 10:40
    #38632869
carrotik
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
skyANA,

...мне так показалось ... синенькое такое, с перламутровыми пуговицами ...
...
Рейтинг: 0 / 0
05.05.2014, 11:30
    #38632950
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
какое-то говно с мордой деды и спижженным у татьяныча логотипом.
...
Рейтинг: 0 / 0
05.05.2014, 13:08
    #38633119
Goror
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
Antonariyкакое-то говно с мордой деды и спижженным у татьяныча логотипом.

Кто такой Татьяныч? И что у него спизженно?))

Логотип я сам забацал за 5-10 минут в фотошопе)

Старался сделать его минимальным по весу, и чтоб можно было без проблем в base64 перевести без проблем)

Остальной стиль, тоже посторался сделать минималистическим, не броским и в тоже время более менее знакомым и удобным)

Хотя пока в процессе)
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [JS-PHP-CSS] Все гуры JS, маги CSS все сюда! / 25 сообщений из 32, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]