Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Помогите найти ошибку, tooltip 
V
    Опции темы
xoslv
  Дата 3.9.2007, 16:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 195
Регистрация: 12.1.2007

Репутация: нет
Всего: нет
Доброго всем дня!
Столкнулся с проблемой, хочу для каждой записи создать окошко.
Которое должно плано открываться. Нашёл скрипт, поковырял и теперь не могу найти ошибку, окно перестало полностью само открываться, а в опере вообще не работает... Помогите пожалуйста.
Зарание огромное спасибо!

Код

<html>
<head>
<style type="text/css">

.window {
background: #fc0;
width: 300px; height: 200px;
position: absolute;
left: 50%; top: 50%;
margin-left: -150px; margin-top: -100px;
clip: rect(auto 150 auto 150)
}

.window P {
margin: 0px; padding: 10px
}

.title {
background: #666; padding: 5px; font-weight: bold; text-align: right
}

.title A {
color: white; text-decoration: none
}

</style>

<script language="JavaScript">

step = 10
width = 300
x1 = x2 = width/2

function curtainOn(id) {

// Отображаем слой window в браузере Opera
if (Opera) document.getElementById(id).style.display = "block" // window

if (x1 > 0) {

x1 -= step
x2 += step
clip = "auto " + x2 + " auto " + x1

document.getElementById(id).style.clip = "rect(" + clip + ")" // window
setTimeout("curtainOn()", 20)
}

}

function curtainOff(id) {

if (x2 > (width/2)) {

x1 += step
x2 -= step
clip = "auto " + x2 + " auto " + x1

document.getElementById(id).style.clip = "rect(" + clip + ")" // window
setTimeout("curtainOff()", 20)
}

// Прячем слой window в браузере Opera
else if (Opera) document.getElementById(id).style.display = "none" // window

}

</script>
</head>
<body>
<div id=window1 class="window">
<div id="title" class="title"><a href="javascript: curtainOff('window1')">Закрыть окно [X]</a></div>
<p> WINDOW 1 </p>
</div>
<div id=window2 class="window">
<div id="title" class="title"><a href="javascript: curtainOff('window2')">Закрыть окно [X]</a></div>
<p> WINDOW 2 </p>
</div>

<br><br>
<a href="javascript: curtainOn('window1')">Развернуть окно</a>
<br><br>
<a href="javascript: curtainOn('window2')">Развернуть окно</a>


<script language="JavaScript">

// Проверяем, какой браузер перед нами
Opera = document.getElementById && window.opera

// Если Opera. то прячем слой window
if (Opera) document.getElementById(id).style.display = "none" 

</script>
</body>
</html>

--------------------
Не всё то маздай, что синее!
PM MAIL ICQ   Вверх
Izabela
Дата 3.9.2007, 17:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 121
Регистрация: 13.2.2007
Где: Lviv

Репутация: 1
Всего: 3
Проблема в том что вначале style.clip равно нулю......почему-то не задает style/.........
--------------------
 
PM MAIL ICQ   Вверх
xoslv
Дата 3.9.2007, 17:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 195
Регистрация: 12.1.2007

Репутация: нет
Всего: нет
нее...
Если бы проблема была в этом, тогда этот вариант не работал бы:
Код

<html>
<head>
<style type="text/css">

.window {
background: #fc0;
width: 300px; height: 200px;
position: absolute;
left: 50%; top: 50%;
margin-left: -150px; margin-top: -100px;
clip: rect(auto 150 auto 150)
}

.window P {
margin: 0px; padding: 10px
}

.title {
background: #666; padding: 5px; font-weight: bold; text-align: right
}

.title A {
color: white; text-decoration: none
}

</style>

<script language="JavaScript">

step = 10
width = 300
x1 = x2 = width/2

function curtainOn() {

// Отображаем слой window в браузере Opera
if (Opera) document.getElementById("window").style.display = "block" // window

if (x1 > 0) {

x1 -= step
x2 += step
clip = "auto " + x2 + " auto " + x1

document.getElementById("window").style.clip = "rect(" + clip + ")" // window
setTimeout("curtainOn()", 20)
}

}

function curtainOff(id) {

if (x2 > (width/2)) {

x1 += step
x2 -= step
clip = "auto " + x2 + " auto " + x1

document.getElementById("window").style.clip = "rect(" + clip + ")" // window
setTimeout("curtainOff()", 20)
}

// Прячем слой window в браузере Opera
else if (Opera) document.getElementById("window").style.display = "none" // window

}

</script>
</head>
<body>
<div id=window class="window">
<div id="title" class="title"><a href="javascript: curtainOff()">Закрыть окно [X]</a></div>
<p> WINDOW 1 </p>
</div>


