Efekt ikon na pulpicie, bez drag&drop Opcje

[Yacho]

Witam !

Mam nastepujacego typu watpliwosci :

Ikona = label + ikona wlasciwa

potrzebuje zrobic cos takiego ze w momencie klikniecia na label lub okine wlasciwa cala "ikona"
zmienia kolor tak jak to jest na pulpicie
Wiem ze mozna zmienic opacity obiektu - ale jak wykonac efekt "Zaniebieszczenia" ikonki ? najlepiej bez uzycia dodatkowych warstw bo nie chce dostac schizy przy 50 ikonkach

Druga sprawa :
Klikam na ikonke - wszystko ok - klikam na nastepna i teraz jest problem gdyz do funkcji kliknieto_na(ikona) podaje ikone bierzaca - lecz musze gdzies trzymac referencje do ostatnio kliknietego obiektu - zeby go zdezaktywowac - teraz pytanie gdzie trzymac taka zmienna zeby dostep do niej byl statyczny i globalny ?

trzecia sprawa - jak w JS wykryc klikniecie prawym przyciskiem ?

[jarrod]

1. Wstrzymuj się z przezroczystością bo IE 7 w ogóle tego nie obsługuje! :/ Już się zdążyłem na tym przejechać...

Robisz diva, w środku dwa następne. W pierwszym obraz ikonki a poniżej w drugim - label. Kiedy klikasz na któroś z tych pól to zmieniasz im klasę przez element.className. Kiedy klikasz gdzie indziej skrypt sprawdza czy jest jakiaś aktywna ikonka. Jeśli tak to zmienia jej klasę (znaczy diva) na normalną.

2. Stwórz sobie zmienną globalną która będzie trzymała element aktualnie zaznaczony. Jeżeli inkludujesz plik *.js to umieść taką zmienną w dowolnum miejscu ale poza ciałem funkcji. Wówczas taka zmienna automatycznie staje się globalna.


3.

[HTML] pobierz, plaintext 
document.onmousedown = jakas_funkcja;
function jakas_funkcja(e)
{
    if(ie && event.button == 2)
    {
             // blok instrukcji dla IE
     }
      else if(n && e.which == 3)
     {
             // inne
     }
}
[HTML] pobierz, plaintext 

Ten post edytował jarrod 27.10.2006, 18:46:51

[ano]

Mam taki pomysł, jak można uzyskać przeźroczystość za pomocą 2 obrazków: obrazek główny (ikona - np. plik.jpg) + obrazek dot.gif z przeźroczystością.
1. Kod na stronie:

[HTML] pobierz, plaintext 
[...]
<div class="ikona">
  <a href="java script:transparent('on')" class="gif"> </a> </div>
</div>
[...]
[HTML] pobierz, plaintext 

Styl do .ikona :

[HTML] pobierz, plaintext 
background-image: url('plik.jpg');
width: 230px; /* szerokosc tego obrazka */
height: 210px; /* wysokosc tego obrazka */
display: block;
[HTML] pobierz, plaintext 

Styl do .gif :

[HTML] pobierz, plaintext 
width: 230%; /* szerokosc ikony */
height: 210; /* wysokosc ikony */
display: block
[HTML] pobierz, plaintext 

Funkcja transparent:

Kod

function transparent(status) {
if (status=="on") {  - coś w stylu: .gif>background-image: url('dot.gif'); - }
else {  - coś w stylu: .gif>background-image: url(null); - }

//nie znam się na JS, więc ten kod jest taki poglądowy

Plik dot.gif wyglądał by tak:

Kod

,.
.,

Gdzie:
, - przeźroczysty pixel
. - pixel o barwie granatowej

Myślę, że takie coś powinno się dobrze sprawować.
Uwaga: wszystkie kody pisane 'z palca', więc raczej nie będą działać, chodzi mi tylko o przedstawienie mojego pomysłu - Nie wykorzystuje on obrazków png, więc w IE będzie się wszystko dobrze wyświetlało

[jarrod]

hmmm....
już chyba lepiej zrobić png z przezroczystością (interpretowane dopiero od IE7) i dać go na którejś warstwie.

[ano]

hmmm....
już chyba lepiej zrobić png z przezroczystością (interpretowane dopiero od IE7) i dać go na którejś warstwie.

No właśnie o to chodzi! PNG z przezroczystością jest interpretowany dopiero od IE7, a gif z przezroczystością działa poprawnie pod IE 4, 5, 6...

[Zajec]

1. Wstrzymuj się z przezroczystością bo IE 7 w ogóle tego nie obsługuje! :/ Już się zdążyłem na tym przejechać...

Chcesz powiedzieć, że w IE7 nie ma już filter + opacity?!

[jarrod]

Chcesz powiedzieć, że w IE7 nie ma już filter + opacity?!

Nie ma w ogóle. W zamian też niczego nie ma...
Można o tym poczytać na blogu IE7 na stronie MS.

[Zajec]

Nie ma w ogóle. W zamian też niczego nie ma...
Można o tym poczytać na blogu IE7 na stronie MS.

Coś Ci się mylło.

http://zajec.net/test/opacity - działa.

[jarrod]

Coś Ci się mylło.

http://zajec.net/test/opacity - działa.

nie wiem na jakiej przeglądarce ty to widzisz ale jak odpalam IE7 na tej stronie to widzę dwa tak samo czerwone kwadraty. No wiesz.. każdy widzi to co chce widzieć ale to już by była przesada
Załączyć zdjęcie tego co ja widzę??

zdjęcie tego co widzę

a to blog IE7 dotyczący css-ów

[Zajec]

Kurcze, może to wina tego, że nie mam wersji finalnej,

Rozumiem, że testowałeś to na wersji final?

Czy ktoś jeszcze z finalną może potwierdzić nie działanie filters?

P.S.
Czy moderator może wydzielić ten stąd wątek IE7, żeby nie zaśmiecać?

[jarrod]

ale co chcesz potwierdzać. Na dole wcześniejszego postu dałem ci link do strony msdn na blog IE na temat css ów. Po prostu zajżyj...

[mariuszn3]

jarrod.. ta notka mówiąc 'filtry' ma na myśli css'owe hacki typu '* html'.. a nie dosłownie właściwość 'filter' przeczytaj dokładnie.
Filtry (czyli te wszystkie sztuczki by emulować opacity, czy podawać przezroczystość png - choć w IE7 już wsparcie dla PNG jest ok) działają tak samo w IE7 jak i IE6 najlepiej samemu się przekonać

[Zajec]

jarrod.. ta notka mówiąc 'filtry' ma na myśli css'owe hacki typu '* html'.. a nie dosłownie właściwość 'filter' przeczytaj dokładnie.
Filtry (czyli te wszystkie sztuczki by emulować opacity, czy podawać przezroczystość png - choć w IE7 już wsparcie dla PNG jest ok) działają tak samo w IE7 jak i IE6 najlepiej samemu się przekonać

Więc jednak :-) Dzięki za rozjaśnienie sprawy!