[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: При наведении мыши менять div
korea
Доброго дня, я как бы новичок))) у меня назрел вопрос как при наведении мыши менять div и класс, и его содержимое, пытался пользоваться onmouseoveк но что то видимо неправильно делал(((



Спустя 1 минута, 46 секунд (30.12.2010 - 06:24) inpost написал(а):
Ну так показывай код, скажем, правильно ли ты делал или нет. Зарание скажу, пользуйте тегами [ php] для вставки кода =)

Спустя 6 минут, 31 секунда (30.12.2010 - 06:30) korea написал(а):
ну это понятно, просто с java script затруднения)))
примерно вот так все выглядит


<div class="FIRST">

maxtext

</div>


ну и как бы при наведении на него происходило

<div class="SECOND">

mintext

</div>

Спустя 3 часа, 17 минут, 4 секунды (30.12.2010 - 09:47) sergeiss написал(а):
Цитата (korea @ 30.12.2010 - 07:22)
пытался пользоваться onmouseoveк

Но в приведенном тобой коде нету onmouseover... Покажи именно тот код, которым ты пытался пользоваться.

Спустя 2 часа, 1 минута, 14 секунд (30.12.2010 - 11:48) inpost написал(а):
korea
Пока что это выглядит так: я ничего не делал, сделайте за меня.

Спустя 44 минуты, 51 секунда (30.12.2010 - 12:33) korea написал(а):
<div class="FIRST" onmouseover="this.style.FIRST'" onmouseout="this.style.SECOND'">
maxtext
</div>

Что то вроде этого (((

Спустя 2 минуты, 32 секунды (30.12.2010 - 12:36) inpost написал(а):
И знаешь как твой див выглядит теперь? А вот так:
<div class="FIRST" style="FIRST">
Подходит? Нет? Стиль - меняет внутренний стиль дива, а не его класс. Класс совсем по другому называется, иначе, чем "style"

Спустя 29 минут, 5 секунд (30.12.2010 - 13:05) korea написал(а):
<div class="FIRST" onmouseover="this.class.FIRST'" onmouseout="this.class.SECOND'">
maxtext
</div>

выходит вот так надо?

Спустя 15 минут, 21 секунда (30.12.2010 - 13:20) ИНСИ написал(а):
korea мыслишь верно, но чуток неправильно. Сделай вот так:
<div class="FIRST" onmouseover="this.className='FIRST'" onmouseout="this.className='SECOND'">
dvdb
</div>


а вообще, зачем JS использовать, если это можно сделать в css?

Спустя 28 минут, 27 секунд (30.12.2010 - 13:49) korea написал(а):
Вообще как бы мне ещё надо менять содержимое этого div но только что то я не могу понять как это сделать, мож кто нибудь подскажет, просто фишка в том что я установил флэш плеер mp3, и вот поставил его с помощью drop.js все нормально вот только не могу его поставить так чтобы он выпадал в том месте где на него и наводишь, полюбому выпадает ниже, после многих часов копания все таки удалось сделать как нужно но в опере все равно он выпадает ниже

Спустя 3 минуты, 41 секунда (30.12.2010 - 13:52) inpost написал(а):
korea
ты думаешь, мы прям знаем, что такое drop.js, и что там за код =)
Лучше линк дай на страницу в интернете, тогда можно посмотреть и реально сказать, в чём проблема у тебя.

Спустя 9 минут, 40 секунд (30.12.2010 - 14:02) korea написал(а):
Сэнкс все получилось


http://goa-club.kz/index.html

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


[js]var disappeardelay=350
var enableanchorlink=0
var hidemenu_onclick=1



var ie5=document.all
var ns6=document.getElementById&&!document.all

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function showhide(obj, e, visible, hidden){
if (ie5||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=0
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie5 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie5 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie5 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}

return edgeoffset
}

function dropdownmenu(obj, e, dropmenuID){
if (window.event) event.cancelBubble=true
else if
(e.stopPropagation) e.stopPropagation()
if (typeof dropmenuobj!="undefined")
dropmenuobj.style.visibility="hidden"
clearhidemenu()
if (ie5||ns6){
obj.onmouseout=delayhidemenu
dropmenuobj=document.getElementById(dropmenuID)
if (hidemenu_onclick) dropmenuobj.onclick=function(){dropmenuobj.style.visibility='hidden'}
dropmenuobj.onmouseover=clearhidemenu
dropmenuobj.onmouseout=ie5? function(){ dynamichide(event)} : function(event){ dynamichide(event)}
showhide(dropmenuobj.style, e, "visible", "hidden")
}
return clickreturnvalue()
}

function clickreturnvalue(){
if ((ie5||ns6) && !enableanchorlink) return false
else return true

}

function i_go(a){
location=a;
}

function contains_ns6(a, B) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie5&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function delayhidemenu(){
delayhide=setTimeout("dropmenuobj.style.visibility='hidden'",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

Спустя 5 минут, 30 секунд (30.12.2010 - 14:07) korea написал(а):
if (hidemenu_onclick) dropmenuobj.onclick=function(){dropmenuobj.style.visibility='hidden'}


'hidden' заменил на 'show' в мозиле ворк а в опере неработает(



Спустя 11 минут, 29 секунд (30.12.2010 - 14:19) ИНСИ написал(а):
korea офигеть ... Ты в начале спрашиваешь одно, хотя тебе надо другое smile.gif Весь твой код, можно заменить двумя строчками. используя jquery, а именно: http://api.jquery.com/show/ и http://api.jquery.com/hide/

Цитата
'hidden' заменил на 'show' в мозиле ворк а в опере неработает(

попробуй поставить 'auto'. Хотя у меня в опере 11, все нормально работает.

Спустя 6 минут, 39 секунд (30.12.2010 - 14:26) korea написал(а):
не видишь ли в сем проблема когда по плееру щелкаешь он пропадает, а хотелось бы что бы он не пропадал, когда стрелка там, в мозилле все нормально

Спустя 4 минуты, 25 секунд (30.12.2010 - 14:30) korea написал(а):
'auto' проканало УРА))) Спасибо welbox2 выручил )))

