Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: JQuery - прикрепить элемент к другому элементу

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
Hurt
Отправлено: 18 Февраля, 2011 - 03:46:31
Post Id



Новичок


Покинул форум
Сообщений всего: 25
Дата рег-ции: Дек. 2010  


Помог: 0 раз(а)
Добрый день!

Есть код:
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. <div id="content">
  3.   <div id="doing">
  4.             <h1>Some text</h1>
  5.             <h1>Some text</h1>
  6.             <h1>Some text</h1>
  7.             <h1>Some text</h1>
  8.    </div>
  9. </div>
  10.  


Ширина #content = 100%
Ширина #doing = 700px

Подскажите, как с помощью JQuery прикрепить некоторый блок с картинкой к #doing (слева)?

Пробовал:

CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. $('#doing_fl').appendTo('#doing').css({
  3.            position: 'relative',
  4.            top: '-136px',
  5.            left: '-179px'
  6.         });


где #doing_fl - блок с картинкой

Получилось, но есть одно НО: под #doing образовалась пустота размером 132px т.е. как раз с блок #doing_fl.
 
 Top
DiosPA
Отправлено: 18 Февраля, 2011 - 04:50:08
Post Id



Частый гость


Покинул форум
Сообщений всего: 180
Дата рег-ции: Янв. 2011  
Откуда: Россия


Помог: 2 раз(а)
Hurt а вы в css пробыва ли выставлять float ? или вам очень надо именно на jquery ?
 
 Top
Hurt
Отправлено: 18 Февраля, 2011 - 05:35:05
Post Id



Новичок


Покинул форум
Сообщений всего: 25
Дата рег-ции: Дек. 2010  


Помог: 0 раз(а)
DiosPA пишет:
Hurt а вы в css пробыва ли выставлять float ? или вам очень надо именно на jquery ?


Пробовал. Тогда как сделать, чтобы #doing был ровно посередине, а #doing_fl был слева, н овплотную к #doing?
Выставляю float: left , #doing_fl позиционируется к левому краю браузера. И получается промежуток между #doing & #doing_fl.

(Отредактировано автором: 18 Февраля, 2011 - 05:35:38)

 
 Top
DiosPA
Отправлено: 18 Февраля, 2011 - 08:20:02
Post Id



Частый гость


Покинул форум
Сообщений всего: 180
Дата рег-ции: Янв. 2011  
Откуда: Россия


Помог: 2 раз(а)
Hurt если #doing_fl определённого размера то можно сделать так

CODE (html):
скопировать код в буфер обмена
  1.  
  2. <head>
  3. <style>
  4. #content {width:100%;}
  5. .center {border:1px solid #ccc; width:855px; margin:auto; overflow:hidden;}
  6. #doing {width:700px; margin:auto; background:#CCC; float:left;}
  7. #doing-fl {float:left; width:150px;}
  8. </style>
  9. </head>
  10. <body>
  11. <div id="content">
  12. <div class="center">
  13. <div id="doing-fl">Картинка</div>
  14.   <div id="doing">
  15.             <h1>Some text</h1>
  16.             <h1>Some text</h1>
  17.             <h1>Some text</h1>
  18.             <h1>Some text</h1>
  19.    </div>
  20. </div>
  21. </div>
  22. </body>
  23. </html>

а если не определённого то можно конечно высчитывать и подставлять в стили....
ps. рамки и фон.цвета для наглядности стоят....
 
 Top
Hurt
Отправлено: 18 Февраля, 2011 - 10:26:34
Post Id



Новичок


Покинул форум
Сообщений всего: 25
Дата рег-ции: Дек. 2010  


Помог: 0 раз(а)
Тогда #doing будет не ровно по центру Огорчение
 
 Top
JustUserR
Отправлено: 18 Февраля, 2011 - 11:58:28
Post Id



Активный участник


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


Помог: 17 раз(а)
Hurt пишет:
Подскажите, как с помощью JQuery прикрепить некоторый блок с картинкой к #doing (слева)?
Для осуществления решения поставленной задачи достаточно использование средств классической реализации клиентских JS-приложений с использование интерактивного транспортного элемента - осуществление указанной реализации может обеспечивать большую эффективность по причине исполнения управляющего кода в реальном потоке без предшествующего изменения уровня его элементого трактования и выполнения вторичной интерпретации


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 Top
Hurt
Отправлено: 18 Февраля, 2011 - 14:15:05
Post Id



Новичок


Покинул форум
Сообщений всего: 25
Дата рег-ции: Дек. 2010  


Помог: 0 раз(а)
Проблема актуальна!
 
 Top
SAD
Отправлено: 18 Февраля, 2011 - 14:40:19
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2508
Дата рег-ции: Май 2009  
Откуда: Днепропетровск, Украина


Помог: 75 раз(а)
Hurt пишет:
как с помощью JQuery прикрепить некоторый блок с картинкой к #doing (слева)?
слева относительно #doing или слева внутри #doing ?
 
 Top
Hurt
Отправлено: 18 Февраля, 2011 - 14:50:41
Post Id



Новичок


Покинул форум
Сообщений всего: 25
Дата рег-ции: Дек. 2010  


Помог: 0 раз(а)
SAD пишет:
слева относительно #doing или слева внутри #doing ?

Относительно #doing
 
 Top
SAD
Отправлено: 18 Февраля, 2011 - 17:59:04
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2508
Дата рег-ции: Май 2009  
Откуда: Днепропетровск, Украина


Помог: 75 раз(а)
а какого ** вы его вовнутрь аппендите? нужно не appendTo, а insertAfter
 
 Top
Hurt
Отправлено: 19 Февраля, 2011 - 06:22:27
Post Id



Новичок


Покинул форум
Сообщений всего: 25
Дата рег-ции: Дек. 2010  


Помог: 0 раз(а)
SAD пишет:
а какого ** вы его вовнутрь аппендите? нужно не appendTo, а insertAfter


Все равно #doing_fl крепится к левому краю.
Смотрите скриншот внизу.
Красная линия показывает где примерно должна стоять картинка.
Прикреплено изображение (Нажмите для увеличения)
php.su.png
 
 Top
Hurt
Отправлено: 19 Февраля, 2011 - 18:11:33
Post Id



Новичок


Покинул форум
Сообщений всего: 25
Дата рег-ции: Дек. 2010  


Помог: 0 раз(а)
Подъем. Забыли про тему(
 
 Top
SAD
Отправлено: 19 Февраля, 2011 - 20:22:32
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2508
Дата рег-ции: Май 2009  
Откуда: Днепропетровск, Украина


Помог: 75 раз(а)
То вы уже сами подумайте, я просто сказал как правильно вставить
 
 Top
Hurt
Отправлено: 19 Февраля, 2011 - 21:55:01
Post Id



Новичок


Покинул форум
Сообщений всего: 25
Дата рег-ции: Дек. 2010  


Помог: 0 раз(а)
Ничего не приходит в голову.
 
 Top
JustUserR
Отправлено: 19 Февраля, 2011 - 22:13:29
Post Id



Активный участник


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


Помог: 17 раз(а)
Hurt пишет:
Ничего не приходит в голову.
В качестве возможного унифицированного варианта решения предполагаемой задачи допустимо использование средств JS-скриптинга осуществляющих расчет парамтеров отображения ассоциированного объекта во внутреннем уровне трактования на основании приоритетной установки значений - которая может достигаться на основании использование элементов currentStyle и runtimeStyle


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB