erweiterter Neoplastizismus

Von Valentim Hammer haben wir eine neue Version des Neoplastizismus-Javascripts (im Original von Vollautomatisch) zugeschickt bekommen.

Nun könnt ihr dabei über ein Formular alle Parameter festlegen, wie z. B. die Anzahl der Kästchen, die Breite, die Rahmenstärke und -art usw.

Viel Spass damit 🙂

<!-- präsentiert von kostenlose-javascripts.de --> <table border="0"> <tr> <td width="100%" colspan="2"><strong>Einstellungen</strong></td> </tr> <tr> <td width="50%">Länge des erstellten Feldes:</td> <td width="50%"><input type="text" name="Laenge_Feld" id="Laenge_Feld" size="4" value="10" /></td> </tr> <tr> <td width="50%">Breite des erstellten Feldes:</td> <td width="50%"><input type="text" name="Breite_Feld" id="Breite_Feld" size="4" value="10" /></td> </tr> <tr> <td width="50%">Länge der Kästchen:</td> <td width="50%"><input type="text" name="Laenge_Kaestchen" id="Laenge_Kaestchen" size="4" value="40" /></td> </tr> <tr> <td width="50%">Breite der Kästchen:</td> <td width="50%"><input type="text" name="Breite_Kaestchen" id="Breite_Kaestchen" size="4" value="40" /></td> </tr> <tr> <td width="50%">Dicke des Rahmens:</td> <td width="50%"><input type="text" name="Rahmendicke" id="Rahmendicke" size="4" value="1" /></td> </tr> <tr> <td width="50%">Art des Rahmens:</td> <td width="50%"> <select size="1" name="Rahmenart" id="Rahmenart"> <option selected value="solid">durchgezogen</option> <option value="dotted">gepunktet</option> <option value="dashed">gestrichelt</option> <option value="double">doppelt</option> <option value="groove">vertiefte Linie</option> <option value="ridge">erhabene Linie</option> <option value="inset">vertiefte Fläche</option> <option value="outset">erhabene Fläche</option> <option value="">kein Rahmen</option> </select> </td> </tr> <tr> <td width="100%" colspan="2"> Anzahl der Kästchen vor generieren anzeigen: <input type="checkbox" name="Kaestchenanzahl" id="Kaestchenanzahl" checked="checked" /></td> </tr> </table> <input type="button" value="Kästchen generieren" onclick="javascript:Start_Neo()" /> <input type="button" value="Kästchen löschen" onclick="javascript:loesche_Neo()" /> <div id="Flaeche"></div> <script type='text/javascript'> <!-- /* © Valentin Hammer Originalversion auf http://www.meinewebseite.net/supermari0 */ var laenge_Feld = 0; var breite_Feld = 0; var laenge_Kaestchen = 0; var breite_Kaestchen = 0; var rahmendicke = 0; var rahmenart = ''; var erstellte_Kaestchen = '<table border="0"><tr>'; var Kaestchenzaehler = 0; var Zeile = 0; function Start_Neo() { laenge_Feld = parseInt(document.getElementById('Laenge_Feld').value); breite_Feld = parseInt(document.getElementById('Breite_Feld').value); laenge_Kaestchen = parseInt(document.getElementById('Laenge_Kaestchen').value); breite_Kaestchen = parseInt(document.getElementById('Breite_Kaestchen').value); rahmendicke = parseInt(document.getElementById('Rahmendicke').value); rahmenart = document.getElementById('Rahmenart').value; erstellte_Kaestchen = '<table border="0"><tr>'; Kaestchenzaehler = 0; Zeile = 0; { if(document.getElementById('Kaestchenanzahl').checked==true) var generieren=confirm(laenge_Feld*breite_Feld+" Kästchen generieren?"); } { if(generieren==true) Neo(); } { if(document.getElementById('Kaestchenanzahl').checked==false) Neo(); } } function Neo() { var r1 = Math.floor(Math.random() * 16); var r2 = Math.floor(Math.random() * 16); var g1 = Math.floor(Math.random() * 16); var g2 = Math.floor(Math.random() * 16); var b1 = Math.floor(Math.random() * 16); var b2 = Math.floor(Math.random() * 16); var color = new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"); Kaestchenzaehler += 1; Zeile += 1; { if(Zeile>=breite_Feld+1) erstellte_Kaestchen += "</tr><tr>"; } { if(Zeile>=breite_Feld+1) Zeile = 1; } { if(Kaestchenzaehler<=laenge_Feld*breite_Feld) erstellte_Kaestchen += '<td><table border="0" cellspacing="0" cellpadding="0" width="'+laenge_Kaestchen+'" height="'+breite_Kaestchen+'" style="border: '+rahmendicke+' '+rahmenart+' #000000;background-color:#'+color[r1]+color[r2]+color[g1]+color[g2]+color[b1]+color[b2]+'"><tr><td> </td></tr></table></td>'; } { if(Kaestchenzaehler==laenge_Feld*breite_Feld) erstellte_Kaestchen += "</tr></table>"; } { if(Kaestchenzaehler==laenge_Feld*breite_Feld) document.getElementById('Flaeche').innerHTML = erstellte_Kaestchen; } { if(Kaestchenzaehler<=laenge_Feld*breite_Feld) Neo(); } } function loesche_Neo() { document.getElementById('Flaeche').innerHTML = ""; } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/erweiterter-neoplastizismus/" target="_blank">kostenlose-javascripts.de</a> <br /> <!-- präsentiert von kostenlose-javascripts.de -->