выезжающий текст / HTML, JavaScript, VBScript, CSS

Участник

Сообщения: 3 646

Рейтинг: 0 / 0

опять ты со своими глюками? что на этот раз не так?

...

Рейтинг:

0 / 0

12.09.2008, 17:24

| Ответить | Цитировать | Написать

выезжающий текст

#35537024

artmedia

Гость

Это уже не я =)) а программер мой

Мы воспользовались твоим мудрым советом ) и переделали http://demos111.mootools.net/Fx.Elements под то что нам надо (приатаччено к преведущему посту? или тут http://mybrest.net/temp/ можно посмотерть)
только вот с выезжающими пунктами меню как на http://resp.demo.artmedia.by/ проблеммы... пытались реализовать это парой способов, но не получалось чтобы оно было кроссбраузерно

может кто подскажет как такое правильно сделать?

Заранее спасибо.

...

Рейтинг:

0 / 0

12.09.2008, 17:37

| Ответить | Цитировать | Написать

выезжающий текст

#35537054

Участник

Сообщения: 3 646

Рейтинг: 0 / 0

ну новый вариант конечно уже лучше, но все равно подлагивает, че-то дергается в нем, когда назад съезжает.

насчет ссылок - внутрь блока повесь плавающий див с текстом, маргин слева у него поставь побольше. Блоку overflow: hidden ессено. Ну и на раскрытие-закрытие повесь параллельную анимацию, которая будет этот маргин уменьшать и увеличивать

...

Рейтинг:

0 / 0

12.09.2008, 17:46

| Ответить | Цитировать | Написать

выезжающий текст

#35537106

artmedia

Гость

через overflow: hidden пробывали...

сразу заработало в Опере, после некоторых манипуляций заработало в IE
но вот в FF overflow: hidden так и незатело работать ((

...

Рейтинг:

0 / 0

12.09.2008, 18:05

| Ответить | Цитировать | Написать

выезжающий текст

#35537151

Участник

Сообщения: 3 646

Рейтинг: 0 / 0

что именно не захотело? научись описывать проблему

...

Рейтинг:

0 / 0

12.09.2008, 18:24

| Ответить | Цитировать | Написать

выезжающий текст

#35537205

AcAlex

Гость

В FF 3.0 если таблица выходит за пределы блока (с overflow: hidden), она, не скрывается как должна, а все равно отображается полностью.
Вот прикрепил этот вариант чтобы было понятнее

...

Рейтинг:

0 / 0

12.09.2008, 19:00

| Ответить | Цитировать | Написать

выезжающий текст

#35537226

Участник

Сообщения: 3 646

Рейтинг: 0 / 0

че-то там все так страшно и не работает, что даже смотреть не хочется
для начала поставь у основной таблицы table-layout: fixed;, тогда начнет обрезать

...

Рейтинг:

0 / 0

12.09.2008, 19:18

| Ответить | Цитировать | Написать

выезжающий текст

#35537235

AcAlex

Гость

После этого действия ширина ячейки становится фиксированной и при наведении на менюшку она не меняет своего размера

...

Рейтинг:

0 / 0

12.09.2008, 19:32

| Ответить | Цитировать | Написать

выезжающий текст

#35537238

Участник

Сообщения: 3 646

Рейтинг: 0 / 0

у меня она и щас не меняла. Вообще лучше бы на дивах сделал, как в исходном примере.

...

Рейтинг:

0 / 0

12.09.2008, 19:33

| Ответить | Цитировать | Написать

выезжающий текст

#35537242

AcAlex

Гость

Так вот я очем и говорю - в FF не работает.

...

Рейтинг:

0 / 0

12.09.2008, 19:37

| Ответить | Цитировать | Написать

выезжающий текст

#35537249

Участник

Сообщения: 3 646

Рейтинг: 0 / 0

у меня ещё в хроме не работает, а это уже плохой признак

...

Рейтинг:

0 / 0

12.09.2008, 19:44

| Ответить | Цитировать | Написать

выезжающий текст

#35537347

Участник

Сообщения: 1 276

Рейтинг: 0 / 0

AcAlexПривет всем.
Срочно нужна помощь.
Вот здесь находится меню которое мне надо сделать http://resp.demo.artmedia.by/
Все почти готово, только возникла проблема с выезжающими ссылками. Как их сделать?

К сообщению прикреплены исходники.

1) Для того чтобы внутри TD дать меню. меню заключите в DIV, и используйте float:left
2) Для того, чтобы DIV с меню не скакал под картинку при сужении - прячте его display:none
3) Купити книгу по HTML, CSS, DOM, JavaScript - Вы еще не потеряны для программирования. Ждем Ваших новых достижений.

