Forum PHP.pl > [JS] Wywołanie rotowanych wiadomości przez klik

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JS] Wywołanie rotowanych wiadomości przez klik

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

kapitan kloss

19.09.2008, 10:26:17

Witajcie,
zrobiłem sobie rotujące wiadomości, których treść obierana jest z tablicy i wyświetlana co określony czas na ekranie. Działa.
Na górze strony wyświetlają się numery poszczególnych wiadomości. Chciałbym aby po kliknięciu na jeden z numerków wyświetliła się wskazana wiadomość. W końcu nikt nie chce czekać długo na wiadomość znajdującą się na końcu.
Dziękuje za pomoc, bo nie wiem jak to zrobić.

[HTML] pobierz, plaintext 
<div id="tutaj"></div> // tu wyświetlam efekt działania funkcji.
 
function napis() {
   document.getElementById("tutaj").innerHTML = txt[nr];
   var info = '';
   var pausa = " | ";
   for (x=0; x<txt.length; x++) {
      if (x==0) {
	info = info+"<span class='txtCzarny11'>"+(x+1)+"</span>"; // wyświetlają się numerek 1
      } else {
	info = info+pausa+"<span class='txtCzarny11'>"+(x+1)+"</span>"; // przed kazdym kolejnym wyswietla sie kreska, 1 | 2 | itd
      }
   }
   document.getElementById("znacznik").innerHTML = info;
   nr++;
   if (nr>=txt.length) nr=0;
      setTimeout("napis()",20000);
   }
   napis();
[HTML] pobierz, plaintext

Jak pokazać konkretny news po kliknięciu na jego numer?

webcitrn

19.09.2008, 11:19:34

Kod

<div id="tutaj"></div>

function$(id) { return document.getElementById(id); }

function napis() {
  $("tutaj").innerHTML = txt[nr];
  var info = '';
  var pausa = " | ";
  for (x=0; x<txt.length; x++) {
    if (x>0)
       info+=pausa;
    info += '<span class=\'txtCzarny11\' onclick=\'javascript:GetMsg("'+x+'");\' id=\'f_'+x+'\'>'+(x+1)+'</span>';
  }

  $("znacznik").innerHTML = info;
  nr++;
  if (nr>=txt.length) nr=0;
  setTimeout("napis()",20000);
}
function GetMsg(x) {
  $('f_'+x).innerHTML=(x+1)+'<br />'+txt[x];
}
napis();

Nie jestem pewien czy dobrze Cię zrozumiałem ale chyba chodzi o coś takiego. Nie sprawdzane, pisane z palca, nie wiem skąd wziłąęś w tym skrypcie tablicę txt, nie dbałem o zgodność np z IE, chcę tylko przekazać ideę

kapitan kloss

19.09.2008, 19:13:04

Wielkie dzięki. Generalnie o to chodziło, choć dzieje się coś dziwnego co ja ze swoją świadomością JS pojąć nie umiem.
Pojawiają się wiadomości na które kliknęliśmy ale bez kasowania pozostalych. Numerki też wariują. Ogólny pieprznik, choć zamysł działa.
Masz może pomysł jak to trochę ogarnąć?

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.