Спустя 1 минута, 8 секунд (30.12.2010 - 14:31) korea написал(а):
тока он чето не играет, это могло как то зависеть?

Спустя 57 секунд (30.12.2010 - 14:32) korea написал(а):
Или это сервак тупит

Спустя 26 минут, 51 секунда (30.12.2010 - 14:59) ИНСИ написал(а):
Цитата
Или это сервак тупит

может быть ... а может и другая проблема. Но точно не из за auto

Спустя 1 день, 4 часа, 52 минуты, 8 секунд (31.12.2010 - 19:51) Dron19 написал(а):
Цитата (korea @ 30.12.2010 - 03:22)
Доброго дня, я как бы новичок))) у меня назрел вопрос как при наведении мыши менять div и класс, и его содержимое, пытался пользоваться onmouseoveк но что то видимо неправильно делал(((

а как это относится к PHP?

Спустя 16 минут, 5 секунд (31.12.2010 - 20:07) Dron19 написал(а):
что? Я что-то не то сделал?

Спустя 13 часов, 12 минут, 39 секунд (2.01.2011 - 09:20) Зарегестрирований написал(а):
Ах ты коварний

 ! 

М
......
sergeiss
всех хотел biggrin.gif
И вообше тебе не в этот отдел тебе сюда.
Там если правильно вопрос задащь помогут мигом laugh.gif

от sergeiss: предупреждение (для начала "устное") за мат на форуме!

Спустя 2 месяца, 12 дней, 8 часов, 28 минут, 16 секунд (14.03.2011 - 17:48) vadimk написал(а):
Можно без JS в стилях прописать
.name:hover{тут добавить нужные стили}


_____________
Я только учусь)))
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.