NOF-Club® Frame Generator

Der untere orange Bereich ist noch nicht aktiv; Versuche in diesem Bereich führen zu nichts!

Mit diesem Tool ist das Problem der schnellen Frameerstellung gelöst. Nachdem Sie den Quellcode kopiert haben, müssen Sie nur noch mit Ihrem Editor die Seiten 1.htm und 2.htm, die das Programm verlangt erstellen. Sie können die Dateien im Quelltext natürlich auch umbenennen in z.B. menu.htm und inhalt.htm. Wenn Sie mit der Größe der Fenster nicht zufrieden sind, müssen Sie mit den % Angaben im Quelltext etwas experimentieren. Selbstverständlich sind auch absolute Angaben wie "330" (gleich 330px) möglich. Wir wünschen Ihnen viel Spass beim Ausprobieren!

Ihr NOF-Club® Team

Und hier hätten wir wieder mal ein JavaScript, welches Ihnen beim Bau von Framesets hilft.
So wird das Beispiel eingebaut:

1. Dies ist das JavaScript samt Formular: (Bitte loeschen Sie die beiden Kommentar-Tags beim Formular) ============================================================ <SCRIPT language="Javascript"> //The variables var top="<HTML>" + "\r" + "<TITLE>Meine Homepage mit Frames</TITLE>" + "\r" +"<HEAD></HEAD>" var nf="<noframes>" + "\r" + "Sie benoetigen einen Browser, welcher Frames darstellen kann." + "\r" + "</noframes>" + "\r" + "</HTML>" var f="</frameset>" var bc="bordercolor=blue>" var MW="marginwidth=0" var MH="marginheight=0" //End of variables function framesa() { document.Framer.Fillit.value=top + "\r" + "<frameset cols=50%,* " + " " + bc + "\r" + "<frame src=1.htm" +" " + "name=One" + "\r" + "scrolling=auto" + " " + MW + " " + MH + " " + "noresize=yes>" + "\r" + "<frame src=2.htm" +" " + "name=Two" + "\r" + "scrolling=auto" + " " + MW + " " + MH + " " + "noresize=yes>" + "\r" + f + "\r" + nf } function framesb() { document.Framer.Fillit.value=top + "\r" + "<frameset rows=50%,* " + " " + bc + "\r" + "<frame src=1.htm" +" " + "name=One" + "\r" + "scrolling=auto" + " " + MW + " " + MH + " " + "noresize=yes>" + "\r" + "<frame src=2.htm" +" " + "name=Two" + "\r" + "scrolling=auto" + " " + MW + " " + MH + " " + "noresize=yes>" + "\r" + f + "\r" + nf } function framemixa() { document.Framer.Fillit.value=top + "\r" + "<frameset cols=30%,* " + bc + " " + "noresize=yes>" + "\r" + "<frame src=1.htm" + " " + "name=One" + " " + "scrolling=yes" + "\r" + MW + " " + MH + " " + "noresize=yes>" + "\r" + "<frameset rows=50%,*>" + "\r" + "<frame src=2.htm" + " " + "name=Two" + " " + MW + "\r" + MH + " " + "scrolling=yes>" + "\r" + "<frame src=3.htm" + " " + "name=Three" + " " + "scrolling=no" + "\r" + MW + " " + MH + " " + "noresize=no>" + "\r" + f + "\r" + f + "\r" + nf } function frames3v(){ document.Framer.Fillit.value=top + "\r" + "<frameset cols=33%,33%,*" + " " + bc + "\r" + "<frame src=1.htm name=One" + " " + "scrolling=auto" + "\r" + MW + " " + MH + " " + "noresize=yes>" + "\r" + "<frame src=2.htm" + " " + "name=Two" + " " + "scrolling=auto" + "\r" + MW + " " + MH + " " + "noresize=yes>" + "\r" + "<frame src=3.htm" + " " + "name=Three" + " " + "scrolling=auto" + "\r" + MW + " " + MH + " " + "noresize=yes>" + "\r" + f + "\r" + nf } function frames3h(){ document.Framer.Fillit.value=top + "\r" + "<frameset rows=33%,33%,*" + " " + bc + "\r" + "<frame src=1.htm name=One" + " " + "scrolling=auto" + "\r" + MW + " " + MH + " " + "noresize=yes>" + "\r" + "<frame src=2.htm" + " " + "name=Two" + " " + "scrolling=auto" + "\r" + MW + " " + MH + " " + "noresize=yes>" + "\r" + "<frame src=3.htm" + " " + "name=Three" + " " + "scrolling=auto" + "\r" + MW + " " + MH + " " + "noresize=yes>" + "\r" + f + "\r" + nf } function framemixb() { document.Framer.Fillit.value=top + "\r" + "<frameset cols=30%,* " + bc + " " + "noresize=yes>" + "\r" + "<frameset rows=50%,*>" + "\r" + "<frame src=1.htm" + " " + "name=One" + " " + "scrolling=no" + " " + MW + "\r" + MH + " " + "noresize=yes>" + "\r" + "<frame src=2.htm" + " " + "name=Two" + " " + MW + "\r" + MH + " " + "scrolling=yes>" + "\r" + f + "\r" + "<frameset rows=50%,*>" + "\r" + "<frame src=3.htm" + " " + "name=Three" + "\r" + "scrolling=no" +" " + MW + " " + MH + " " + "noresize=no>" + "\r" + "<frame src=4.htm" +" " + "name=Four" + " " + "scrolling=yes" + "\r" + MW + " " + MH + " " + "noresize=yes>" + "\r" + f + "\r" + f + "\r" + nf } function Copy(){ if (document.Framer.Fillit.value=="") { alert ('Das Feld ist leer. Bitte waehlen Sie ein Script aus, indem Sie auf einen der Frames-Buttons klicken.') } else { document.Framer.Pastebox.value=document.Framer.Fillit.value } } function view(){ if (document.Framer.Pastebox.value=="") { alert ('Das Feld ist leer. Bitte waehlen Sie ein Script aus, indem Sie auf den Copy/Edit-Button klicken.') return false; } else { alert('Wenn Ihnen das Resultat gefaellt, vergessen Sie nicht, die Daten in Ihren HTML-Editor zu kopieren!') boat = open ("","DisplayWindow") see = parent.document.Framer.Pastebox.value boat.document.write (see) return true; } } function Instruct(){ help = open("","helpWindow","resizable=yes,location=no,toolbar=no,directories=no,status=no,scrollbars=yes,menubar=no,width=500,height=250") help.document.write("<TITLE>Frame Builder Hilfe</TITLE>") help.document.write("<P><Center><B><bgcolor='#31319c' FONT SIZE=+0><FONT COLOR='#ffffff'>Anleitungen</FONT></FONT></B></Center></P>") help.document.write("<P><Font color="white">1. Laden Sie ein Frame-Script in das obere Feld, indem Sie auf einen der 6 Frame-Buttons mit fertigen Scripts klicken.") help.document.write("<P>2. Kopieren Sie das Script in das unter Feld mit dem <B>Copy/Edit</B>-Button. Editieren Sie das Script im unteren Feld. Bei Fehlern ist immer ein Original im oberen Feld für Vergleiche oder um es neu zu laden.</P>") help.document.write("<P><B>Editieren:</B></P>") help.document.write("<LI>Ändern Sie die Frame-Dateinamen - frame src=???.htm - auf Ihre Frame-Dateien und benennen Sie name=?? nach Ihren Wünschen.</LI>") help.document.write("<LI>Ändern Sie die Breite oder Höhe, indem Sie Cols/Rows=?% anpassen.</LI>") help.document.write("<LI>Wenn Sie noresize=yes löschen, machen Sie veränderbare Frames.</LI>") help.document.write("<LI>Das Löschen von bordercolor erzeugt graue Rahmen (Netscape defaults).</LI>") help.document.write("<LI>Ändern Sie bordercolor nach border=no bewirkt unsichtbare Rahmen zwischen den Frames.</LI>") help.document.write("<LI>Sie können scrolling=??? auf auto oder yes ändern. Das bewirkt, daß die Frames gescrollt werden können.</LI>") help.document.write("<P>3. Wenn Sie Ihre Änderungen im unteren Feld gemacht haben, klicken Sie auf <b>Ansehen</b> um die Frames in einem neuen Fenster anzuzeigen.</P>") help.document.write("<P>4. Schließen Sie das neue Fenster um weiterzuarbeiten.</P>") help.document.write("<P>5. Wenn Sie vollkommen zufrieden sind, kopieren Sie das untere Feld in Ihren HTML-Editor. <B>Speichern Sie die neue datei dan als *.htm.</B></P>") help.document.write("<P><CENTER><FORM><INPUT TYPE='button' VALUE='OK - Fenster schließen' onClick='window.close()'></CENTER></FORM></P>") help.document.bgColor=('blue') help.document.close() } </SCRIPT> <!-- Bitte loeschen Sie diesen Kommentar-Tag <DT><FORM Name="Framer"></DT> <TABLE BORDER="1" align="center"> <TR> <TD> <DT><INPUT Type=button Value="2 Vertical" onClick="framesa()"></DT> <DT><INPUT Type=button Value="3 Vertical" onClick="frames3v()"></DT> <DT><INPUT Type=button Value="2 Horizontal" onClick="framesb()"></DT> <DT><INPUT Type=button Value="3 Horizontal" onClick="frames3h()"></DT> <DT><INPUT Type=button Value="3 Mixed" onClick="framemixa()"></DT> <DT><INPUT Type=button Value="4 Mixed" onClick="framemixb()"></DT> </TD> <TD VALIGN=TOP> <DT><TEXTAREA Name=Fillit COLS="56" ROWS="6">

© 2004 NOF-Club® GbR