Bei dem folgenden Javascript könnt ihr einen Text eurer Wahl so verändern, dass die Größe und auch die Farbe eines jeden einzelnen Buchstaben zufällig gewählt wird.

Zu Beginn seht ihr, wie das Javascript den Text "Verrückter Text" durcheinanderwürfelt und zufällig ausgibt. Ihr könnt natürlich auch einen eigenen Text in das Textfeld eingeben und sehen, wie dieser Text dann aussieht. Wenn ihr dabei mehr als einmal auf den Button klickt, werden die Farben und Größen der einzelnen Buchstaben immer wieder neu gemischt.

Hinweis: Wenn ihr dieses Javascript auf eurer Homepage einfügen wollt, dann nehmt bitte den Code im unteren Textfeld. Wenn ihr lediglich den bunten, generierten Text auf eurer Homepage einfügen wollt, dann könnt ihr einfach den HTML-Code einfügen, der unter dem Button "Umwandeln" steht.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- function transform(passed) { value = document.getElementById('transformcode').value; valueout = ""; carrot = false; for ( i = 0; i < value.length; i++ ) { getcode = value.substring(i, i+1); if (getcode == '<') carrot = true; else if (getcode == '>') carrot = false; else if (getcode == ' ') valueout += '<span style="color: ' + randomcolor() + '; font-size: 40px;">' + getcode + '</span>' else { valueout += '<span style="color: ' + randomcolor() + '; font-size: ' + randomfont() + 'px;">' + getcode + '</span>'; } } valueout = "<strong>" + valueout + "</strong>"; document.getElementById('transformresult').value = valueout; document.getElementById('transformoutput').innerHTML = valueout; } function randomfont() { f = zufall_intervall(3, 8); return ( f * 5 ); } function zufall_intervall(a, b) { z = Math.random(); z *= (b - a + 1); z += a; return ( Math.floor( z ) ); } function randomcolor() { c = Math.floor( Math.random() * ( 17 ) ); switch ( c ) { case 0: return 'gray'; break; case 1: return 'maroon'; break; case 2: return 'purple'; break; case 3: return 'green'; break; case 4: return 'olive'; break; case 5: return 'navy'; break; case 6: return 'teal'; break; case 7: return 'silver'; break; case 8: return 'red'; break; case 9: return 'fuchsia'; break; case 10: return 'lime'; break; case 11: return 'blue'; break; case 12: return 'yellow'; break; case 13: return 'aqua'; break; case 14: return 'orange'; break; case 15: return 'brown'; break; case 16: return 'magenta'; break; default: return 'black'; } } function initTransformation() { document.write('<div id="transformoutput"></div>'); } //--> </script> <table align="center" bgcolor="#EEEEEE" cellpadding="0"> <tr> <td align="center"> Gib deinen Text hier ein:<br /> <textarea name="transformcode" id="transformcode" rows="4" cols="60"></textarea> <p> </p> <input type="button" name="button1" class="button" value="Umwandeln" onclick="transform();" /> <p>Kopiere diesen Text, um ihn auf deiner Homepage einfügen zu können:</p> <textarea name="transformresult" id="transformresult" rows="6" cols="60" onclick="this.select();this.focus();"></textarea> </td> </tr> </table> <br /> <!-- BITTE BEACHTEN: Der folgende Link darf nicht entfernt oder geändert werden --> <div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/handy-prepaid-vergleich.html" title="Prepaid Vergleich" target="_blank">Prepaid Vergleich</a></div> <br /> <script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=657"></script> <!-- präsentiert von kostenlose-javascripts.de -->