...

Рейтинг:

0 / 0

12.09.2008, 22:31

| Ответить | Цитировать | Написать

выезжающий текст

#35537350

Участник

Сообщения: 1 276

Рейтинг: 0 / 0

Уточню, не потеряны для веб-пргограммирования. Иожет Вы гуру по С++

...

Рейтинг:

0 / 0

12.09.2008, 22:34

| Ответить | Цитировать | Написать

выезжающий текст

#35537420

AcAlex

Гость

Зделал как написано в предыдущем посте: все работает нормально в FF и в опере, но в IE при ведении мышкой с одного пункта меню на другой снизу мигуют ссылки. В чем может быть дело?

...

Рейтинг:

0 / 0

13.09.2008, 00:19

| Ответить | Цитировать | Написать

выезжающий текст

#35537446

Участник

Сообщения: 1 276

Рейтинг: 0 / 0

Достаточно убрать nowrap и можно добавить relative

Код: plaintext

1.
2.
3.
4.
5.
6.

.div {
           position:relative;
	margin-top:60px;
	display:none;	
	overflow:hidden;
      }

Но тогда будут в несколько сторчек выводиться строчки меню.
Я думаю можно кругом прописать высоту (все равно вы ее прописываете для картинок) и предусмотреть margin и padding. Потому что скачут элементы от наезда друг на друга.

В IE как relative ведет absolute. Вобщем. помудрите, а потом расскажите нам как это правильно сделать.

...

Рейтинг:

0 / 0

13.09.2008, 01:54

| Ответить | Цитировать | Написать

выезжающий текст

#35537447

Участник

Сообщения: 1 276

Рейтинг: 0 / 0

Имеется в виду в IE adsolute без указания конкретного значения top и left. Но это фича (практически баг)

...

Рейтинг:

0 / 0

13.09.2008, 01:57

| Ответить | Цитировать | Написать

выезжающий текст

#35537464

AcAlex

Гость

Не помогло, то что я убрал nowrap. Текст выводится в несколько строк и при этом остался тот же эффект.
А вот про высоту я не совесем понял. Можно поподробней?

...

Рейтинг:

0 / 0

13.09.2008, 03:16

| Ответить | Цитировать | Написать

выезжающий текст

#35537478

Участник

Сообщения: 1 276

Рейтинг: 0 / 0

Я, не смог убрать такое поведение. Вот так будет работать только в IE

Код: plaintext

1.
2.
3.
4.
5.
6.

.div {  position:absolute;
	margin-top:60px;
	display:none;	
	overflow:hidden;
	white-space:nowrap;
}

Возможно, что таблицы будут всегда "помогать" показать весь контент.
Попробуйте все сверстать DIV. Типа 4 ДИВа float:left;overflow:hidden;height=...., а в них все остальное. Должно получиться. Не забывайте оставлять margin>0 и padding>0.

...

Рейтинг:

0 / 0

13.09.2008, 04:31

| Ответить | Цитировать | Написать

выезжающий текст

#35537971

AcAlex

Гость

Вообщем выше изложеный способ для IE работает, только при наведении на меню - ссылки появляются поверх следующего меню. Как это можно исправить?

...

Рейтинг:

0 / 0

13.09.2008, 22:58

| Ответить | Цитировать | Написать

выезжающий текст

#35537980

