|
|
|
| ребят кароче такая тема.
к примеру 4 квадрата кнопки
каждый из них есть ссылкой на страничку
но при нажатии она не открывала какбы новую страницу а раздвигала квадраты а посередине 5-ый к примеру появлялся с содержимым странички(ссылка меняется)
исходное положение
квадрат____ квадрат
квадрат____ квадрат
после нажатия
квадрат____ ____ ____ квадрат
____ ___ содержимое
квадрат____ ____ ____ квадрат
____ ето замисть пробелов | |
|
|
|
|
автор: ..... (08.08.2010 в 18:26) |
|
|
для: milanello
(08.08.2010 в 15:14)
| | 1.Задаёте местоположение квадратов (типа span/div position:absolute/relative наверное они у Вас)
2. Задаёте местоположение квадрата в центре (изначально наверное он у Вас скрытый или уменьшенный)
3. по клику аяксом подкачивается содержимое центрального квадрата (наверное, или содержимые уже в скриптах)
4. одновременно с этим запускается функция в которой цикл через определённые промежутки времени изменяет свойства стилей всех этих блоков.
5. наверное нужно делать такой-же механизм сворачивания, и в переменной хранить статус блоков.
Код не напишу, даже себе такие красоты не делаю :) красота не стоит затраченного времени на её сотворение, да и браузеры по разному понимают мысли их озадачивающих | |
|
|
|
|
|
|
|
для: .....
(08.08.2010 в 18:26)
| | самый толковый ответ
спасибо дружище кочто подтолкнуло в идее создания.
а какойнибудь скрипт который к примеру при нажатии выкидывал вниз поле с текстом
к примеру:
тотже квадрат или кнопка любая. на нее нажимаем и вниз разворачивается содержимое стрницы
чтот едакое есть?:) | |
|
|
|
|
|
|
|
для: .....
(08.08.2010 в 18:26)
| | дружище смотри
я вот прописал такой див
<div style="position:absolute; top:25%; left:15%; right:0.5%; padding-bottom:0px;" >
|
но он по высоте не ставит в нужное место.
всеравно сверху | |
|
|
|
|
|
|
|
для: milanello
(08.08.2010 в 19:28)
| | В армии есть комагда "НалеВо!". И есть команда "НапраВо!".
Нет в армии команды "НалеВо и ОДНОВРЕМЕННО НапраВо!"
Аналогично и в браузере - или только left прописывайте, или только right. | |
|
|
|
|
|
|
|
для: АЯ
(08.08.2010 в 19:46)
| | извени дружище но тут я тебя поправлю!
ето тебе не армия
и параметром лефт райт мы задаем место где она начинается и до каких пор она может тянутся максимум(если размер привышает то оно его будет уменьшать)
попробуй сам | |
|
|
|
|
|
|
|
для: 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 в 20:26)
| | кто нибудь знает скрипт?
как бы сделать ? | |
|
|
|