Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [ AJAX ] Samoczynnie zmieniające się newsy
Kamil Jura
post
Post #1





Grupa: Zarejestrowani
Postów: 65
Pomógł: 2
Dołączył: 28.01.2009
Skąd: Opole

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

Witam serdecznie.

Szukałem już w internecie czegoś takiego, jednak nie wiedziałem dokładnie pod jaką frazą mam szukać - nie znalazłem.

Z JS jestem kiepski, z technologią AJAX mam mało wspólnego.




Proszę o pomoc w następującej sprawie. Każdy chyba widział jak sobie latają newsy np. na Wirtualnej Polsce. ( te 4 newsy w jednym boxie co się zmieniają same ). Jeśli ktoś nie widział, to polecam zobaczyć (IMG:style_emoticons/default/smile.gif)

Chciałbym umieścić na swojej stronie coś takiego, jednak nie potrafię tego napisać. Jeśli ktoś może podesłać gotowy kod, albo naprowadzić na jakieś wskazówki, lub ew. ktoś znalazł w internecie takie rozwiązanie, to byłbym bardzo wdzięczny jeśli ta osoba będzie w stanie mi pomóc.




Z Góry dziekuję i pozdrawiam

Kamil Jura
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
lukasz_os
post
Post #2





Grupa: Zarejestrowani
Postów: 203
Pomógł: 55
Dołączył: 23.11.2008
Skąd: UKF

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

Możesz do tego wykorzystać bibliotekę jQuery.

Cały kod powinien wyglądać mniej więcej tak:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3. <html>
  4. <head>
  5. <title>TEST SLIDERA</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
  7. <meta name="author" content="lukasz_os" >
  8. <script type="text/javascript" src="jquery.js"></script>
  9. <script type="text/javascript">
  10. function rotate(){
  11.     last=$("#container .news").index($('.news:last')[0]);
  12.     ind=$("#container .news").index($('.news:visible')[0]);
  13.     $('.news').eq(ind).hide();
  14.     if(ind==last){
  15.     ind="0";
  16.     }
  17.     else
  18.     {
  19.     ind++;
  20.     }    
  21.     $('.news').eq(ind).show();
  22. }
  23.     $().ready(function(){
  24.         $('#container .news:first').show();
  25.         setInterval("rotate()",2000);
  26.     });
  27.     </script>
  28.     <style type="text/css">
  29. * {
  30.     margin:0;
  31.     padding:0;
  32. }
  33. body {
  34.     background:#ffffff;
  35.     color:#000;
  36. }
  37. .news {
  38.     width:300px;
  39.     height:200px;
  40.     border:1px solid #000;
  41.     display:none;
  42. }
  43. #container {
  44.     margin:20px;
  45.     width:302px;
  46.     height:202px;
  47. }
  48.     </style>
  49. </head>
  50.  
  51. <body>
  52.     <div id="container">
  53.         <div class="news">
  54.             div 1
  55.         </div>
  56.         <div class="news">
  57.             div 2
  58.         </div>
  59.         <div class="news">
  60.             div 3
  61.         </div>
  62.         <div class="news">
  63.             div 4
  64.         </div>
  65.     </div>
  66. </body>
  67. </html>
[HTML] pobierz, plaintext


Testowane i działa (IMG:style_emoticons/default/smile.gif) W razie jakichkolwiek pytań pisz (IMG:style_emoticons/default/smile.gif)

Pozdrawiam.

Ten post edytował lukasz_os 17.12.2009, 23:40:01
Go to the top of the page
+Quote Post

Posty w temacie
- Kamil Jura   [ AJAX ] Samoczynnie zmieniające się newsy   16.12.2009, 21:02:43
- - lukasz_os   Nie napiszę całego kodu bo to trochę by zajęło. Pr...   16.12.2009, 23:23:49
- - Kamil Jura   Kod HTML to wiem jaki musi być. Nie wiem jak napis...   17.12.2009, 16:21:45
- - lukasz_os   Możesz do tego wykorzystać bibliotekę jQuery. Cał...   17.12.2009, 23:38:43
- - Kamil Jura   A jak do tego dopisać zmiane tego newsa po kliknie...   20.12.2009, 19:32:37
- - misiek08   A ściągnąłeś bibliotekę jQuery do tego samego kata...   20.12.2009, 21:21:24
- - Kamil Jura   O kurde ... heeh przepraszam ... ja nie zauważyłem...   20.12.2009, 22:52:12

« Następny starszy · XML, AJAX · 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: 7.10.2025 - 11:29
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn