DevProTalk

DevProTalk (http://www.devprotalk.com/index.php)
-   (X)HTML, JavaScript, DHTML, XML, CSS (http://www.devprotalk.com/forumdisplay.php?f=8)
-   -   javascript typewriter skripta... (http://www.devprotalk.com/showthread.php?t=2383)

dootzky 06. 02. 2007. 14:34
javascript typewriter skripta...
 
yo all :)

da li neko zna JS za efekat pisace masine (dakle: typewriter), gde slova idu onako jedna za drugim, kao u filmovima gde je neki "space station project", i onda se dole ispisuju zelena slova:
"Location: Mars
Year: 2105 ....", i to se prosto zove typewriter text effect, cenim.

ja sam googlovao dosta, nasao sam:
1) besplatnu skriptu, ali dosta traljavu, i onda kada sa njom recimo ispisujem <BR> ili &nbsp; ili tako nesto, on ispise bukvalno karakter po karakter, i onda kada ispise i poslednji karakter od <BR >, tek onda browser shvati da je to zapravo html, i onda prelomi red ili lupi space. to je uzasno. :D

2) skripte koje se placaju, neke u JS, neke u Javi, neke u flashu, i sve su tipa po 30-50$ (a necu da kradem i krekujem...)

3) nista vise...?

ovaj moj specifican zahtev je da se napravi tipa kao mali monitor na sajtu, i da se na njemu ispise welcome poruka, u nekoliko redova, odredjenom bojom i sl, a IDEALNO bi bilo kada bi mogao i zvuk da se cuje, nesto kao: "taka-taka-taka... blip blip.. taka taka...", znaci kao iz filmova!! :D

znam da je to previse sto trazim, ali ovo je forum za profesionalnce, zar ne? :1064:

pa gde drugde da pitam ako ne ovde. ;)

koje je resenje, po vama, najbolje, a da moze da se izvede to?

poz,
dootzky

nixa 06. 02. 2007. 14:40
u flashu mozes da to uradis na milion nacina ....

dootzky 06. 02. 2007. 14:47
hm ok, da...

ali sta ako bih zeleo da taj "monitor" ucinim interaktivnim...?
u smislu da mogu da ukucam komandu, tipa: "clear", i da se ekran ocisti, i da mi blinkce i dalje prazan kursor na tom mestu? ili komanda "ls", i da mi on kao pokaze sadrzaj tog "foldera", ili stagod -> pazi -> u pitanju je zezancija, znaci nije to ni terminal ni OS, treba mi simple interakcija...

zato sam i pitao da li postoji jos neki nacin.. :) hvala za savet za flash, ali -> ja to zamisljam ovako:

- imam jedan <DIV>, a njegova pozadina je "ekran" tog monitora.
- imam JS (ili nesto drugo), koja ispisuje sadrzaj teksta u taj ekran (tj. taj DIV)
- i imam dole jedno polje, koje ima transparent background, i izgleda kao deo "monitora", a kada ga grunes, u tom DIVu se, opet, pokazuje neki drugi tekst :)

a da ne bi bilo submitovanja stranice, sa celom tom formom i sve, mislio sam da probam da implementiram nekakvo AJAX resenje, ali to ce biti avantura za sebe...

cisto me zanima kako biste to vi ljudi resili... :1064:

znaci ideja mi je:
- monitor
- da se tekst ispisuje slovo po slovo, sa potencijalnim zvukovima (typewriter)
- da u isti taj "ekran" moze da se ukucava komanda, koja ce interaktivno da reaguje sa tim ekranom, i ispisuje sledeci sadrzaj...

vec sam uradio "do pola", mogu kasnije veceras da okacim to online, da vidite ideju, ali tu mi fali skipta koja ne bi ispisivala "&nbsp", pa onda i ";" i tek onda to postane space, znaci typewriter skripta koja vec ume da interpretira HTML tagove i sl.

+ nemam taj ajax modul, probacu sam da ga napisem, ali trebace mi vremena, cenim, jer nisam do sada probao ajax (tj. probao sam, nekih pola sata, i batalio jer mi vreme nije tada dozvoljavalo :P)

thx anyway za ideju,
poz,
d :)

Br@nkoR 06. 02. 2007. 21:08
Previše mi je dosadno, pa htedoh da isprobam ovo, možda posluži kao ideja, znači ništa posebno:
Kôd:
<html>
<head>
<title>test</title>
<script>

var i = 0, w, t;

function read_c() {
  tw('C:\&gt;dir c:<br /><br />&nbsp;Volume in drive C has no label<br />&nbsp;Volume Serial Number is 000-000<br />&nbsp;Directory of C:\<br /><br />DIR1 &lt;dir&gt; 00-00-00 00:00 dir1<br />DIR2 &lt;dir&gt; 00-00-00 00:00 dir2<br />&nbsp;&nbsp;&nbsp;0 file(s)&nbsp;&nbsp;0 bytes<br />&nbsp;&nbsp;&nbsp;2 dir(s)&nbsp;&nbsp;0 bytes free');
}
function tw(testString) {
  if(t) return false;
  w = testString.match(/<[^>]+>|&[^;]+;|.{1}/img);
  t = setInterval('add()', 100);
}

function add() {
  var a = '';
  var b = w;
  var d = document.getElementById('test');
  for(j = 0; j < b.length; j++) {
    a += b[j];
    if(j == i) break;
  }
  d.innerHTML = a;
  if(i != (w.length - 1)) d.innerHTML += '_';
  i++;
  if(typeof w[i] == 'undefined') {
    clearInterval(t);
    t = null;
    i = 0;
  }
}
</script>

</head>
<body>

<a href="#" onclick="tw('aak <strong>kl</strong> kl <br /> asdf &nbsp; ddf <i>gd</i>'); return false;">test start</a>
<form onsubmit="read_c();return false;"><input type="submit" value="dir c:"/></form>
<div id="test"></div>

</body>
</html>

Br@nkoR 06. 02. 2007. 21:26
zaboravio sam da napišem, pogledaj i css osobinu white-space, kako ne bi morao da koristiš <br /> i &nbsp; već \n i razmak(\s)

ivanhoe 06. 02. 2007. 21:53
postojala je na webmonkey.com takva "virtuelna linux konzola" koju je jedan od likova iz te ekipa pisao u javascriptu ( i to pre nekih 10-tak godina :) ), samo ne znam da li to jos ima tamo, posto ih je lycos ugasio, pa pokrenuo ponovo... potrazi..

dootzky 06. 02. 2007. 23:30
extra!

br@nkore, tastatura ti se pozlatila! bas sam TO trazio! :D

@ ivanhoe:
- probao sam da guglujem malo, ali obizrom da je ovo perfektno resenje -> no comment.

sada cu probati da vidim da na svako slovo ubacim i onaj karakteristicni zvuk kao u filmovima, i onda cu ovde da vam dam link na svoj sajt, da vidite krajnji efekat!

hvala momcovi,
vrh pomoc,
poz,
dootzky :1042:

JovanT 06. 02. 2007. 23:33
@ivanhoe
Вероватно то није то али ево нечег сличног: http://ihome.ust.hk/~eegyh/ganux/

dootzky 13. 02. 2007. 07:39
Uspelo Je!! :)
 
jeste malo potrajalo, cimao sam se izmedju jos 2 posla, ali bitno je da je i moj sajt konacno redizajniran!! :))

hvala vam svima za pomoc, i iskoristio sam sve sto sam mogao iz ovog thread-a, a evo rezultata:

http://www.dootzky.com

to je dakle samo moja licna prezentacija, ko se ne bude snasao -> bedak ;) :1074: :1064:

programer i treba da ima programerski sajt, i nije mi bitno da je user-friendly :1074:

hvala vam jos jednom,
poz,
dootzky


Vreme je GMT +2. Trenutno vreme je 00:27.

Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.

Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.
Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.