javascript typewriter skripta...

nixa · 06. 02. 2007.

u flashu mozes da to uradis na milion nacina ....

dootzky · 06. 02. 2007.

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...

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.

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.

zaboravio sam da napišem, pogledaj i css osobinu white-space, kako ne bi morao da koristiš <br /> i   već \n i razmak(\s)

ivanhoe · 06. 02. 2007.

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.

extra!

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

@ 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

JovanT · 06. 02. 2007.

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

dootzky · 13. 02. 2007.

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

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

hvala vam jos jednom,
poz,
dootzky

06. 02. 2007.	#1
nixa Nikola Denić Sir Write-a-Lot Datum učlanjenja: 18.05.2005 Lokacija: Beograd Poruke: 3.694 Hvala: 160 458 "Hvala" u 164 poruka	u flashu mozes da to uradis na milion nacina .... __________________ Do not ask yourself what the world needs. Ask yourself what makes you come alive, and then go do that. Because what the world needs is people who have come alive

06. 02. 2007.	#4
Br@nkoR banned Professional Datum učlanjenja: 04.06.2005 Poruke: 371 Hvala: 0 738 "Hvala" u 83 poruka	zaboravio sam da napišem, pogledaj i css osobinu white-space, kako ne bi morao da koristiš <br /> i   već \n i razmak(\s) __________________ Don't look at me; I'm lost too. “If you can't dazzle them with brilliance, baffle them with buls*t.”

06. 02. 2007.	#5
ivanhoe Ivan Dilber Sir Write-a-Lot Datum učlanjenja: 18.10.2005 Lokacija: Bgd Poruke: 5.320 Hvala: 104 2.344 "Hvala" u 583 poruka	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.. __________________ Leadership is the art of getting people to want to do what you know must be done.

13. 02. 2007.	#8
dootzky profesionalac Professional Datum učlanjenja: 11.10.2006 Lokacija: beograd, srbija Poruke: 271 Hvala: 32 10 "Hvala" u 7 poruka	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 programer i treba da ima programerski sajt, i nije mi bitno da je user-friendly hvala vam jos jednom, poz, dootzky

Alati teme
Pogledajte verziju za štampanje Pošaljite email-om ovu stranu
Način prikaza
Prebacite u linearni prikaz Hibridni prikaz Prebacite u prikaz po temama

06. 02. 2007.	#7
JovanT profesionalac Qualified Datum učlanjenja: 11.01.2006 Lokacija: Niš Poruke: 100 Hvala: 66 11 "Hvala" u 9 poruka	@ivanhoe Вероватно то није то али ево нечег сличног: http://ihome.ust.hk/~eegyh/ganux/

Slične teme
Tema	Početna poruka teme	Forum	Odgovori	Poslednja poruka
TV Program Skripta	djole1989	Web design, Layout, User Interface	4	30. 08. 2008. 22:42
PHP video skripta	Filip_B	Web aplikacije, web servisi i software	0	13. 04. 2008. 09:41
Upload php skripta	Ministar	Sva početnička pitanja	22	19. 02. 2008. 08:32
ROI tracking PHP skripta	Mr.Paja	PHP	1	24. 12. 2007. 02:11
Download skripta	Bojan Zivanovic	PHP	8	17. 01. 2006. 23:21