Freesoft-Board  

Zurück   Freesoft-Board > How To > Java & JavaScript


Java & JavaScript [SUCHE] Animierter Text (ähnlich : aufbauender Text in HP einbinden) im How To Forum; Hallo Leute, Animierter Text (Schrift die sich selber schreibt | Schreibmaschine) Vielen dank für Eure Antworten lg Makkus Lösung: HtmlDatei: ...

Thema geschlossen
 
LinkBack Themen-Optionen
Alt 27.01.2009, 16:28   #1 (Permalink)
Stammuser
 
Benutzerbild von da_makkus
 

Registriert seit: Nov 2006
Alter: 12
Beiträge: 554
Standard [SUCHE] Animierter Text (ähnlich : aufbauender Text in HP einbinden)

Hallo Leute,

Animierter Text
(Schrift die sich selber schreibt | Schreibmaschine)
Vielen dank für Eure Antworten
lg Makkus

Lösung:

HtmlDatei:

Zitat:
<script>
function f(valu){
val = valu
i = 0;
inv = window.setInterval(function (){
document.getElementById('t').innerHTML = document.getElementById('t').innerHTML+((val[i] == '\n')?'<br />':val[i]); <-- erzeugt Absatz im Text
i++;
if(i==val.length) {window.clearInterval(inv);}
},140);// <--- Geschwindigkeit in Millisekunden
}
</script>

<body onload="f('Hallo und Herzlich Willkommen\n auf der Internetseite des ***********\n des *******\n\n Euer ********-Team');"></body>

<div id="t"></div>
</body>
CSS-Datei:


Geändert von da_makkus (28.01.2009 um 21:55 Uhr) Grund: Lösung
da_makkus ist offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Diesen Beitrag zu Wong hinzufügen!Diesen Beitrag zu Yahoo hinzufügen!Diesen Beitrag zu Live hinzufügen!Diesen Beitrag zu Google hinzufügen!
Alt 27.01.2009, 18:39   #2 (Permalink)
Moderator
 
Benutzerbild von Broken Sword
 

Registriert seit: Nov 2006
Ort: Swamphell
Alter: 23
Beiträge: 2.595
Standard

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
Broken Sword ist offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Diesen Beitrag zu Wong hinzufügen!Diesen Beitrag zu Yahoo hinzufügen!Diesen Beitrag zu Live hinzufügen!Diesen Beitrag zu Google hinzufügen!
Alt 27.01.2009, 19:39   #3 (Permalink)
Stammuser
Themenstarter Themenstarter  
 
Benutzerbild von da_makkus
 

Registriert seit: Nov 2006
Alter: 12
Beiträge: 554
Standard

Dieses Script habe ich bereits in mein html document integriert:

Zitat:
<script>
function f(valu){
val = valu
i = 0;
inv = window.setInterval(function (){
document.getElementById('t').innerHTML = document.getElementById('t').innerHTML+val[i];
i++;
if(i==val.length) {window.clearInterval(inv);}
},200);//<---hier kannst du die geschwindigkeit in ms eintragen
}
</script>
<body onLoad="f('hallo und Herzlich willkommen');"><textarea id="t"></textarea></body>

Frage:


1. Muss ich das
Zitat:
onLoad="f('hallo und Herzlich willkommen');"><textarea id="t"></textarea>"
in den <body> schreiben damit es funktioniert?= Wenn ja, wie kriege ich die daraus entstehende "Box" in einen <div> an beliebiger Stelle ? (bis jetzt steht es ja nur links oben)

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

Danke
__________________

(¯`•.¸.¤ Bitte lest bevor ihr mir schreibt ¤.¸.•´¯)
(¯`•.¸.¤ Bitte lest nochmal bevor ihr mir schreibt ¤.¸.•´¯)

