ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Кто знает, как сымитировать портлеты на CSS, без фреймов?
8 сообщений из 8, страница 1 из 1
Кто знает, как сымитировать портлеты на CSS, без фреймов?
    #38111711
Фотография badboychik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
badboychik
Участник
Надо:
1. Чтоб менялись размеры "фреймов" мышкой
2. Чтоб удобная разметка была или вообще на шаблонизаторе можно было сделать
3. Чтоб перетаскивать можно было блоки мышкой самим юзером

Вроде бы вот эта либа подходит jQuery UI Layout Plug-in , только надо свой редактор шаблонов замутить и перетаскивания нет. Может кто альтернативы знает?
...
Рейтинг: 0 / 0
16.01.2013, 10:10
| Ответить | Цитировать | Написать  
Кто знает, как сымитировать портлеты на CSS, без фреймов?
    #38111813
? ? ?
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
? ? ?
Гость
badboychik,

???
 
Изменить размер DIV мышью (за уголок)
Код: html
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.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var cur = null

function hook(e) {
	e = e || window.event;
	var el = ( e.srcElement || e.target ).parentNode.parentNode;
	cur = { 'el': el, 'x': e.clientX - el.offsetWidth, 'y': e.clientY - el.offsetHeight }
}
function unhook(e) {
	if( cur )
		cur = null;
}
function move(e) {
	if( !cur )
		return;
	e = e || window.event;
  	with( cur )
  	{
  		var nx = e.clientX - x;
  		var ny = e.clientY - y;

  		if( nx < 40 ) nx = 40;
  		if( ny < 30 ) ny = 30;
  		
    	el.style.width = nx + 'px';
		el.style.height = ny  + 'px';
	}
	(e.preventDefault) ? e.preventDefault() : e.returnValue = false;
}

document.onmouseup = unhook;
document.onmousemove = move;
document.ondragstart = function()
{
    return false;
}
</script>

<style type="text/css">
  #div_main {
    z-index:2;
    position:absolute;
    top:50px;
    left:100px;
    height:20px;
    width:120px;
    border:solid 1px #D6D3D6;
  }
  #div_img {
    z-index:1;
    right:0px;
    bottom:-4px;
    position:absolute;
    cursor:se-resize;
}
</style>

</head>

<body>
  <div id="div_main">
    <div id="div_img">
      <img src="img\Resize.png" width="15" height="15" alt="//" onmousedown="hook(event)">
    </div>
 </div>
</body>
</html>

 
Перемещать DIV мышью
Код: html
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.
<head>
<script language="JavaScript">
function $(v) { 
  return(document.getElementById(v));
}

function agent(v) { 
  return(Math.max(navigator.userAgent.toLowerCase().indexOf(v),0));
}

function xy(e,v) { 
  return(v?(agent('msie')?event.clientY+document.body.scrollTop:e.pageY):(agent('msie')?event.clientX+document.body.scrollTop:e.pageX));
}

function dragOBJ(d,e) {

  function drag(e) {
    if(!stop) {
      d.style.top=(tX=xy(e,1)+oY-eY+'px'); d.style.left=(tY=xy(e)+oX-eX+'px');
    }
  }

  var oX=parseInt(d.style.left),oY=parseInt(d.style.top),eX=xy(e),eY=xy(e,1),tX,tY,stop;

  document.onmousemove=drag;
 
  document.onmouseup=function() {
    stop=1; document.onmousemove=''; document.onmouseup='';
  };
}
</script>
<head>

<body>
  <div style="position:absolute; padding:5px; top:10; left:70; border:solid 1px;" onmousedown="dragOBJ(this,event); return false;">test</div>
</body>

...
Рейтинг: 0 / 0
16.01.2013, 11:15
| Ответить | Цитировать | Написать  
Кто знает, как сымитировать портлеты на CSS, без фреймов?
    #38111865
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
badboychik, купить CMS, где есть описанный функционал.

Цель-то какая? Чтобы пользователь мог клепать страницы в браузере в режиме WYSIWYG?
...
Рейтинг: 0 / 0
16.01.2013, 11:47
| Ответить | Цитировать | Написать  
Кто знает, как сымитировать портлеты на CSS, без фреймов?
    #38112737
Фотография badboychik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
badboychik
Участник
чтоб можно было шаблоны интерфейсов клепать из кусочков-блоков. А в каждом кусочке уже будет какой то грид или форма. Портлеты короче, но не на яве, я знаю там есть готовая технология, но не хочу яву копать ради этого
...
Рейтинг: 0 / 0
16.01.2013, 18:10
| Ответить | Цитировать | Написать  
Кто знает, как сымитировать портлеты на CSS, без фреймов?
    #38112742
Фотография badboychik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
badboychik
Участник
если кто работал с 1С 8.2 в управляемом режиме, тот поймет
...
Рейтинг: 0 / 0
16.01.2013, 18:12
| Ответить | Цитировать | Написать  
Кто знает, как сымитировать портлеты на CSS, без фреймов?
    #38112914
Фотография badboychik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
badboychik
Участник
вот оно! http://www.jeasyui.com/demo/main/index.php
...
Рейтинг: 0 / 0
16.01.2013, 19:54
| Ответить | Цитировать | Написать  
Кто знает, как сымитировать портлеты на CSS, без фреймов?
    #38112915
Фотография badboychik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
badboychik
Участник
сами "портлеты" http://www.jeasyui.com/extension/portal_demo.html
...
Рейтинг: 0 / 0
16.01.2013, 19:54
| Ответить | Цитировать | Написать  
Кто знает, как сымитировать портлеты на CSS, без фреймов?
    #38113309
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
badboychik , на CSS ты контент ненагенеришь...
...
Рейтинг: 0 / 0
17.01.2013, 08:58
| Ответить | Цитировать | Написать  
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Кто знает, как сымитировать портлеты на CSS, без фреймов?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38111711&tid=1448843]:
 0ms
get settings:
 11ms
get forum list:
 20ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 196ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 45ms
get tp. blocked users:
 1ms
others: 250ms
total:  542ms
созд. / загр.: 542ms
x
x
Закрыть


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