powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
32 сообщений из 32, показаны все 2 страниц
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
    #38632437
Goror
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Потестируйте мой новый сайтик! Я его ещё не добил на 100%, но всё же!

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



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


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






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

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

... это картина "Белое безмолвие"? ... вообще нифига нет ни в хроме, ни в ФФ .. :)
...
Рейтинг: 0 / 0
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
    #38632532
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
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
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
    #38632535
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Про навигацию: я ни фига не понял, что происходит, когда жмёшь PREV и NEXT. Контент не меняется, дёргается скроллер и в адресе появляется цифра (видимо номер страницы).
Жму F5, получаю белую страницу с надписью в левом верхнем углу: Under construction.

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Хотя можно будет сделать якоря на подгруженные ранее страницы, и если что кидать на якорь, зачем прятать те страницы которые уже были открыты? Ведь открывать их повторно это трата времени, а так как бы для массовки они будут?



Хотя нет, видимо придётся оставить что-то одно.. Когда много контента на странице, начинает всё притормаживать... 20-30 страниц и начинаются глюки..
...
Рейтинг: 0 / 0
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
    #38633472
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
GororAntonariyкакое-то говно с мордой деды и спижженным у татьяныча логотипом.

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

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

http://www.artlebedev.ru/
...
Рейтинг: 0 / 0
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
    #38633498
Goror
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
AntonariyGororпропущено...


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

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

http://www.artlebedev.ru/

Так и знал что на него ссылку дашь) Ну да, похожи наши логотипы, но у меня по задумке MAG то есть Magazine (журнал), а почти на любом глянцевом журнале всегда есть штрих код, именно такой как у меня, чёрным по белому!

И что артЛебедев запатентовал штрих код?
...
Рейтинг: 0 / 0
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
    #38633808
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
GororТак и знал что на него ссылку дашьЯ же говорю, враньё. Все ты прекрасно знаешь, и что спер и у кого.
GororИ что артЛебедев запатентовал штрих код?Не нужен патент для того, чтобы опознать унылое вторичное говно.
...
Рейтинг: 0 / 0
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
    #38633846
Goror
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
AntonariyGororТак и знал что на него ссылку дашьЯ же говорю, враньё. Все ты прекрасно знаешь, и что спер и у кого.
GororИ что артЛебедев запатентовал штрих код?Не нужен патент для того, чтобы опознать унылое вторичное говно.


Логотипом я по большому счёту ещё не занимался) Ну сделал что по легче и всё) И я не буду раскаиваться в том, что типа, что-то там у кого-то спицдил) Сайтов миллионы а цветов всего 7 (+10-15) оттенков которые более или менее приемлемы для зрения, и я не буду придумывать оригинальные цвета, чтоб выделиться) По сути каждый у кого-то что-то спизживает ну или мягко заимствует, да и пока я до оригинального дизайна не добралсяя) Мне бы функционал сперва наладить чётко! А потом уже буду думать о оригинальных и неповторимых цветах и штрихах дизайна!
...
Рейтинг: 0 / 0
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
    #38633863
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ну и где функционал? Что это за огрызок сайта?
...
Рейтинг: 0 / 0
[JS-PHP-CSS] Все гуры JS, маги CSS все сюда!
    #38633874
Goror
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Antonariy,

О! Молодец!) Хоть скрин выложил! В принципе так же выглядит как и у меня, то есть не разбежались блоки и тд)

А функционал будет потом!

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


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