Chat beillesztése honlapba


Chat beszúrására egy honlapba több módszer is van, de most csak egyet fogok bemutatni ami viszont tényleg egyszerű, max pár perc alatt megvan.

Először is szükséged lesz egy blogdreams.com -os regisztrációra (magyar nyelvű blogrendszer) és létre kell hozni egy blogot (ha bármely lépésnél elakadnál – ami nem valószínű mert elég egyszerű – ne habozz fellapozni a súgóját ;) ). Erre azért van szükséged mert a blogdreams.com egyik szolgáltatását fogjuk beilleszteni a saját honlapunkba.

Tehát most ott tartunk, hogy van egy blogod, melynek jobb oldalán találsz egy “Start Chat” linket. A linkre kattintva indíthatod el blogod chat-jét, mely flash alapú és a hagyományos írással történő beszélgetésen kívül a bent lévők akár egymás videókamerájának képét is nézhetik (magyarán videóchatről van szó). A kamera használata nem kötelező, sőt kamerával sem kell rendelkezni, anélkül is menni fog (csak nem lesz kép :P).

Tehát megvan a blog, bekapcsoltad a chat-t és online vagy, eddig minden frankó. Most jön az a lépés hogy ezt a szolgáltatást a saját lapodba is beépítsd…

Van egy rövid, mindössze 1 soros javascript kód melyet be kell másolnod a honlapod forráskódjába (oda, ahol a gombot majd meg akarod jeleníttetni). Mivel a cucc javascriptes, így menni fog akár statikus HTML oldalak vagy akár dinamikus oldalakkal is.

Az 1 sor tartalmát lehet módosítani és ezzel befolyásolni, hogy a gombok (offline és online gomb) hogy jelenjenek meg, egyeltalán megjelenjenek-e és ha igen, akkor azok milyenek legyenek. Amiket be lehet állítani:

  • alapértelmezett offline és online gomb használata
  • saját offline és online gomb használata
  • inaktív chat esetében offline gomb megjelenítése
  • inaktív chat esetében offline gomb elrejtése (gyakorlatilag csak akkor látszódik bármi is a lapodon, ha tényleg online vagy egyébként rejtve marad a funkció)

Az alapértelmezett 1 sor amit be kell illesztened (és melyet variálhatsz hogy a fentieket elérd):

<script src="http://harder.blogdreams.hu/online.php?show_offline=yes" type="text/javascript"></script>

A sorban szereplő harder.blogdreams.com -t persze át kell írni a saját blogod nevére.

Amit csinál a kód: inaktív chat esetében kitesz egy szürke “offline chat” gombot, mely aktív kapcsolat esetében egy színes “online chat” gombra változik. Mindkét gomb alapértelmezett.

Ha nem szeretnéd, hogy offline chat esetében bármi is szerepeljen a lapodon, megelégszel azzal hogy “online” állapot esetében jelenik megy egy gomb, akkor a scriptet az alábbiak szerint módosítsd (a yes-t át kell írni no-ra)

<script src="http://harder.blogdreams.hu/online.php?show_offline=no" type="text/javascript"></script>

Amennyiben saját gombokat szeretnél kitenni a lapodra, a kódot így módosítsd:

<script src="http://harder.blogdreams.hu/online.php?show_offline=yes&online_gomb=http://gomb.eleresi.utvonala/offkepneve.jpg&offline_gomb=http://gomb.eleresi.utvonala/onkepneve.jpg" type="text/javascript"></script>

Magyarázat:
A megfelelő helyekre írd be a 2 saját gomb teljes elérési útvonalát.

Kb ennyi lenne amit le lehet írni ezzel kapcsolatban, ha nem megy vmi, nyugodtan lehet kérdezni (de tudom hogy úgyis menni fog :P)

Kapcsolódó bejegyzések:
  • Bár jómagam egyik szolgáltatást sem használtam, viszont elég sok felhasználót érinthet a docler.hu és a docler.hu videó chat bezárása, hisz évek alatt sokan hasz …

  • Használtam már korábban is ilyen cuccot és nagyon hasznosnak bizonyult. A lényege, hogy úgy lehet egy a neten látható (csak annak, aki a linket tudja) szövegszer …

  • Ha a lapodon flash van és szeretnéd, hogy egy dhtml vagy javascript menü felette jelenjen meg, használd az alábbi kódot (a wmode transparent a megoldás)…

  • Felmerült egy kérdésként, hogy lehetne egy login oldal tartalmánál (belépési név és jelszót kell megadni) jelezni a felhasználók számára azt, hogy melyik mező mi …

  • Ha arra a kérdésre keresed te is a választ, hogy hogyan lehet egy Facebook share gombot kitenni a honlapra a legegyszerűbb módon, akkor jó helyen jársz.A …

A cikket beküldte: Harder (http://blog.harder.hu)

6 hozzászólás

  1. Anacrool says:

    Most először keztem el weboldalt szerkeszteni és a chet rész kifogott rajtam remélem ez tökéletesen müszeni foh.

  2. reka says:

    nah odáig eljutottam h megcsináltam a csoportom,de nemtom mien kódot kell beírni és hova:S kezdek idegösszeroppanást kapni vagy agyvérzést vagy nemtom,nah mindegy ez nermlényeg jólenne ha valaki segítene…..

  3. Predator47 says:

    Üdv!

    Látom a leírás dátumát, sajnos már azt hiszem nem időtálló, a Blogdreams.com ahogy néztem eladó lett :)

  4. Krista says:

    Sziasztok egy chatet szeretnék az oldimra. Olyat amihet nemkell újratöltés de nekem ez a xates nemvált be és mivel még nemértek nagyon php-hez ehez kérném a segítségeteket ha valaki ingyen elválalja akkor szóljon!

    előre is köszönet Üdv:kristóf

  5. Bence says:

    Itt: h__p://php.resourceindex.com/Complete_Scripts/Chat/ vannak kódot is tartalmazók. Elsőre ezt találtam.

  6. Ildi says:

    Üdv!

    Hogyan tudok beilleszteni cChat-et,Skype-ot,Msn-t webáruházba? Köszönöm a válaszokat. Üdv:Ildi

Szólj hozzá
a Chat beillesztése honlapba c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>