Suche JS Unterstützung,

    Hallo zusammen,

    kann mir wer ein kleines JavaScript schreiben?

    Und war hätte ich gern ein Wort welches aus Anfangsbuchstaben besteht zB. OJMD.
    Wenn ich nun mit der Maus über den ersten Buchstabe fahre sollen die fehlenden Buchstaben erscheinen. zB. Oliver JMD. Verlasse ich den Buchstaben wieder mit der Maus sollen die Buchstaben wieder Verschwinden zB. OJMD. Dies soll bei allen anderen Anfangsbuchstaben auch so funktionieren.

    Habe ich das Verständlich rübergebracht? ;)

    Die Rahmenbedingung wären hier, die Buchstaben sprich Schrift würde ich gerne mit CSS weiterhin gern Formatieren können. (Schriftart, Farbe, Größe, …)

    Danke schon mal im voraus, Oli.

    in kurzform würdes so aussehen:

    Code
    <div id="1" onmouseover="this.innerHTML = 'Omega';" onmouseout="this.innerHTML = 'O';">O</div>


    dann reihst du davon einfach 4 stück aneinander und dann passt es !

    Sei immer du selbst. Außer du kannst Batman sein. Sei immer Batman!

    Klasse BendOr,

    funktioniert schon mal wie gewünscht. :)

    Eine Frage noch, wenn ich mehrere aneinanderreihe:

    Code
    <div id="1" onmouseover="this.innerHTML = 'Omega';" onmouseout="this.innerHTML = 'O';">O</div>
<div id="1" onmouseover="this.innerHTML = 'Omega';" onmouseout="this.innerHTML = 'O';">O</div>
<div id="1" onmouseover="this.innerHTML = 'Omega';" onmouseout="this.innerHTML = 'O';">O</div>
<div id="1" onmouseover="this.innerHTML = 'Omega';" onmouseout="this.innerHTML = 'O';">O</div>

    dann sieht das Ergebnis so aus:
    O
    O
    O
    O
    wie kann ich es erzwingen das er kein Zeilenumbruch macht und es so schreibt.

    OOOO

    DarkSyranus, vielen Dank für dein Angebot.

    Vielen Dank , Gruß Oli

    So hab jetzt mal ein wenig rum experimentiert.

    Code
    <span id="1" onmouseover="this.innerHTML = '[b]O[/b]<font color=#00ff00 size=2>mega</font>';" onmouseout="this.innerHTML = '[b]O[/b]';">[b]O[/b]</span>
		<span id="1" onmouseover="this.innerHTML = '[b]O[/b]<font color=#00ff00 size=2>mega</font>';" onmouseout="this.innerHTML = '[b]O[/b]';">[b]O[/b]</span>
		<span id="1" onmouseover="this.innerHTML = '[b]O[/b]<font color=#00ff00 size=2>mega</font>';" onmouseout="this.innerHTML = '[b]O[/b]';">[b]O[/b]</span>
		<span id="1" onmouseover="this.innerHTML = '[b]O[/b]<font color=#00ff00 size=2>mega</font>';" onmouseout="this.innerHTML = '[b]O[/b]';">[b]O[/b]</span>

    Und bin bis auf zwei Punkte eigentlich ganz zufrieden.

    1. Der Zeichenabstand. O O O O
    2. Mit der Schrift - Formatierung funktioniert der onmouseout nicht mehr :(