Pełna wersja: Unofficial modifications

**mrjeremiasz** Wysłany: Pią 20 Kwi, 2007

Zobacze, mo?e te? wykorzystam u siebie.

**Demon Hunter** Wysłany: Sob 21 Kwi, 2007

no to zobaczmy czy jest to co? warte ;)

**pichus** Wysłany: Nie 22 Kwi, 2007

Kiedy by? ostatni update skryptu? :)

**na3** Wysłany: Nie 22 Kwi, 2007

Knofel

Przyda?aby si? poprawka moda tak, aby by? zgodny z W3C.
Chodzi mi o znacznik "marquee", kt?ry niewchodzi w sk?ad specyfikacji.

**KnofeL** Wysłany: Pon 23 Kwi, 2007

CytatPrzyda?aby si? poprawka moda tak, aby by? zgodny z W3C.
Chodzi mi o znacznik marquee, kt?ry niewchodzi w sk?ad specyfikacji.

Szczerze m?wi?c to nie ma dla mnie znacznie czy jest to zgodne z jakimikolwiek specyfikacjami do p?ki dzia?a jak nale?y (lub klient rzyczy sobie inaczej :D) no ale je?li trzeba to zmieni?, tylko nie znam ?adnego odpowiednika dla tego, mo?na by napisa? jaki? skrypt w JS ale to nie moja dzia?ka (je?li kto? ma lub m?g?by taki skrypt napisa? prosz? o kontakt ;) )

**vic** Wysłany: Pon 23 Kwi, 2007

mod fajny moze sobie zainstaluje

**ewikor** Wysłany: Wto 24 Kwi, 2007

Ciekawa modyfikacja widzia?am u KnofeLa, i bardzo mi si? podoba

**na3** Wysłany: Wto 24 Kwi, 2007

KnofeL napisał/aCytatPrzyda?aby si? poprawka moda tak, aby by? zgodny z W3C.
Chodzi mi o znacznik marquee, kt?ry niewchodzi w sk?ad specyfikacji.

Szczerze m?wi?c to nie ma dla mnie znacznie czy jest to zgodne z jakimikolwiek specyfikacjami do p?ki dzia?a jak nale?y (lub klient rzyczy sobie inaczej :D) no ale je?li trzeba to zmieni?, tylko nie znam ?adnego odpowiednika dla tego, mo?na by napisa? jaki? skrypt w JS ale to nie moja dzia?ka (je?li kto? ma lub m?g?by taki skrypt napisa? prosz? o kontakt ;) )

Ale zale?y Ci, aby Twoje ?wietne dzie?o, by?o dost?pne dla wszystkich ;)

Pomog?, to skrytp alternatywny, kt?ry mo?naby by?o zastosowa?.

Skrypt w?a?ciwy, kt?ry najlepiej umie?ci? w sekcji head:
Kod<script type="text/javascript">
// Marquee script written by blue
// licensed under Creative Common license
// http://creativecommons.org/licenses/by-sa/2.5/pl/
function marquee(x,typ,m){
typ={
'up':[-1,'top','offsetHeight'],
'down':[1,'top','offsetHeight'],
'left':[-1,'left','offsetWidth'],
'right':[1,'left','offsetWidth']
}[typ];
((m=this).mOut=document.getElementById(x)).onmouseover=function(){clearTimeout(m.t)};
m.mOut.appendChild((m.mIn=m.mOut.childNodes)[0].cloneNode(1));
m.mOut.onmouseout=function(){m.turlaj(m.i,parseInt(m.mIn[0].style[typ[1]]))};
m.mOut=m.mIn[0][typ[2]];

m.turlaj=function(i,j){
if(!m.i)m.i=i;
m.mIn[0].style[typ[1]]=(-2*i*(j+=i)<(i-1)*m.mOut?(j=(-i-1)/2*m.mOut+i):j)+'px';
m.mIn[1].style[typ[1]]=j+m.mOut+'px';
m.t=setTimeout(function(){m.turlaj(i,j)},30)
}
m.turlaj(typ[0],0)
}
</script>

Pod koniec 21 linijki widnieje liczba 30. Jest to ilo?? milisekund, co kt?re nast?puje kolejny skok. Zwi?kszaj?c wi?c t? warto?? spowolnisz przewijanie, za? zmniejszaj?c przyspieszysz.

Kod html do wstawienia w dowolnym miejscu na stronie (brak znak?w ko?ca linii za i przed wewn?trznym div'em jest celowy i nie radz? tego zmienia?):

Kod<div id="id_przewijaczki" style="position: relative; width: 200px; height: 160px; overflow: hidden;"><div style="position: absolute;">
<img src="http://forumweb.e-vip.pl/templates/phpbbSilver/images/logo.jpg" />
</div></div>

Oczywi?cie mo?na (a nawet zaleca si?) style okre?li? w arkuszu, ale te, kt?re s? zadeklarowane obecnie musz? si? tam znale??. Nale?y w nich ustawi? jedynie warto?ci wymiar?w i identyfikatora. Polecam r?wnie? ustawi? wymiary wewn?trznego div'a, je?eli b?dziemy inicjowa? przewijanie wewn?trz dokumentu, a nie przy pomocy onload. No w?a?nie, marquee uruchamiamy tworz?c nowy obiekt w JavaScript:

Kodnew marquee('id_przewijaczki','up')

(pierwszy argument to, jak wida?, identyfikator zewn?trznego div'a z kodu powy?ej, a drugi to kierunek, w kt?rym ma by? przewijana jego zawarto?? - up, down, left albo right)
Najlepiej wywo?a? to przy pomocy zdarzenia onload (szczeg?lnie, je?eli w przewijaczce b?d? jakie? grafiki), a kod umie?ci? w head:

Kod<script type="text/javascript"
onl=window.onload||new Function;
onload=function(){
new marquee('id_przewijaczki','up')
}
</script>

(Oczywi?cie nic nie stoi na przeszkodzie, aby zawarto?? tego <script> dopisa? na ko?cu poprzedniego)

Je?eli jednak zale?y Ci na rozpocz?ciu przewijania zaraz po pojawieniu si? marquee na stronie, mo?esz wklei? kod zaraz za naszymi divami:
Kod<div id="id_przewijaczki" style="position: relative; width: 200px; height: 160px; overflow: hidden;"><div style="position: absolute; width: 220; height: 160">
<img src="http://forumweb.e-vip.pl/templates/phpbbSilver/images/logo.jpg" />
</div></div>
<script type="text/javascript">
new marquee('id_przewijaczki')
</script>

Zwracam tutaj uwag? na wymiary, kt?re pojawi?y si? dla wewn?trznego div'a, a o kt?rych wspomina?em wy?ej. Nie s? one konieczne, ale zalecane, je?eli maj? si? w nim pojawi? jakie? obrazki, b?d? d?ugi tekst, kt?rego zawini?cie nie by?oby po??dane.

Skrypt jest pomy?lany tak, ?eby mo?na by?o umie?ci? kilka podobnych przewijaczek na stronie. Wystarczy skopiowa? kod div'?w w interesuj?ce Ci? miejsca (ustawiwszy oczywi?cie dla ka?dego odpowiednie wymiary i unikalne id) i utworzy? nowe obiekty marquee.

Kodnew marquee('pierwszy_marquee','up')
new marquee('drugi_marquee','down')
new marquee('trzecia_przewijaczka','left')

Przyk?ad

Niejestem autorem, znalaz?em to na pewnym forum i chc? doda? do tego moda, aby uzyska? zgodno?? z W3C.

:)

**karalajna3** Wysłany: Sro 02 Maj, 2007

sprawdz? czy pasuje do mojego :D

// edit

nie dzia?a mi...
sprawdzi kto? gdzie pope?ni?am b??d? :cry:

**Taifun** Wysłany: Czw 03 Maj, 2007

mam to samo na czystym php i podobna mechanika tego jest. pozdro

**mamrotnik** Wysłany: Sob 05 Maj, 2007

super modzik wielkie dzi?ki

**Mefi** Wysłany: Wto 15 Maj, 2007

Super.

**evolucja** Wysłany: Wto 15 Maj, 2007

Bezsens, ?e trzeba odpowiada? by zobaczy? instrukcje...

**KnofeL** Wysłany: Wto 15 Maj, 2007

evolucja napisał/aBezsens, ?e trzeba odpowiada? by zobaczy? instrukcje...

Mo?esz te? wp?aci? kase na moje konto, skoro zwyk?e podzi?kowanie to dla Ciebie bezsens

**evolucja** Wysłany: Wto 15 Maj, 2007

KnofeL napisał/a evolucja napisał/aBezsens, ?e trzeba odpowiada? by zobaczy? instrukcje...

Mo?esz te? wp?aci? kase na moje konto, skoro zwyk?e podzi?kowanie to dla Ciebie bezsens

Nie b?d? sie k??ci? ale czy dla ciebie odpisanie na temat to podzi?kowanie? Nie lepiej: "Podzi?kuj w tym temacie by zobaczy? skrypt"?

A.. i numer konta i dane poprosze...