Участник

Сообщения: 1 276

Рейтинг: 0 / 0

Для этого (IE-only) и у картинок (таблиц) можно задать position:absolute и использовать z-index.
Но лучше двигайтесь в сторону DIV.

...

Рейтинг:

0 / 0

13.09.2008, 23:16

| Ответить | Цитировать | Написать

выезжающий текст

#35538300

AcAlex

Гость

Привет.
Теперь меню почти готово, только блоки как-то странно дергаются.

...

Рейтинг:

0 / 0

14.09.2008, 16:28

| Ответить | Цитировать | Написать

выезжающий текст

#35538318

Участник

Откуда: какаяразнецевск

Сообщения: 2 952

Рейтинг: 0 / 0

AcAlexПривет.
Теперь меню почти готово, только блоки как-то странно дергаются.

задергаешься тут

В инете полно готовых решений с готовым яваскриптом. Бесплатных. Отлаженных.

...

Рейтинг:

0 / 0

14.09.2008, 17:02

| Ответить | Цитировать | Написать

выезжающий текст

#35538322

artmedia

Гость

подскажи плиз пару линков если не сложно

потому что искали и ничего похего не нашли

...

Рейтинг:

0 / 0

14.09.2008, 17:14

| Ответить | Цитировать | Написать

выезжающий текст

#35538353

Участник

Откуда: какаяразнецевск

Сообщения: 2 952

Рейтинг: 0 / 0

Ну, вот например, интересная ссылочка про динменю с помощью css: css

А вот несколько примеров всяки разных менюшек (сбоку выезжают, разворачиваются как грамота и т.п.). Мне тоже интересно стало. Скачал все примеры.

javascript

И это далеко не все. Зайдите в яндекс и наберите "динамическое меню"

...

Рейтинг:

0 / 0

14.09.2008, 18:06

| Ответить | Цитировать | Написать

выезжающий текст

#35538355

Участник

Сообщения: 1 276

Рейтинг: 0 / 0

AcAlexПривет.
Теперь меню почти готово, только блоки как-то странно дергаются.

В каком браузере? У меня нормально.

...

Рейтинг:

0 / 0

14.09.2008, 18:09

| Ответить | Цитировать | Написать

выезжающий текст

#35538369

artmedia

Гость

NEKRASSOV

это всё обсалютно не то.
скриптов всяких javascript менюшек в сети куча, не спорю, но тут под уже готовый дизайн сайта нужно именно такое о котором и ведётся вечь. на основе http://demos111.mootools.net/Fx.Elements

ну или не обязательно mootools, можно и на основе jQuery и на Prototype и т.д...
но без AJAX тут помоему никак...

apapacy

В IE6

...

Рейтинг:

0 / 0

14.09.2008, 18:27

| Ответить | Цитировать | Написать

выезжающий текст

#35538373

ShSerge

Участник

Откуда: ʚонɔ dиw

Сообщения: 24 440

Рейтинг: 0 / 0

Когда я слышу слово AJAX, я хватаюсь за пистолет.

...

Рейтинг:

0 / 0

14.09.2008, 18:30

| Ответить | Цитировать | Написать

выезжающий текст

#35538378

Участник

Сообщения: 1 276

Рейтинг: 0 / 0

ShSergeКогда я слышу слово AJAX, я хватаюсь за пистолет.

Вам еще жить и жить ...

To начальнег

В IE6 норма у меня. В чем странные подергивания заглючаются?

...

Рейтинг:

0 / 0

14.09.2008, 18:33

| Ответить | Цитировать | Написать

выезжающий текст

#35538437

Участник

Откуда: какаяразнецевск

Сообщения: 2 952

Рейтинг: 0 / 0

artmedia NEKRASSOV

на основе http://demos111.mootools.net/Fx.Elements

ну или не обязательно mootools, можно и на основе jQuery и на Prototype и т.д...
но без AJAX тут помоему никак...

Стока матершинных слов и все это - про банальную задачу. И под готовый дизайн.

...

Рейтинг:

0 / 0

14.09.2008, 20:15

| Ответить | Цитировать | Написать

выезжающий текст

#35538449

Участник

Сообщения: 1 276

Рейтинг: 0 / 0

NEKRASSOV
Стока матершинных слов и все это - про банальную задачу. И под готовый дизайн.

А как это будет на JavaScript ?

...

Рейтинг:

0 / 0

14.09.2008, 20:26

| Ответить | Цитировать | Написать

выезжающий текст

#35538558

Участник

Откуда: какаяразнецевск

Сообщения: 2 952

Рейтинг: 0 / 0

apapacy NEKRASSOV
Стока матершинных слов и все это - про банальную задачу. И под готовый дизайн.

А как это будет на JavaScript ?

Дык уже какая разница? Так. Ворчу просто. Кстати, у меня тоже не дергается в ie6.

...

Рейтинг:

0 / 0

14.09.2008, 22:50

| Ответить | Цитировать | Написать

выезжающий текст

#35538592

AcAlex

Гость

При разрешении 1280х1024 посмотрите.

...

Рейтинг:

0 / 0

14.09.2008, 23:51

| Ответить | Цитировать | Написать

выезжающий текст

#35538596

Участник

Сообщения: 1 276

Рейтинг: 0 / 0

У меня такое разрешение.

...

Рейтинг:

0 / 0

14.09.2008, 23:56

| Ответить | Цитировать | Написать

выезжающий текст

#35538606

AcAlex

Гость

Когда переводиш мышку с третьего пункта на четвертый-второй дрожит.

...

Рейтинг:

0 / 0

15.09.2008, 00:06

| Ответить | Цитировать | Написать

выезжающий текст

#35538614

Участник

Сообщения: 1 276

Рейтинг: 0 / 0

То Вы уже сильно присматриваетесь. Чуть лучше если поменять местыми строчки

Код: plaintext

1.
2.
3.
4.
5.
6.
7.

function change_4()
	{
		back_3();
		document.getElementById('mt4t').style.background="#155B1A";
		document.getElementById('menu_4').style.display='block';

	};

...

Рейтинг:

0 / 0

15.09.2008, 00:15

| Ответить | Цитировать | Написать

выезжающий текст

#35538618

Участник

Откуда: какаяразнецевск

Сообщения: 2 952

Рейтинг: 0 / 0

У меня такое же разрешение. 1280х1024.

Еще Вас обрадую. В файерфоксе при переводе с первой на вторую и обратно - дрожжит третья.
А в ie6 - при переходе между первой и второй дрожжат 3 и 4-я.

...

Рейтинг:

0 / 0

15.09.2008, 00:19

| Ответить | Цитировать | Написать

выезжающий текст

#35538669

AcAlex

Гость

Перестановка не помогла.
Пытался играть с параметрами szNormal, szSmall, szFull.
Дергание увеличивается, уменьшается - но не пропадает.

...

Рейтинг:

0 / 0

15.09.2008, 02:06

| Ответить | Цитировать | Написать

выезжающий текст

#35538686

Участник

Откуда: какаяразнецевск

Сообщения: 2 952

Рейтинг: 0 / 0

AcAlexПерестановка не помогла.
Пытался играть с параметрами szNormal, szSmall, szFull.
Дергание увеличивается, уменьшается - но не пропадает.

Коллега! Есть решение. Поднимите правую руку вверх - и резко опустите вниз со словами: "Ну и хрен с ним!"

Достаточно красиво все выглядит. Дерганье это для подавляющего большинства пользователей не будет заметно, поскольку их внимание будет занято прежде всего раскрываемой частью.

...

Рейтинг:

0 / 0

15.09.2008, 02:45

| Ответить | Цитировать | Написать

выезжающий текст

#35538689

AcAlex

Гость

Извини NEKRASSOV , но так не сойдет.

...

Рейтинг:

0 / 0

15.09.2008, 03:00

| Ответить | Цитировать | Написать

выезжающий текст

#35538694