Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Scroll na dole ekranu
lectric
post
Post #1





Grupa: Zarejestrowani
Postów: 167
Pomógł: 1
Dołączył: 22.08.2006
Skąd: universe

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

Widzialem gdzies kiedys na stronie taki fajny pasek na samym dole okna przegladarki po calej dlugosci gdzie byl scrollowany jakis tekst. Na podobienstwo wygladu i dzialania paskow w tv np. notowania gieldowe.
Czy ktos moglby mnie naprowadzic jak to ugryzc ?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Olimpia_ona
post
Post #2





Grupa: Zarejestrowani
Postów: 71
Pomógł: 2
Dołączył: 10.03.2005
Skąd: Elbląg

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

Witam, chciałabym odświeżyć ten temat, gdyż również poszukuje takiego mechanizmu przewijającego się paska.
Podglądnełam nawet kod na stronie na której takie coś ładnie działa. Kod wygląda mniej więcej tak:
[HTML] pobierz, plaintext 
  1. <HEAD>
  2. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  3. <!--[if lt IE 7]>
  4.         <style type="text/css">
  5. 			#scrltppp {display:none;}
  6.         </style>
  7. <![endif]-->
  8. ....
  9. </head>
  10. ....
  11. <div id="scrltppp" style="clear:both;background:url(themes/default/gfx/pasek_pczer.gif);font:bold 11px tahoma;padding:5px;color:#fff;position:fixed;bottom:0px;left:0px;right:0px;overf
    low:hidden;"    >
  12.      <div id="scrl_news" style="overflow:visible;white-space:nowrap;position:relative;">
  13.           UWAGA KIEROWCY! NA DROGACH JEST BARDZO ŚLISKO. APELUJEMY O ZACHOWANIE WYJĄTKOWEJ OSTROŻNOŚCI.         |        
  14.           <span id="ostlop"> </span>
  15.      </div>
  16. </div>
  17.  
  18. <script>
  19.         var ostlogo=document.getElementById('ostlop').offsetLeft;
  20.         coss = document.getElementById('scrl_news').scrollWidth;
  21.         cosst =  0 - ostlogo;
  22.         document.getElementById('scrl_news').style.left=coss /2 + 'px';
  23.         var tick=1;
  24.         function news_ticker(){ var lee=parseInt(document.getElementById('scrl_news').style.left);
  25.         document.getElementById('scrl_news').style.left = lee - 1  + 'px';
  26.  
  27.         if(lee == cosst)
  28.         { document.getElementById('scrl_news').style.left=coss + 'px'; }
  29.  
  30.         if(tick==4){tick=0;} tick++; } setInterval("news_ticker();",20);
  31. </script>
[HTML] pobierz, plaintext


ten skrypt działa, lecz tylko pod Mozilla Firefox jest ładnie zawsze na dole okna przeglądarki, pod IE7 ten pasek jest pod tekstem, czyli jak tekst jest długi to go nie widać (pokazuje się po przewinięciu strony na sam dół).

Na stronie na której podejżałem ten kod działa dobrze pod każdą przeglądarką. Czego jeszcze w tym kodzie brakuje, by skrypt działał prawidłowo?

źródło skryptu to: http://www.elblag24.pl/
Go to the top of the page
+Quote Post

Posty w temacie
- lectric   Scroll na dole ekranu   5.04.2007, 14:23:39
- - devnul   javascript/css position relative(nie dziala na ie6...   5.04.2007, 15:20:06
- - lectric   dzieki, jest ok. tylko teraz nie wiem co zrobic ab...   5.04.2007, 23:37:02
- - devnul   jeśli korzystasz z position:relative to dajesz np ...   6.04.2007, 00:07:54
- - Olimpia_ona   Witam, chciałabym odświeżyć ten temat, gdyż równie...   11.02.2009, 09:41:42
- - kazag   position: fixed; bottom:0px; i z-index:100; ? Wte...   11.02.2009, 11:07:01
- - Olimpia_ona   Dodałam w tym pierwszym div z-index:100 [HTML] po...   17.03.2009, 08:23:35

« Następny starszy · Po stronie przeglądarki · 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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