Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [js]Przeźroczystość
piotrooo89
post
Post #1


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
Chciałem zrobić przezroczystość dla div'ów. Zrobiłem to pierw w css na fx i googlach hula IE6.0 wysypuje postanowiłem zrobić to w js. wyskrobałem coś takiego...
[PHP] pobierz, plaintext 
  1. <?php
  2. function setOpacitymenu(value) 
  3. {
  4.     menu.style.opacity = value/10;
  5.     menu.style.filter = 'alpha(opacity=' + value*10 + ')';
  6. }
  7. function setOpacitymain(value) 
  8. {
  9.     main.style.opacity = value/10;
  10.     main.style.filter = 'alpha(opacity=' + value*10 + ')';
  11. }
  12. function setOpacityroot(value) 
  13. {
  14.     rootstyle.opacity = value/10;
  15.     root.style.filter = 'alpha(opacity=' + value*10 + ')';
  16. }
  17. ?>
[PHP] pobierz, plaintext


ładuje go tu:
<body onload="setOpacitymenu(9); setOpacitymain(9); setOpacityroot(9);">

strutkura div'ów wygląda tak:
[HTML] pobierz, plaintext 
  1. <div id="root">
  2.   <div id="menu">
  3.   </div>
  4.   <div id="main">
  5.   </div>
  6. </div>
[HTML] pobierz, plaintext


jak zrobić żeby IE również wyświetlał?
Go to the top of the page
+Quote Post
phpion
post
Post #2





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza
Tak ciężko użyć google? ie opacity
Go to the top of the page
+Quote Post
piotrooo89
post
Post #3


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
szukam i szukam i nic... moim zdaniem te funkcje w js są ok. bo sprawdziłem i tak samo tworzy się je w css.
[HTML] pobierz, plaintext 
  1. filter:alpha(opacity=100);
  2. opacity: 1;
  3. -moz-opacity:1;
[HTML] pobierz, plaintext


tak można to zrobić w css ale ja robię dokładnie tak samo w js... nie bardzo wiem w jakim kierunku mam patrzeć aby to poprawić.

//EDIT

jakiś pomysł bo już straciłem wszelkie pomysły... IE 6.0 mnie zabije...

Ten post edytował piotrooo89 27.10.2008, 15:13:28
Go to the top of the page
+Quote Post
wookieb
post
Post #4





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
1) Fajnie by było jakbyś zapodał link
2) 0 uniwersalnosci w tym co robisz... Nie mozna zrobic czegos takiego?
Kod
functio setOpacity(val, id)
{
if(document.getElementById(id))
{
document.getElementById(id).style.opacity=val/10;
document.getElementById(id).style.filter='alpha(opacity='+(val*10)+')';
}
}

A potem dawac tylko
Kod
setOpacity(5,'menu');
Go to the top of the page
+Quote Post
bim2
post
Post #5





Grupa: Zarejestrowani
Postów: 1 873
Pomógł: 152
Dołączył: 9.04.2006
Skąd: Berlin

Ostrzeżenie: (0%)
-----

Dżizas...

http://fnin.eu - tutaj jakoś to działa ;/ Podejrzyj sobie źródło strony
Go to the top of the page
+Quote Post
piotrooo89
post
Post #6


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
czego bym nie zrobił nie chce pod IE zaskoczyć :/ pod fx i na googlach wszystko chodzi super... wookieb twój sposób nie chce zadziałać. może ktoś ma jakieś inne propozycje?
Go to the top of the page
+Quote Post
wookieb
post
Post #7





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Podaj L.I.N.K...
Go to the top of the page
+Quote Post
piotrooo89
post
Post #8


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
nie podam bo mam to na localu... więc nie bardzo będzie jak... a nie mam dostępu do servera aktualnie.
Go to the top of the page
+Quote Post
wookieb
post
Post #9





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Jezeli nie includujesz zadnych skryptow w plikach to wklej kod tutaj. Inaczej spakuj, wrzuc gdzies i daj do sciagniecia.
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 11:13
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn