Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Кто знает, как сымитировать портлеты на CSS, без фреймов? / 8 сообщений из 8, страница 1 из 1
16.01.2013, 10:10
    #38111711
badboychik
badboychik
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Кто знает, как сымитировать портлеты на CSS, без фреймов?
Надо:
1. Чтоб менялись размеры "фреймов" мышкой
2. Чтоб удобная разметка была или вообще на шаблонизаторе можно было сделать
3. Чтоб перетаскивать можно было блоки мышкой самим юзером

Вроде бы вот эта либа подходит jQuery UI Layout Plug-in , только надо свой редактор шаблонов замутить и перетаскивания нет. Может кто альтернативы знает?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.01.2013, 11:15
    #38111813
? ? ?
? ? ?
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Кто знает, как сымитировать портлеты на CSS, без фреймов?
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:47
    #38111865
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Кто знает, как сымитировать портлеты на CSS, без фреймов?
badboychik, купить CMS, где есть описанный функционал.

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


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