Schrift zug im Input?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
beispiel
buchstabe
code
einstellen
festlegen
genauer anschauen
http
krieg
notwendigen funktionen
quelle
schau
schnelligkeit
tag
url
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
christian1603 schrieb:
Hallo,
Wie krig ich es hin das es aussiht als würde ich schreiben als so:
http://lmgtfy.com/?q=wie+krieg+ich+es+hin+dass+es+aussieht+als+w%C3%BCrde+man+schreiben
das es mit javascript geht weiß ich aber nicht wie^^
LG
Einfach mit HTML den value tag festlegen.
Hier ein Beispiel:
<input type="text" value="ICH STEHE IM INPUT FELD">
Beitrag zuletzt geändert: 23.12.2009 13:07:11 von julian101 -
julian101 schrieb:
christian1603 schrieb:
Hallo,
Wie krig ich es hin das es aussiht als würde ich schreiben als so:
http://lmgtfy.com/?q=wie+krieg+ich+es+hin+dass+es+aussieht+als+w%C3%BCrde+man+schreiben
das es mit javascript geht weiß ich aber nicht wie^^
LG
Einfach mit HTML den value tag festlegen.
Hier ein Beispiel:
<input type="text" value="ICH STEHE IM INPUT FELD">
ja das ist dan aber sofort da ich will das es wie beim link oben jeder buchstabe nach einander kommt
LG -
Schau dir doch mal die Seite hier an:
http://www.pacmanistcool.de/404.php
Wenn du dir da nun den Quelltext anschaust, dann siehst du, wie sowas aufgebaut ist mit Javascript. Dann kannst du dir auch die dafür notwendigen Funktionen genauer anschauen. -
So, hier ein kleines Script.
DIe Schnelligkeit usw. kannst du unten einstellen.
<script type="text/javascript"> <!-- var tl=new Array( "HIER KOMMT DER TEXT REIN", ); var speed=30; var index=0; text_pos=0; var str_length=tl[0].length; var contents, row; function type_text() { contents=''; row=Math.max(0,index-7); while(row < index) { contents += tl[row++] + '\r\n'; } document.forms[0].elements[0].value = contents + tl[index].substring(0,text_pos) + "_"; if(text_pos++==str_length) { text_pos=0; index++; if(index!=tl.length) { str_length=tl[index].length; setTimeout("type_text()",1500); } } else setTimeout("type_text()",speed); } //--> </script>
Quelle
Beitrag zuletzt geändert: 23.12.2009 13:21:33 von julian101 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage