DevProTalk

Forumi IT profesionalaca
web development, web design, e-business, SEO


Idite nazad   DevProTalk > Web development i web aplikacije > (X)HTML, JavaScript, DHTML, XML, CSS
Želite da se reklamirate ekskluzivno na ovoj poziciji? Javite se

(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi

Odgovori
 
Alati teme Način prikaza
Staro 04. 10. 2006.   #11
Br@nkoR
banned
Professional
 
Avatar Br@nkoR
 
Datum učlanjenja: 04.06.2005
Poruke: 371
Hvala: 0
738 "Hvala" u 83 poruka
Br@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoro
Default

Kôd:
<script type="text/javascript">
function show(what) {
  document.getElementById(what).style.display = 'block';
}
function hide(what) {
  document.getElementById(what).style.display = 'none';
}
</script>

<a href="#" onmouseover="show('Layer1')">TEST</a>

<div id="Layer1" style="display:none;width:300px;height:100px;background-color: red;" onmouseout="hide('Layer1')" onmouseover="show('Layer1')">
bla bla bla <a href="#">test</a><br /><img src="slika.gif" alt="slika" title="slika" />
</div>
__________________
Don't look at me; I'm lost too.
“If you can't dazzle them with brilliance, baffle them with bul*s**t.”
Br@nkoR je offline   Odgovorite uz citat
Staro 04. 10. 2006.   #12
Ivan
Psychedelictrance freak
Wrote a book
 
Avatar Ivan
 
Datum učlanjenja: 04.06.2006
Lokacija: Srbija, Beograd
Poruke: 1.008
Hvala: 325
933 "Hvala" u 34 poruka
Ivan će postati "faca" uskoroIvan će postati "faca" uskoroIvan će postati "faca" uskoroIvan će postati "faca" uskoroIvan će postati "faca" uskoroIvan će postati "faca" uskoroIvan će postati "faca" uskoroIvan će postati "faca" uskoro
Pošaljite poruku preko Skype™ za Ivan
Default

Hvala to je to
Ivan je offline   Odgovorite uz citat
Staro 04. 10. 2006.   #13
noviKorisnik
Dejan Katašić
Wrote a book
 
Avatar noviKorisnik
 
Datum učlanjenja: 10.06.2005
Lokacija: Novi Sad
Poruke: 1.017
Hvala: 129
86 "Hvala" u 43 poruka
noviKorisnik će postati "faca" uskoro
Default

Sad meni nije jasno ... testiram sledeći kod
Kôd:
<html>
<head>
<title>t</title>
<style>
#Layer1                 {
    margin              :   0       2em;
    padding             :   0       2em;
    background-color    :   green;
}
#Layer1 *               {
    display             :   block;
    margin              :   0       2em;
    padding             :   0       2em;
    background-color    :   white;
}
</style>
</head>
<body>
<a href="#" onmouseover="document.getElementById ('Layer1').style.display = '';">TEST</a>
<div id="Layer1" style="display: none;" onmouseout="document.getElementById ('Layer1').style.display = 'none';" onmouseover="document.getElementById ('Layer1').style.display = '';">
<img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" />
bla
<a href="javascript: alert ('bu');">bu</a>
bla <!-- --> bla
<img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" />
bla
</div>
</body>
</html>
... i ne vidim suštinsku razliku u odnosu na gorenavedeni kod, ali je očigledno da se ponaša bagovito u IE - lejer se gasi kod donje slike (???)
noviKorisnik je offline   Odgovorite uz citat
Staro 05. 10. 2006.   #14
ivanhoe
Ivan Dilber
Sir Write-a-Lot
 
Avatar ivanhoe
 
Datum učlanjenja: 18.10.2005
Lokacija: Bgd
Poruke: 5.320
Hvala: 104
2.344 "Hvala" u 583 poruka
ivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svima
Pošaljite poruku preko Skype™ za ivanhoe
Default

problem je u event bubbling-u kod IE... layer se u IE gasi kad god mis izadje iz slike, tj. cim se pojavi neki onMouseOut event. Taj event krene da bubble-uje (heh, sta bi mi sad rekao onaj bluesmanov citalac sa B92 na ovaj glagol) na gore, i posto parent element (onaj div) ima definisan onmouseout, on se izvrsi.

Dodaj na obe slike onmouseout="window.event.cancelBubble = true" i problem ce magicno nestati. Naravno ovo je resenje cisto za demonstraciju, ali kako ovo moze da se resi elegantnije, stvarno ne znam...
__________________
Leadership is the art of getting people to want to do what you know must be done.
ivanhoe je offline   Odgovorite uz citat
Staro 05. 10. 2006.   #15
noviKorisnik
Dejan Katašić
Wrote a book
 
Avatar noviKorisnik
 
Datum učlanjenja: 10.06.2005
Lokacija: Novi Sad
Poruke: 1.017
Hvala: 129
86 "Hvala" u 43 poruka
noviKorisnik će postati "faca" uskoro
Default

Molim te probaj kod u IE da vidiš šta se dešava. Ništa što mogu da vežem sa slikom. On jednostavno okine onmouseout ne nad površinom slike, već i na čistoj površini bez kidova ... samo kreni lagano prema dole i div nestaje pre nego što stigneš da ga napustiš.

Druga zanimljivost je što prikazuje comment node :-D
noviKorisnik je offline   Odgovorite uz citat
Staro 05. 10. 2006.   #16
Br@nkoR
banned
Professional
 
Avatar Br@nkoR
 
Datum učlanjenja: 04.06.2005
Poruke: 371
Hvala: 0
738 "Hvala" u 83 poruka
Br@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoro
Default

http://www.satzansatz.de/cssd/onhavinglayout.html

Npr.
Kôd:
* html #Layer1 { height: 1px; }
__________________
Don't look at me; I'm lost too.
“If you can't dazzle them with brilliance, baffle them with bul*s**t.”
Br@nkoR je offline   Odgovorite uz citat
Staro 05. 10. 2006.   #17
noviKorisnik
Dejan Katašić
Wrote a book
 
Avatar noviKorisnik
 
Datum učlanjenja: 10.06.2005
Lokacija: Novi Sad
Poruke: 1.017
Hvala: 129
86 "Hvala" u 43 poruka
noviKorisnik će postati "faca" uskoro
Default

Wow, odličan tekst. Nađoh tamo jedan vrlo zanimljiv link - IE Developer Toolbar - ostaje samo još da se testira...
noviKorisnik je offline   Odgovorite uz citat
Staro 05. 10. 2006.   #18
nixa
Nikola Denić
Sir Write-a-Lot
 
Avatar nixa
 
Datum učlanjenja: 18.05.2005
Lokacija: Beograd
Poruke: 3.694
Hvala: 160
458 "Hvala" u 164 poruka
nixa ima spektakularnu aurunixa ima spektakularnu aurunixa ima spektakularnu aurunixa ima spektakularnu aurunixa ima spektakularnu auru
Pošaljite poruku preko Skype™ za nixa
Default

Radim sa njim po potrebi ... nista specialno ...ali opet znaci
__________________
Do not ask yourself what the world needs. Ask yourself what makes you come alive, and then go do that. Because what the world needs is people who have come alive
nixa je offline   Odgovorite uz citat
Staro 05. 10. 2006.   #19
ZeroStyle
profesionalac
Qualified
 
Avatar ZeroStyle
 
Datum učlanjenja: 22.09.2006
Poruke: 115
Hvala: 0
2 "Hvala" u 1 poruci
ZeroStyle is on a distinguished road
Default

Taj toolbarje veoma korisna alatka , koristim ga vec duze vrijeme i sretan sam
ZeroStyle je offline   Odgovorite uz citat
Odgovori


Alati teme
Način prikaza

Pravila pisanja
Možete ne započinjati nove teme
Možete ne slati odgovore
Možete ne slati priloge
Možete ne izmeniti svoje poruke
vB kôd je Uključen
Smajliji su Uključen
[IMG] kod je Uključen
HTML kôd je Isključen
Pogledajte forum


Vreme je GMT +2. Trenutno vreme je 12:14.


Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.
Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.
Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.