Info Who's online

Snacker · Napísal **Snacker**: 20.07.2009 16:42

Zdravim vsetkych,
Na mojom webe by som chcel spravit nieco take aby uzivatela informovalo kto z jeho priatelov sa prave prihlasil. Tuto informaciu by som chcel podat uzivatelovi nie tak 'drasticky' ze ti zacne vyblikovat nieco a pokial na to nekliknes tak ti to stale vyblikuje a ked mas 100 priatelov tak po chvilke ta to prestane bavit (na to klikat) a ostane to ako rusivy element ale nieco odlahcenejsie. Predstavujem si nieco take ako ma napr. skype kde sa ti v rohu dole vysunie roletka a po par sekundach zmizne. Viem ze asi real-time bude problem.
V JS len zacinam a tak to beriem ako dobru sancu sa nieco priucit, no potreboval by som aby ma skusenejsi dostali na tu spravnu cesticku ako by som nieco take mohol vyprodukovat, popripade strucny postup, uskalia atd.

Dakujem pekne

emer · Napísal **emer**: 20.07.2009 21:40

Čo teraz chceš? Iba ako spraviť ten blok, kde bude informácia? Alebo aj php riešenie?

vyskúšaj si toto napríklad (teraz narýchlo robené, možno je aj lepšie riešenie, ale tiež sa moc do JS nevyznám)

Kód:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <title>Status</title>
  <style>
    #status{width: 150px; height: 100px; border: 1px solid black; position:absolute; bottom: 0px; right: 20px; display:none;padding:5px}
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
  var timeout = 3000; //3 sekundy
  $(document).ready(function(){
    $("#load").click(function(){
      $.get("online.php", function(data){
        online(data);
      });
    });
  });
  function online(who){
    $("#status").text(who + " je online :)");
    $("#status").slideToggle("slow");
    setTimeout("$('#status').slideToggle('slow')",timeout);
  }
  </script>
  </head>
  <body>
    <a href="#" id="load">loadni</a>
    <div id="status">
    </div>
  </body>
</html>

dal som tam online.php, kde budeš kontrolovať, či sa dakto prihlásil. pre skusku si tam mozes dat napr.

online.php

Kód:

<?php
$kto = array('Mirko', 'Ferko', 'Julia', 'Jozko', 'Adka', 'Ivuška');
echo $kto[rand(0,5)];
?>

teraz akciu vyvolas po kliknuti na "loadni", ale mozes tam dat timeout napr. na kazdych 5 sekund, ench kontroluje ci dakto prisiel

Snacker · Napísal autor témy **Snacker**: 20.07.2009 22:07

Perfektne, necakal som ze to ide celkom lahko, presne takto nejak som si to predstavoval. Ostatne veci mi nebude problem doladit len chcel by som sa ta spytat ako by to mohlo byt tiesene aby sa to zobrazovalo real-time

dakujem velmi pekne

emer · Napísal **emer**: 20.07.2009 22:16

Kód:

<script>
  var timeout = 3000; //3 sekundy
  var kontrolujtimeout = 7000; //kazdych 7 sekund skotrolujeme stav
  $(document).ready(function(){
      kontroluj();
  });
  function kontroluj(){
    $.get("online.php", function(data){
        if(data != ''){
          online(data);
        }
      });
      setTimeout("kontroluj()",kontrolujtimeout);
  }
  function online(who){
    $("#status").text(who + " je online :)");
    $("#status").slideToggle("slow");
    setTimeout("$('#status').slideToggle('slow')",timeout);
  }
  </script>

ak nikto nepride online, das tam

Kód:

echo '';

alebo proste bez vypisu a vtedy nevyskoci okienko

Snacker · Napísal autor témy **Snacker**: 20.07.2009 22:18

diki moc

emer · Napísal **emer**: 20.07.2009 22:21

nie je zac,
samozrejme, je to len tak narychlo zrejme najjednoduchsie spravene.. ak chces daco sexi premakane, vygoogli, hraj sa alebo poziadaj dakoho skuseneho...

na nejake efekty si mozes pozriet dokumentaciu http://docs.jquery.com/Main_Page

Snacker · Napísal autor témy **Snacker**: 22.07.2009 13:33

Este by som sa chcel spytat jednu vec, nechcem zakladat novu temu tak to hodim tu.
Pozeral som si http://docs.jquery.com/ a nasiel som tam pekny efekt ktory by sa mi hodil na moj web.

Kód:

  <script>
  $(document).ready(function(){
    
    $("button").click(function () {
      $("p").toggle("slow");

    });

  });
  </script>

Problem je v tom, ze potrebujem taketo efekty dat 3 na jednu stranku uplne nezavisle aby sa zobrazovali a zaroven aby nevznikali medzi nimi konflikty. Skusal som button1, button2, p1 ,p2 ale pochopila to len Opera a Firefox. Nemate nejaky tip?

Dakujem

emer · Napísal **emer**: 22.07.2009 13:50

im daj nejake id...

Kód:

$("#idbuttonu").click(function () { 
      $("p#idodstavcunarozbalenie").toggle("slow"); 

    });

Snacker · Napísal autor témy **Snacker**: 22.07.2009 14:03

Ak im pridam nejake ID tak prestane cele ist

emer · Napísal **emer**: 22.07.2009 15:37

daj link, pozrieme sa na to

Snacker · Napísal autor témy **Snacker**: 22.07.2009 16:57

Nemam este doledenu bezpecnost na mojom projekte a aj tak by sa ti tam velmi tazko zorientovalo, tak som vytvoril zdrojak cisto iba s tym co by som potreboval.
Zjednodusenu ukazku som uploadol na webzdarma.cz atu je ku tomu zdrojak

Je to len na hruho urobene. Potrebujem vlastne 2 buttony (jeden ku menu a druhy ku mestu) a slajdne sa vzdy len ta cast ktoru som chcel upravit teda bud meno alebo mesto.
Skusal som vela sposobov no nejak mi to nejde s tym ID taksomto tam nedal.

Mozno som ti viac ozrejmil situaciu

Dakujem

Info Who's online

Podobné témy