<br><br>
<a href="javascript: curtainOn()">Развернуть окно</a>



<script language="JavaScript">

// Проверяем, какой браузер перед нами
Opera = document.getElementById && window.opera

// Если Opera. то прячем слой window
if (Opera) document.getElementById("window").style.display = "none" 

</script>
</body>
</html>


Косяк где-то в другом месте...
--------------------
Не всё то маздай, что синее!
PM MAIL ICQ   Вверх
Izabela
Дата 3.9.2007, 18:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 121
Регистрация: 13.2.2007
Где: Lviv

Репутация: 1
Всего: 3
xoslv, но просто дебагер показует document.getElementById(id) has no properties.....и если посмотреть в ДОМ то style  емеет значение ["clip"] только после клика
а до клика не имеет.....дома посмотрю

Это сообщение отредактировал(а) Izabela - 3.9.2007, 18:54
--------------------
 
PM MAIL ICQ   Вверх
xoslv
Дата 3.9.2007, 18:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 195
Регистрация: 12.1.2007

Репутация: нет
Всего: нет
Ок, посмотри, а то я ничего не понял....
--------------------
Не всё то маздай, что синее!
PM MAIL ICQ   Вверх
Ghirik
Дата 3.9.2007, 21:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 919
Регистрация: 26.3.2007

Репутация: 13
Всего: 20
Счас...

Это сообщение отредактировал(а) Ghirik - 3.9.2007, 21:10


--------------------
Отдадим всё клиенту, пускай его машина мучается...
PM MAIL   Вверх
Ghirik
Дата 3.9.2007, 22:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 919
Регистрация: 26.3.2007

Репутация: 13
Всего: 20
Код

<html>
<head>
<style type="text/css">
.window {
background: #fc0;
width: 300px; height: 200px;
position: absolute;
left: 50%; top: 50%;
margin-left: -150px; margin-top: -100px;
clip: rect(auto 150 auto 150)
}
.window P {
margin: 0px; padding: 10px
}
.title {
background: #666; padding: 5px; font-weight: bold; text-align: right
}
.title A {
color: white; text-decoration: none
}
</style>
<script language="JavaScript">
step = 10
width = 300
x1 = x2 = width/2
function curtainOn(i){
    if (Opera) i.style.display = "block"
    if (x1 > 0){
        x1 -= step
        x2 += step
        clip = "auto " + x2 + " auto " + x1
        i.style.clip = "rect(" + clip + ")"
        setTimeout('curtainOn('+i.id+')', 20)}}
function curtainOff(i){
    if    (x2 > (width/2)){
        x1 += step
        x2 -= step
        clip = "auto " + x2 + " auto " + x1
        i.style.clip = "rect(" + clip + ")"
        setTimeout('curtainOff('+i.id+')', 20)}
// Прячем слой window в браузере Opera
    else if (Opera) i.style.display = "none" // window
        }
</script>
</head>
<body>
<div id=window1 class="window">
<div id="title1" class="title"><a href="javascript: curtainOff(window1)">Закрыть окно [X]</a></div>
<p> WINDOW 1 </p>
</div>
<div id=window2 class="window">
<div id="title2" class="title"><a href="javascript: curtainOff(window2)">Закрыть окно [X]</a></div>
<p> WINDOW 2 </p>
</div>
<br><br>
<a href="javascript: curtainOn(window1)">Развернуть окно</a>
<br><br>
<a href="javascript: curtainOn(window2)">Развернуть окно</a>


<script language="JavaScript">

// Проверяем, какой браузер перед нами
Opera = document.getElementById && window.opera

//Если Opera. то прячем слой window
if (Opera){
document.getElementById("window1").style.display = "none"
document.getElementById("window2").style.display = "none"}

</script>
</body>
</html>



--------------------
Отдадим всё клиенту, пускай его машина мучается...
PM MAIL   Вверх
xoslv
Дата 3.9.2007, 23:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 195
Регистрация: 12.1.2007

Репутация: нет
Всего: нет
Спасибо огромное!
Кстати Ghirik, как поживает страничка с динамическим созданием таблиц?
Интересная тема была!  smile 
--------------------
Не всё то маздай, что синее!
PM MAIL ICQ   Вверх
Ghirik
Дата 4.9.2007, 01:23 (ссылка) | (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 919
Регистрация: 26.3.2007

Репутация: 13
Всего: 20
Будет, будет... занимаюсь, времени маловато, скоро начну тему....


--------------------
Отдадим всё клиенту, пускай его машина мучается...
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0871 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.