Postupne vypisovanie

Programovacie jazyky, rady, poradňa...
x0_0x
Light Star
Light Star
Príspevky: 210
Registrovaný: 05 mar 2008, 21:18
Bydlisko: 127.0.0.1[localhost]
Kontaktovať používateľa:

Postupne vypisovanie

Príspevok od používateľa x0_0x »

Takze chcem spravit aby sa pismenka v slove postupne vypisovali na obrazovku. Akoze vypise "a" pocka par milisekund a vypise "b". Netusim ako to spravit.
Moze to byt v php alebo js alebo hocico co facha na webe
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

Musíš to urobiť pomocou JS.
http://www.permadi.com/tutorial/jsTypewriter/index.html
http://vbarsan.com/typewriterticker.htm
http://dhtmldev.com/examples/js/typewriter_effect/
(a mnoho ďalších stránok, ktoré určite nájdeš, keď použiješ Google)
Mek
Addict
Addict
Používateľov profilový obrázok
Príspevky: 4661
Registrovaný: 23 mar 2005, 23:00
Bydlisko: ZA <-> TN
Kontaktovať používateľa:

Príspevok od používateľa Mek »

ano, JS je na to najvhodnejsie... ale slo by to aj cez PHP, to by bolo velmi, take riesenie, ako "skrabat sa pravou rukou za lavym uchom" :idea:
refr0
Star
Star
Príspevky: 521
Registrovaný: 26 nov 2005, 10:55
Bydlisko: Trenčín
Kontaktovať používateľa:

Príspevok od používateľa refr0 »

Mek napísal:ano, JS je na to najvhodnejsie... ale slo by to aj cez PHP, to by bolo velmi, take riesenie, ako "skrabat sa pravou rukou za lavym uchom" :idea:
mas nieco proti ? ja sa tak tiez skrabem :D
jurko.info
Medium Expert
Medium Expert
Príspevky: 108
Registrovaný: 22 nov 2006, 0:16
Kontaktovať používateľa:

cez php

Príspevok od používateľa jurko.info »

šlo by to robiť cez PHP
tak to by bola prasárna najhrubšieho zrna, šak s každým tým písmenom by musel byť kontaktovaný server, to je de facto blbosť

jednoznačne javascript (poprípade nejaká java, flash, animGif)

na nete som teraz našiel napr. toto

Kód: Vybrať všetko

<form name="news">
<textarea name="news2" cols=40 rows=4 wrap=virtual></textarea>
</form>

<script language=JavaScript>

//Typing Text (DHTML) v1 (Sunday, April 15th, 2001)
//Programmed by: Haitham M. Al-Beik
//Email: [email protected]
//Visit http://javascriptkit.com for this script

var newsText = new Array();
newsText[0] = "Typing Text JScript v1\nDeveloped on Sunday, April 15th, 2001...";
newsText[1] = "This is a text-typing DHTML demo. \nScript featured on http://javascriptkit.com";
newsText[2] = "Make sure you read the comments before you configure the script...";
newsText[3] = "Programmed by: Haitham Al-Beik...\n\nCopyright (c) Haitham M. Al-Beik, 2001";
newsText[4] = "http://www.prosheet.com/DHTML/typetext.htm"

var ttloop = 1;    // Repeat forever? (1 = True; 0 = False)
var tspeed = 50;   // Typing speed in milliseconds (larger number = slower)
var tdelay = 1000; // Time delay between newsTexts in milliseconds

// ------------- NO EDITING AFTER THIS LINE ------------- \\
var dwAText, cnews=0, eline=0, cchar=0, mxText;

function doNews() {
  mxText = newsText.length - 1;
  dwAText = newsText[cnews];
  setTimeout("addChar()",1000)
}
function addNews() {
  cnews += 1;
  if (cnews <= mxText) {
    dwAText = newsText[cnews];
    if (dwAText.length != 0) {
      document.news.news2.value = "";
      eline = 0;
      setTimeout("addChar()",tspeed)
    }
  }
}
function addChar() {
  if (eline!=1) {
    if (cchar != dwAText.length) {
      nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);
      document.news.news2.value = nmttxt;
      cchar += 1;
      if (cchar != dwAText.length) document.news.news2.value += "_";
    } else {
      cchar = 0;
      eline = 1;
    }
    if (mxText==cnews && eline!=0 && ttloop!=0) {
      cnews = 0; setTimeout("addNews()",tdelay);
    } else setTimeout("addChar()",tspeed);
  } else {
    setTimeout("addNews()",tdelay)
  }
}

doNews()
</script>

<p><font face="arial" size="1">This free script provided by</font><br>
<a href="http://javascriptkit.com"><font face="arial,helvetica" size="1">JavaScript Kit</font></a></p>
[/quote]
Mek
Addict
Addict
Používateľov profilový obrázok
Príspevky: 4661
Registrovaný: 23 mar 2005, 23:00
Bydlisko: ZA <-> TN
Kontaktovať používateľa:

Re: cez php

Príspevok od používateľa Mek »

jurko.info napísal:tak to by bola prasárna najhrubšieho zrna, šak s každým tým písmenom by musel byť kontaktovaný server, to je de facto blbosť
no, nie prave to som mal na mysli, akurat vypis po pismenku a za kazdym pismenkom flush() :D
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

Pomocou php (bez JS) sa také niečo ani urobiť nedá. Síce by sa mohli písmená posielať postupne, ale prehliadač by čakal, kým stiahne kompletnú stránku a až potom by to zobrazil.
jurko.info
Medium Expert
Medium Expert
Príspevky: 108
Registrovaný: 22 nov 2006, 0:16
Kontaktovať používateľa:

Príspevok od používateľa jurko.info »

jurko.info napísal:

Kód: Vybrať všetko

tak to by bola prasárna najhrubšieho zrna, šak s každým tým písmenom by musel byť kontaktovaný server, to je de facto blbosť
no, nie prave to som mal na mysli, akurat vypis po pismenku a za kazdym pismenkom flush() Very Happy
postupné uvoľňovanie bufferu síce v intervaloch tie písmenká posiela, ale, ako napísal Chrono, samotný browser by to tak asi nevykresľoval

rozhodne to riešiť len na strane klienta, najlepšie javascriptom (najlepšie je aj tak od animácie upustiť)
Napísať odpoveď