(¯`•.¸.¤ --> Danke <-- ¤.¸.•´¯)
da_makkus ist offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Diesen Beitrag zu Wong hinzufügen!Diesen Beitrag zu Yahoo hinzufügen!Diesen Beitrag zu Live hinzufügen!Diesen Beitrag zu Google hinzufügen!
Alt 27.01.2009, 19:51   #4 (Permalink)
Moderator
 
Benutzerbild von Broken Sword
 

Registriert seit: Nov 2006
Ort: Swamphell
Alter: 23
Beiträge: 2.595
Standard

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
Broken Sword ist offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Diesen Beitrag zu Wong hinzufügen!Diesen Beitrag zu Yahoo hinzufügen!Diesen Beitrag zu Live hinzufügen!Diesen Beitrag zu Google hinzufügen!
Alt 27.01.2009, 21:03   #5 (Permalink)
Stammuser
Themenstarter Themenstarter  
 
Benutzerbild von da_makkus
 

Registriert seit: Nov 2006
Alter: 12
Beiträge: 554
Standard

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 =?

Zitat:
<script>
function f(valu){
val = valu
i = 0;
inv = window.setInterval(function (){
document.getElementById('t').innerHTML = document.getElementById('t').innerHTML+val[i];
i++;
if(i==val.length) {window.clearInterval(inv);}
},140);//<---geschwindigkeit in ms
}
</script>

<body class="bg" onload="f('Hallo und Herzlich Willkommen\n Hallo und Herzlich Willkommen');"></body>

<div id="t"></div>
Css:
Zitat:
#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;
}
da_makkus ist offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Diesen Beitrag zu Wong hinzufügen!Diesen Beitrag zu Yahoo hinzufügen!Diesen Beitrag zu Live hinzufügen!Diesen Beitrag zu Google hinzufügen!
Alt 28.01.2009, 07:56   #6 (Permalink)
Moderator
 
Benutzerbild von Broken Sword
 

Registriert seit: Nov 2006
Ort: Swamphell
Alter: 23
Beiträge: 2.595
Standard

Da es keine Textarea mehr ist, werden einfache Zeilenumbrüche nicht mehr dargestellt. Am besten ersetzt du
Code:
document.getElementById('t').innerHTML = document.getElementById('t').innerHTML+val[i];
mit
Code:
document.getElementById('t').innerHTML = document.getElementById('t').innerHTML+((val[i] == '\n')?'<br />':val[i]);
Dann funktioniert das auch beim div.

Gruß
Broken Sword
Broken Sword ist offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Diesen Beitrag zu Wong hinzufügen!Diesen Beitrag zu Yahoo hinzufügen!Diesen Beitrag zu Live hinzufügen!Diesen Beitrag zu Google hinzufügen!
Alt 28.01.2009, 18:10   #7 (Permalink)
Stammuser
Themenstarter Themenstarter  
 
Benutzerbild von da_makkus
 

Registriert seit: Nov 2006
Alter: 12
Beiträge: 554
Standard

Super :]

klappt (alles)

-kann geclosed werden-
da_makkus ist offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Diesen Beitrag zu Wong hinzufügen!Diesen Beitrag zu Yahoo hinzufügen!Diesen Beitrag zu Live hinzufügen!Diesen Beitrag zu Google hinzufügen!
Alt 29.01.2009, 13:48   #8 (Permalink)
Moderator
 
Benutzerbild von Broken Sword
 

Registriert seit: Nov 2006
Ort: Swamphell
Alter: 23
Beiträge: 2.595
Standard

Zitat:
Zitat von da_makkus Beitrag anzeigen
-kann geclosed werden-
=> done!

Gruß
Broken Sword
Broken Sword ist offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Diesen Beitrag zu Wong hinzufügen!Diesen Beitrag zu Yahoo hinzufügen!Diesen Beitrag zu Live hinzufügen!Diesen Beitrag zu Google hinzufügen!
Thema geschlossen
  

Stichworte
animierter, aufbauender, einbinden

Themen-Optionen

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Geschlossen [SUCHE] aufbauender Text in HP einbinden Kosmoskill Java & JavaScript 7 05.01.2009 19:01
Frage Mailanhänge/ Verteiler in Text einbinden Siggi S. Software Talk 0 23.10.2008 09:34
Photoshop Schweif in Text, und Text verschwindet?? Raider WebDesign 7 27.06.2007 12:46
suche script text tauschen(wie gif) zerberus Java & JavaScript 10 15.07.2005 09:49


Alle Zeitangaben in WEZ +1. Es ist jetzt 16:50 Uhr.


Angetrieben von Thor + Odin

Eine Verwendung der Inhalte in anderen Publikationen, auch auszugsweise,
ist ohne ausdrückliche Zustimmung der Autoren nicht gestattet.

Seite wurde generiert in 0,16101 Sekunden mit 9 Queries