Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: задумка №2
 
 автор: milanello   (08.08.2010 в 15:14)   письмо автору
 
 

ребят кароче такая тема.
к примеру 4 квадрата кнопки
каждый из них есть ссылкой на страничку
но при нажатии она не открывала какбы новую страницу а раздвигала квадраты а посередине 5-ый к примеру появлялся с содержимым странички(ссылка меняется)

исходное положение
квадрат____ квадрат

квадрат____ квадрат

после нажатия


квадрат____ ____ ____ квадрат

____ ___ содержимое

квадрат____ ____ ____ квадрат




____ ето замисть пробелов

  Ответить  
 
 автор: .....   (08.08.2010 в 18:26)
 
   для: milanello   (08.08.2010 в 15:14)
 

1.Задаёте местоположение квадратов (типа span/div position:absolute/relative наверное они у Вас)
2. Задаёте местоположение квадрата в центре (изначально наверное он у Вас скрытый или уменьшенный)
3. по клику аяксом подкачивается содержимое центрального квадрата (наверное, или содержимые уже в скриптах)
4. одновременно с этим запускается функция в которой цикл через определённые промежутки времени изменяет свойства стилей всех этих блоков.

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

Код не напишу, даже себе такие красоты не делаю :) красота не стоит затраченного времени на её сотворение, да и браузеры по разному понимают мысли их озадачивающих

  Ответить  
 
 автор: milanello   (08.08.2010 в 18:41)   письмо автору
 
   для: .....   (08.08.2010 в 18:26)
 

самый толковый ответ
спасибо дружище кочто подтолкнуло в идее создания.
а какойнибудь скрипт который к примеру при нажатии выкидывал вниз поле с текстом
к примеру:
тотже квадрат или кнопка любая. на нее нажимаем и вниз разворачивается содержимое стрницы
чтот едакое есть?:)

  Ответить  
 
 автор: milanello   (08.08.2010 в 19:28)   письмо автору
 
   для: .....   (08.08.2010 в 18:26)
 

дружище смотри
я вот прописал такой див
<div style="position:absolute; top:25%; left:15%; right:0.5%; padding-bottom:0px;" >

но он по высоте не ставит в нужное место.
всеравно сверху

  Ответить  
 
 автор: АЯ   (08.08.2010 в 19:46)   письмо автору
 
   для: milanello   (08.08.2010 в 19:28)
 

В армии есть комагда "НалеВо!". И есть команда "НапраВо!".

Нет в армии команды "НалеВо и ОДНОВРЕМЕННО НапраВо!"

Аналогично и в браузере - или только left прописывайте, или только right.

  Ответить  
 
 автор: milanello   (08.08.2010 в 20:10)   письмо автору
 
   для: АЯ   (08.08.2010 в 19:46)
 

извени дружище но тут я тебя поправлю!
ето тебе не армия
и параметром лефт райт мы задаем место где она начинается и до каких пор она может тянутся максимум(если размер привышает то оно его будет уменьшать)
попробуй сам

  Ответить  
 
 автор: milanello   (08.08.2010 в 20:26)   письмо автору
 
   для: milanello   (08.08.2010 в 20:10)
 

вообщем сделал коечто все супер. одно но
при нажатии на кнопку открывается окошко, но чтобы его закрыть надо нажать еще раз на кнопку, и если нажимаеш на другую кнопку то содержимое второй кнпоки открывается поверх содержимого первой
как сделат ьчтобы при нажатии на другую кнопку содержимой етой скрывалось
<!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>
    <meta http-equiv="content-type" content="text/html; charset=windows-1251" />
    <meta name="author" content="Серега" />
    <link href="style.css" rel="stylesheet" type="text/css" />
<? include ("stylemenu.php") ; ?>
    <title>Неназванный 3</title>
</head>

<body>
<div style="position:relative;">
<img src="img/fon.jpg" width="100%" height="100%" style="position:fixed;"  />
<div style="position:absolute;  left:0.5%; right:0.5%; padding-bottom:0px;">
<div style="float: inherit; position: absolute; top: 30px; width: 100%;" align="center"><img src="img/zag.png" /></div>
<script type="text/javascript">
function show(ele) {
var srcElement = document.getElementById(ele);
if(srcElement != null) {
if(srcElement.style.display == "block") {
srcElement.style.display= 'none';
}
else {
srcElement.style.display='block';
}
}
}
</script>
<div style="position: absolute; top: 350px; left: 10%; right: 10%;" align="center"><div class="headline" onclick="show('cat1')">Заголовок1</div><div class="headline" onclick="show('cat2')">Заголовок2</div><div class="headline" onclick="show('cat3')">Заголовок3</div><div class="headline" onclick="show('cat4')">Заголовок4</div>
<br /><div style="position: absolute; top: 250px; left: 15%; right: 15%;" class="hidden" id="cat1" style="width: 800px;">
Текст раскрывающегося блока
</div>
<div style="position: absolute; top: 250px; left: 15%; right: 15%;" class="hidden" id="cat2" style="width: 800px;">
Текст раскрывающегося блока2
</div>
<div style="position: absolute; top: 250px; left: 15%; right: 15%;" class="hidden" id="cat3" style="width: 800px;">
Текст раскрывающегося блока3
</div>
<div style="position: absolute; top: 250px; left: 15%; right: 15%;" class="hidden" id="cat4" style="width: 800px;">
Текст раскрывающегося блока4
</div>
</div>
</div>
</div>



</body>
</html>

  Ответить  
 
 автор: milanello   (08.08.2010 в 23:43)   письмо автору
 
   для: milanello   (08.08.2010 в 20:26)
 

кто нибудь знает скрипт?
как бы сделать ?

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования