[SUCHE] Animierter Text (ähnlich : aufbauender Text in HP einbinden)

[da_makkus]

Hallo Leute,

Animierter Text
(Schrift die sich selber schreibt | Schreibmaschine)​

Vielen dank für Eure Antworten
lg Makkus

Lösung:

HtmlDatei:


CSS-Datei:

#t {

}

/* In die geschweifte Klammer CSS-Angaben (zum anpassen) reinschreiben*\


Rahmen: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Schrifteigenschaften: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Farben: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

 

[Broken Sword]

Hi,
wie in dem anderen Thread fehlt mit hier das Problem. Du sagst es klappt nicht und wir sollen dir helfen. Demnach kann dir also auch mit der Antwort, "Einfach reinkopieren und es klappt." geholfen werden.
Kann ich nun den Thread schließen? => Bitte ausführlicher. Was hast du gemacht und wo hakt es?
Wobei die formatierung keine JavaScript Sache ist, sondern eher CSS

Gruß
Broken Sword

 

[da_makkus]

Dieses Script habe ich bereits in mein html document integriert:



Frage:

1. Muss ich das

onLoad="f('hallo und Herzlich willkommen');">"

in den schreiben damit es funktioniert?= Wenn ja, wie kriege ich die daraus entstehende "Box" in einen
an beliebiger Stelle ? (bis jetzt steht es ja nur links oben)

2. Kann ich Schriftart / Größe / Farbe / Rahmen ändern ?

Danke

 

[Broken Sword]

1.
a) Ja oder in ein anderes Element, was onload unterstützt. Wie iframe, img, link.. etc. (mehr dazu hier: JavaScript onload Event)

b) Einfach anstatt dem textarea, div schreiben

2.
Wie gesagt, das schaffst du mit CSS. Den Sperator hast du ja schon '#t'
Dann einfach mit css-angaben bestücken
Rahmen: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Schrifteigenschaften: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Farben: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Gruß
Broken Sword

 

[da_makkus]

Ach so einfach

Vielen Dank für die Mühe!! Jetzt hab ich es genau so wie ich es wollte !
Das einzige was nicht funktioniert ist der Absatz mit \n =?


Css:

#t {
position:absolute; margin-left: 360px; margin-top: 200px; z-index:5; font-size:25px; color:#0099cc; text-align:center; width: 500px; background-color:black;
}

 

[Broken Sword]

Da es keine Textarea mehr ist, werden einfache Zeilenumbrüche nicht mehr dargestellt. Am besten ersetzt du

document.getElementById('t').innerHTML = document.getElementById('t').innerHTML+val[i];

mit

document.getElementById('t').innerHTML = document.getElementById('t').innerHTML+((val[i] == '\n')?'
':val[i]);

Dann funktioniert das auch beim div.

Gruß
Broken Sword

 

[da_makkus]

Super :]

klappt (alles)

-kann geclosed werden-

 

[Broken Sword]

-kann geclosed werden-

=> done!

Gruß
Broken Sword