Форум

gorilas · #11 (**permalink**) 24.05.2011, 16:38

=)
Я так не считаю ))
Щас дам другой пример.

ksa · #12 (**permalink**) 24.05.2011, 16:50

gorilas, пример нужно делать по принципу "скопировал, вставил, запустил - увидел".

gorilas · #13 (**permalink**) 24.05.2011, 16:55

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
   $("#centr").width()     /* ====== получаю размер селектора "#centr" в пикселях ===========  */

     $("#center1").width( "#center" - 270 px ) /* ====== для селектора "#center1" назначаю ширину селектора "#center" -270px ===========  */
</script>
<style type="text/css">
#centr {
width:100%; /*  */
 height:200px;
 border: 1px solid aqua;
 background: #faebd7;
 }
 #centr1{
  /* width:100%; */ 
 height:150px;
 border: 1px solid blue;

 }
</style>

</head>

<body>
  <div  id="centr">
    <div id="centr1">
  
  
    </div>
  </div>
</body>
</html>

Пример простенький, но смысл тот-же.

Kolyaj · #14 (**permalink**) 24.05.2011, 17:02

Для #center1 указать margin-right: 270px, width оставить auto.

walik · #15 (**permalink**) 24.05.2011, 17:24

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

"#center" - 270 px

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

для селектора "#center1" назначаю ширину селектора "#center" -270px

$('#center).width() - 270

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

$("#centr").width()
получаю размер селектора "#centr" в пикселях

Вы не просто должны вызвать функцию, а сохранить ширину в переменную, что бы потом использовать.

gorilas · #16 (**permalink**) 24.05.2011, 17:25

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

Для #center1 указать margin-right: 270px, width оставить auto.

Это просто пример.
Задача установить ширину id = center1 именно -270пик. от id = center.
Табличная вёрстка в моём случае тоже не подходит.

gorilas · #17 (**permalink**) 24.05.2011, 17:28

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

$('#center).width() - 270

а сохранить ширину в переменную, что бы потом использовать.

Вот это для меня и проблема.
Как получить переменую, и как передать след. функции, для обработки.
Почитал рус. мануал по jquery

для меня сами понятия (перменая , функция, селектро, атрибут) непонятны, с ява не знаком.
Если где-то это разжовано в примерах, ткните носом.
С ув. Алексей.

ksa · #18 (**permalink**) 25.05.2011, 09:19

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

Задача установить ширину id = center1 именно -270пик. от id = center.

Так вот если поставить

#centr1{
	height:150px;
	*!*margin-right: 270px;*/!*
	border: 1px solid blue;
}

всё так и будет...

gorilas · #19 (**permalink**) 25.05.2011, 12:16

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

Так вот если поставить

#centr1{
	height:150px;
	*!*margin-right: 270px;*/!*
	border: 1px solid blue;
}

всё так и будет...

Конкретно в этом примере да....
так как id centr1 постояной ширины, но представим (пример), что в div center1, в блок ui с помощью ajax всё время что-то подгружается с сервера, он постояно меняется - увеличевается.
поэтому смосоп с margin у меня не срабатывает.
Задача поставить чёткую длину center1
Например здесь бек граунд при загрузке дом и масштабировании привязывается к (window) размеру окна http://ruseller.com/lessons.php?rub=32&id=1034.
Mне надо привязать (width) к определёному блоку div.

Просто мне неясен сам синтаксис jquery, сам скрипт я примерно в голове представляю, пример

1) получить переменую равную (width div id=center)
==== var peremenaj = $("#center").width()

2) дальше мне надо с этой переменой работать, вижу это примерно так

jquery находит (#center1) и устанвливает для него( действие bind ) $("#centr1").width( peremenaja - 270px)

Вот как правильно это всё написать ???

ksa · #20 (**permalink**) 25.05.2011, 13:15

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

но представим (пример), что в div center1, в блок ui с помощью ajax всё время что-то подгружается с сервера, он постояно меняется - увеличевается.

При таком раскладе как в твоём примере его ширина будет постоянная.

Если твой пример не удачный - сделай более приближенный к боевому, будем тренироваться на нём...

Форум

Справочник

Discord чат

Курсы javascript