Code: Alles auswählen
// Ersetzt den Link http://nfanaticsnclan.nf.funpic.de/Chat/ mit dem Link des Ordners oder der Seite
// wo eure Hintergrundbilder hochgeladen sind.
// Alle Bilder müssen im selben Ordner bzw. Seite sein
function bgimage(bgCol) {
document.body.style.backgroundImage = "url(http://nfanaticsnclan.nf.funpic.de/Chat/"+bgCol+")";
document.body.style.backgroundPosition = "center center";
document.body.style.backgroundAttachment = "scroll";
document.body.style.backgroundRepeat = "repeat";
}
// Das sind die Namen der Buttons
var bgNames = ["Normal","Party","Stripe 1","Stripe 2","Pergament"];
// Das sind die Namen der Bilddateien MIT Endung
// In den ersten zwei Klammern darf nichts verändert werden!
var bgCol = [" ","party.gif","stripes1.gif","stripes2.gif","Butterbier.jpg"];
// Hier nichts ändern!
bgAll="";
for(g=0;g<bgNames.length;g++)
{bgAll+="<input type='button' value='"+bgNames[g]+"' onclick='parent.mainframe.bgimage(\""+bgCol[g]+"\")' />"; }
// Ersetzt den Link http://nfanaticsnclan.nf.funpic.de/Chat/red_x.gif mit dem Link von eurem X
// (oder mit dem Bild was ihr nehmen wollt)
center5=parent.info.document.getElementsByTagName("center")[0];
if (!parent.info.document.getElementById("bgButtons"))
{center5.innerHTML += "<span id='bgButtons'>" + bgAll + "<a href='javascript:void(0);'><img src='http://nfanaticsnclan.nf.funpic.de/Chat/red_x.gif' onclick='document.getElementById(\"bgButtons\").style.display=\"none\"' border='0' /></a></span>";}
else {
parent.info.document.getElementById("bgButtons").style.display = 'inline';
}
Code: Alles auswählen
// EXTRA und MUSIK Version 4.3.1
// Gemacht von M.E.R.255 (bzw. Argh)
// Inspiriert aus dem "Anklickbare Smilies im Eingabeframe (von 1. FC Keller)" Skript.
// Bei Fragen zu diesem Skript, seht euch den Thread zu diesem Skript an
// http://www.webkicks.de/forum/individuelle-entwicklungen-anpassungen-erweiterung-f13/button-ins-eingabeframe-t19871.html
// Die letzten 3 Zeilen sind aus 1. FC Keller's Skript, und ohne den Teil, hätte es diese Datei nie gegeben,
// --NAME UND STYLE-- //
//Hier bestimmt ihr die Namen von den Optionen und Musik Player, und dessen style.
//EXTRA NAME
var extraName= "Extra";
//EXTRA STYLE
var extraStyle= "style=\"color:#0f0; font-weight:bold\"";
//MUSIK NAME
var musicName= "Musik";
//MUSIK STYLE
var musicStyle= "style=\"color:#fff; font-weight:bold\"";
//DROP-DOWN-LISTE (LISTE DER LIEDER) STYLE
var dropDownListStyle= "style='margin:0 5px 0 5px; width:130px'";
// --LINK ZUM ORDNER-- //
//Ersetzt den Link mit den eures Ordners, wo euere ganzen Bilder drinnen sind.
var folder = "http://star.bplaced.net/Bowsercode/";
// --DATEI VON ROTEN X--//
//Ersetzt den Dateinamen, mit dem Dateinamens von eurem X (oder was immer ihr nehmen wollt um die Buttons zu schliessen).
var closingImage = "red_x.gif";
// --DATEI VOM HINTERGRUNDBILD VON BUTTON--//
//Ersetzt den Dateinamen, mit dem Dateinamen von dem Hintergrundbild eurem Buttons.
var buttonImage = "bgbox.png";
// --MUSIK KATEGORIEN-- //
//Ihr könnt hier Bilder, Buttons, oder was auch immer wollt hier für den Musik-Kategorien-Button nehmen wollt,
//lasst aber den anchor Tag <a> in Ruhe.
var openCategory = "<a href='javascript:void(0)' onclick='parent.mainframe.musicThere()'><b>Kategorien</b></a>";
// --AUSSEHEN VON DEN BUTTONS-- //
//Gib den style von den Button an.
//Man könnte alle Button mit <input> oder <button> erstellen, nur ich finde dass es leichter mit <a> weil man das besser stylen kann.
//background-color und backgroundColor sind Hintergrundfarbe, und border bzw. border-top sind die Farben vom Rand.
var buttonStyle = "style=\"text-decoration:none; font-weight:normal; padding:0 3px 0 3px; margin: 0 1px 0 0; background-color:#800; border:1px #300 solid; border-top:1px #800 solid; color:white; display:inline-block; background-image:url(" + folder + buttonImage + ")\"";
buttonStyle += " onmouseover=\"this.style.backgroundColor='#c00'; this.style.textDecoration='none'\"";
buttonStyle += " onmouseout=\"this.style.backgroundColor='#800'\"";
// --ANCHOR ODER BUTTON-- //
//Hier könnt ihr festlegen, ob alle Buttons anchor oder buttons sind (der erste Tag darf am Ende kein > haben)
//Ich würde an eurer Stelle es aber so lassen.
var aOrButtonStart = "<a href='javascript:void(0)'";
var aOrButtonEnd ="</a>";
// --ZENTRIER TEIL-- //
//Hier sorge ich dafür, dass in Musik der MusikPlayer immer zentriert bleibt.
var invisibleButtons = "style='visibility:hidden;'";
// -- FUNCTIONS -- //
// HAUPT-FUNKTIONEN //
//Extra
function extra(){
AddButtonsOrMusic = parent.info.document.getElementById("AddButtonsOrMusic");
AddButtonsOrMusic.innerHTML = "<b"+"r />" + extraButtons + "<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.hideItAll()' border='0' /></a>";
}
//Musik
function music(){
AddButtonsOrMusic = parent.info.document.getElementById("AddButtonsOrMusic");
musicInsert = parent.info.document.getElementById("musicInsert");
musicInsert.innerHTML = "";
AddButtonsOrMusic.innerHTML = "<b"+"r />" + musicPlayer + "<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.hideItAll()' border='0' /></a><span id='centerIt' "+invisibleButtons+"></span>";
}
// SCHLIESS FUNKTION (ROTES X) //
function hideItAll(){
AddButtonsOrMusic = parent.info.document.getElementById("AddButtonsOrMusic");
AddButtonsOrMusic.innerHTML = "";
}
// FUNKTIONEN DER BUTTONS
//Buttons die sich öffnen wenn man auf einen Button klickt (wie Farben, Bilder 1...) und deren Funktionen.
//Momentan sind alle Buttons so eingestellt, dass wenn man aufs X (oder was immer ihr nehmt damit sich die Buttons schließen) klickt,
//kommt man zurück zur Auswahl. Um das zu ändern, ersetzt extra() mit hideItAll() .
//Anzeige der Buttons von Farben
function bgColorButtonsDisplay(){
AddButtonsOrMusic = parent.info.document.getElementById("AddButtonsOrMusic");
AddButtonsOrMusic.innerHTML = "<b"+"r />" + bgColorButtons + "<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.extra()' border='0' /></a>";
}
//Funktion von Farben
function bgColors(bgColor) {
document.body.style.backgroundColor = bgColor;
}
//Anzeige der Buttons von Bilder 1
function bgImageButtons1Display(){
AddButtonsOrMusic = parent.info.document.getElementById("AddButtonsOrMusic");
AddButtonsOrMusic.innerHTML = "<b"+"r />" + bgImageButtons1 + "<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.extra()' border='0' /></a>";
}
//Funktion von Bilder 1
function bgImages1(bgImage1){
document.body.style.backgroundImage = "url("+ folder + bgImage1 + ")";
document.body.style.backgroundPosition = "center center";
document.body.style.backgroundAttachment = "fixed";
document.body.style.backgroundRepeat = "no-repeat";
}
//Anzeige der Buttons von Bilder 2
function bgImageButtons2Display(){
AddButtonsOrMusic = parent.info.document.getElementById("AddButtonsOrMusic");
AddButtonsOrMusic.innerHTML = "<b" + "r />"+bgImageButtons2+"<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.extra()' border='0' /></a>";
}
//Funktion von Bilder 2
function bgImages2(bgImage2) {
document.body.style.backgroundImage = "url("+ folder + bgImage2 +")";
document.body.style.backgroundPosition = "center center";
document.body.style.backgroundAttachment = "scroll";
document.body.style.backgroundRepeat = "repeat";
}
//Anzeige der Buttons von Schrift 1
function fontColorButtonsDisplay(){
AddButtonsOrMusic = parent.info.document.getElementById("AddButtonsOrMusic");
AddButtonsOrMusic.innerHTML = "<b"+"r />"+fontColorButtons+"<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.extra()' border='0' /></a>";
}
//Funktionen von Schrift 1
function fontColors(fontColor) {
parent.info.document.eingabe.message.value+=' <font color='+fontColor+'>';
parent.info.document.eingabe.message.focus();
return false;
}
//Anzeige der Buttons von Schrift 2
function htmlCodeButtonsDisplay(){
AddButtonsOrMusic = parent.info.document.getElementById("AddButtonsOrMusic");
AddButtonsOrMusic.innerHTML = "<b"+"r />"+htmlCodeButtons+"<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.extra()' border='0' /></a>";
}
//Funktion von Schrift 2
function htmlCodes(htmlCode) {
parent.info.document.eingabe.message.value+='<'+htmlCode+'>';
parent.info.document.eingabe.message.focus();
return false;
}
//Anzeige der Smilies von Smilies
function smileyDisplay(){
AddButtonsOrMusic = parent.info.document.getElementById("AddButtonsOrMusic");
AddButtonsOrMusic.innerHTML = "<b"+"r />"+smilies+"<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.extra()' border='0' /></a>";
}
//Funktion die Musik startet
function musicPlay(){
musicInsert = parent.info.document.getElementById("musicInsert");
musicValue = parent.info.document.getElementById("music").value;
musicInsert.innerHTML = "<object width='0' height='0'><param name='movie' value='http://www.youtube.com/" + musicValue + "&hl=en&fs=1&rel=0&autoplay=1'></param><param name='allowFullScreen' value='true'></param><param name='allowscriptaccess' value='always'></param>"
musicInsert.innerHTML += "<embed src='http://www.youtube.com/" + musicValue + "&autoplay=1' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='0' height='0'></embed></object>";
}
//Funktion die die Musik mit nichts ersetzt (stoppt)
function musicStop(){
musicInsert = parent.info.document.getElementById("musicInsert");
musicInsert.innerHTML = "";
}
//Funktion die Kategorien öffnet
function musicThere(){
hmm = parent.info.document.getElementById("hmm");
centerIt = parent.info.document.getElementById("centerIt");
hmm.innerHTML ="<span " + invisibleButtons + ">" + openCategory + "</span>" + musicButtons + "<a href=\"javascript:void(0)\" onclick=\"javascript:parent.mainframe.musicGone()\"><img src='" + folder + closingImage + "' style='border:none'></a>";
centerIt.innerHTML = musicButtons+"<a href=\"javascript:void(0)\" onclick=\"javascript:parent.mainframe.musicGone()\"><img src='" + folder + closingImage + "' style='border:none'></a>";
}
//Funktion die Kategorien schließt.
function musicGone(){
hmm = parent.info.document.getElementById("hmm");
centerIt = parent.info.document.getElementById("centerIt");
hmm.innerHTML = openCategory;
centerIt.innerHTML = "";
}
// --MUSIK BUTTONS -- //
//Anfang
//Lieder von Album 1
function music1(){
musicSelection = parent.info.document.getElementById("musicSelection");
musicSelection.innerHTML = "<select id='music' " + dropDownListStyle + ">" + musicButton1 + "</select>";
}
//Lieder von Album 2
function music2(){
musicSelection = parent.info.document.getElementById("musicSelection");
musicSelection.innerHTML = "<select id='music' " + dropDownListStyle + ">" + musicButton2 + "</select>";
}
//Lieder von Album 3
function music3(){
musicSelection = parent.info.document.getElementById("musicSelection");
musicSelection.innerHTML = "<select id='music' " + dropDownListStyle + ">" + musicButton3 + "</select>";
}
//Lieder von Album 4
function music4(){
musicSelection = parent.info.document.getElementById("musicSelection");
musicSelection.innerHTML = "<select id='music' " + dropDownListStyle + ">" + musicButton4 + "</select>";
}
//Lieder von Album 5
function music5(){
musicSelection = parent.info.document.getElementById("musicSelection");
musicSelection.innerHTML = "<select id='music' " + dropDownListStyle + ">" + musicButton5 + "</select>";
}
//Lieder von Album 6
function music6(){
musicSelection = parent.info.document.getElementById("musicSelection");
musicSelection.innerHTML = "<select id='music' " + dropDownListStyle + ">" + musicButton6 + "</select>";
}
//Lieder von Album 7
function music7(){
musicSelection = parent.info.document.getElementById("musicSelection");
musicSelection.innerHTML = "<select id='music' " + dropDownListStyle + ">" + musicButton7 + "</select>";
}
//Lieder von Album 8
function music8(){
musicSelection = parent.info.document.getElementById("musicSelection");
musicSelection.innerHTML = "<select id='music' " + dropDownListStyle + ">" + musicButton8 + "</select>";
}//Ende
// --ARRAYS-- //
//Hier sind die Namen der Buttons und deren Werte
//Oben sind die Namen, unten die Werte wie zB. Rot hat den Wert dunkelrot (also #c00).
//Man darf bei allen Buttons (außer bei Musik) unendlich Buttons haben (also zB. eine oder 20 Farben bei Schrift 1)
//Bei Normal, (bei Farben)
//ich verwende um die kleinen Buttons breiter zu machen.
//Ihr dürft zur Info alle Farben ändern (Beispiel #330000 (dunkelrot) zu #ff0000, #f00, oder red für normales rot)
//Alle Buttons
//Die Werte sind nur hier und bei Musik Funktionen.
var buttonNames = ["Farben","Bilder 1","Bilder 2","Schrift 1","Schrift 2","Smilies"];
var buttonValue = ["bgColorButtonsDisplay()","bgImageButtons1Display()","bgImageButtons2Display()","fontColorButtonsDisplay()","htmlCodeButtonsDisplay()","smileyDisplay()"];
//Einzelne Buttons
//Farben
//Bei Normal, ersetzt #000 mit der Hintergrundfarbe von eurem Chat.
var bgColorNames = ["Normal"," Rot ","Grün","Blau","Rosa","Grau","Gold","Orange","Violett","Braun"];
var bgColorValue = ["#000","#300","#030","#003","#c9c","#333","#630","#c30","#63c","#630"];
//Bilder 1
//Normal sorgt dafür, dass das Bild wieder verschwindet.
//wenn ihr ein Bild reinstellt, schreibt das Namen des Bildes mit deren Endung bei Value (Beispiel Smiley.jpg)
var bgImageNames1 = ["Normal",""];
var bgImageValue1 = [" ",""];
//Bilder 2
var bgImageNames2 = ["",""];
var bgImageValue2 = ["",""];
//Schrift 1
var fontColorNames = [" Rot ","Grün","Blau","Rosa","Grau","Gold","Orange","Violett","Braun"];
var fontColorValue = ["#330000","#003300","#000033","#cc99cc","#333333","#663300","#cc3300","#6633cc","#663300"];
//Schrift 2
var htmlCodeNames = [" fett ","schräg","unterstrich"," hoch ","runter", "klein"];
var htmlCodeValue = ["b","i","u","sup","sub","small"];
//Smilies
//Schreibt hier Smilies von eurem Chat rein ohne : (Beispiel anstatt :hop, schreibt hop)
//Ihr dürft nicht mehr als 12 Smilies verwenden.
var smileyNames = ["hop",""];
//Musik
//Hier sind Titelnamen mit deren Werten.
//Tut folgendes bei den Werten:
//Da die Lieder von Youtube geladen werden, kopiert den Youtube Link zu eurem Lied und verwendet nur den wichtgen Teil und schreibt v/ davor.
//Beispiel: Aus diesem Link http://www.youtube.com/watch?v=a1Y73sPHKxw kopiert nur das wichtige a1Y73sPHKxw (also alles nach dem = und vor dem & (wenn eins im Link ist))
//Tut dann v/ davor setzen also v/a1Y73sPHKxw und fertig!
/* Musik ANFANG */
//Album 1
var musicNames1 = ["Dramatic","",""];
var musicValue1 = ["v/a1Y73sPHKxw","",""];
//Album 2
var musicNames2 = ["","",""];
var musicValue2 = ["","",""];
//Album 3
var musicNames3 = ["","",""];
var musicValue3 = ["","",""];
//Album 4
var musicNames4 = ["","",""];
var musicValue4 = ["","",""];
//Album 5
var musicNames5 = ["","",""];
var musicValue5 = ["","",""];
//Album 6
var musicNames6 = ["","",""];
var musicValue6 = ["","",""];
//Album 7
var musicNames7 = ["","",""];
var musicValue7 = ["","",""];
//Album 8
var musicNames8 = ["","",""];
var musicValue8 = ["","",""];
//Musik Kategorien mit Funktionen als Werten.
//Wenn ihr mehrere Albem zur Auswahl haben möchtet, schreibt ,"NAME DES ALBUMS" hinter den vorherigen bei Names und ,"EINE FUNKTION" bei Value
//Beispiel (bei Names): ["Metal","Rock"]
//Beispiel (bei Value): ["music1()","music2()"]
//Bei Values gibt es music1(), music2().... bis music8() also man darf es höchstens so haben:
// ["music1()","music2()","music3()","music4()","music5()","music6()","music7()","music8()"]
var musicCategoryNames = ["Test"];
var musicCategoryValue = ["music1()"];
/* Musik ENDE */
// --FOR LOOP-- //
//Hier werden alle Buttons erstellt.
//Farben
bgColorButtons="";
for(a=0;a<bgColorNames.length;a++)
{bgColorButtons+= aOrButtonStart + buttonStyle + " onclick='parent.mainframe.bgColors(\"" + bgColorValue[a] + "\")'>" + bgColorNames[a] + aOrButtonEnd; }
//Bilder 1
bgImageButtons1="";
for(b=0;b<bgImageNames1.length;b++)
{bgImageButtons1+= aOrButtonStart + buttonStyle + " onclick='parent.mainframe.bgImages1(\"" + bgImageValue1[b] + "\")'>" + bgImageNames1[b] + aOrButtonEnd; }
//Bilder 2
bgImageButtons2="";
for(c=0;c<bgImageNames2.length;c++)
{bgImageButtons2+= aOrButtonStart + buttonStyle + " onclick='parent.mainframe.bgImages2(\"" + bgImageValue2[c] + "\")'>"+bgImageNames2[c] + aOrButtonEnd; }
//Schrift 1 (<font color> Codes)
fontColorButtons="";
for(d=0;d<fontColorNames.length;d++)
{fontColorButtons+= aOrButtonStart + buttonStyle + " onclick='parent.mainframe.fontColors(\"" + fontColorValue[d] + "\")'>" + fontColorNames[d] + aOrButtonEnd; }
//Schrift 2 (HTML Codes)
htmlCodeButtons="";
for(e=0;e<htmlCodeNames.length;e++)
{htmlCodeButtons+= aOrButtonStart + buttonStyle + " onclick='parent.mainframe.htmlCodes(\"" + htmlCodeValue[e] + "\")'>" + htmlCodeNames[e] + aOrButtonEnd; }
//Smilies
smilies="";
for(f=0;f<smileyNames.length && f<(3+9);f++)
{smilies+="<a href='javascript:void(0);' onclick='parent.mainframe.repClick(\"" + smileyNames[f] + "\")'><img src='/" + chatData[1] + "/replacer/" + smileyNames[f] + ".gif' hspace='1' border='0' />"; }
//Musik
/* Musik ANFANG */
// Musik Kategorien ANFANG //
//Kategorie 1
musicButton1="";
for(i=0;i<musicNames1.length;i++)
{musicButton1+=" <option value='" + musicValue1[i] + "'>"+musicNames1[i] + "</option>"; }
//Kategorie 2
musicButton2="";
for(j=0;j<musicNames2.length;j++)
{musicButton2+= "<option value='" + musicValue2[j] + "'>" + musicNames2[j] + "</option>"; }
//Kategorie 3
musicButton3="";
for(l=0;l<musicNames3.length;l++)
{musicButton3+= "<option value='" + musicValue3[l] + "'>" + musicNames3[l] + "</option>"; }
//Kategorie 4
musicButton4="";
for(m=0;m<musicNames4.length;m++)
{musicButton4+= "<option value='" + musicValue4[m] + "'>" + musicNames4[m] + "</option>"; }
//Kategorie 5
musicButton5="";
for(n=0;n<musicNames5.length;n++)
{musicButton5+= "<option value='" + musicValue5[n] + "'>"+musicNames5[n] + "</option>"; }
//Kategorie 6
musicButton6="";
for(o=0;o<musicNames6.length;o++)
{musicButton6+= "<option value='" + musicValue6[o] + "'>"+musicNames6[o] + "</option>"; }
//Kategorie 7
musicButton7="";
for(p=0;p<musicNames7.length;p++)
{musicButton7+= "<option value='" + musicValue7[p] + "'>"+musicNames7[p] + "</option>"; }
//Kategorie 8
musicButton8="";
for(q=0;q<musicNames8.length;q++)
{musicButton8+= "<option value='" + musicValue8[q] + "'>" + musicNames8[q] + "</option>"; }
// Musik Kategorien ENDE //
//Musik Kategorien (Auswahl)
musicButtons="";
for(h=0;h<musicCategoryNames.length;h++)
{musicButtons+= aOrButtonStart + buttonStyle + " onclick=\"parent.mainframe." + musicCategoryValue[h] + "\">" + musicCategoryNames[h] + aOrButtonEnd; }
/* Musik ENDE */
//Extra und Musik
//Extra Buttons (Buttons die angezeigt werden wenn man extra anklickt)
extraButtons="";
for(z=0;z<buttonNames.length;z++)
{extraButtons+= aOrButtonStart + buttonStyle + " onclick=\"parent.mainframe." + buttonValue[z] + "\">" + buttonNames[z] + aOrButtonEnd; }
//Musik Player
musicPlayer= "<span id='hmm'>" + openCategory + "</span>";
musicPlayer+= "<span id='musicSelection'><select id='music' " + dropDownListStyle + ">" + musicButton1 + "</select></span>";
musicPlayer+= aOrButtonStart + buttonStyle + " onclick='parent.mainframe.musicPlay()' />Play" + aOrButtonEnd;
musicPlayer+= aOrButtonStart + buttonStyle + " onclick='parent.mainframe.musicStop()' />Stop" + aOrButtonEnd + "</span>";
//Extra und Musik (Anzeige über dem Eingabeframe)
ExtraMusic= "| <a href='javascript:void(0)' " + extraStyle + " onclick=\"parent.mainframe.extra()\">" + extraName + "</a> ";
ExtraMusic+="| <a href='javascript:void(0)' " + musicStyle + " onclick=\"parent.mainframe.music()\">" + musicName + "</a>";
ExtraMusic+="<span id='musicInsert'></span><span id='AddButtonsOrMusic'></span>";
// --ANZEIGE IM CHAT-- //
//Dieser Code sorgt dafür, dass Extra und Musik angezeigt werden.
center0=parent.info.document.getElementsByTagName("center")[0];
if(!center0.innerHTML.match(/parent.mainframe.extra()/))
{center0.innerHTML+= ExtraMusic;}
Code: Alles auswählen
// EXTRA Version 4.0
// Gemacht von M.E.R.255 (bzw. Argh)
// Inspiriert aus dem "Anklickbare Smilies im Eingabeframe (von 1. FC Keller)" Skript.
// Bei Fragen zu diesem Skript, seht euch den Thread zu diesem Skript an
// http://www.webkicks.de/forum/individuelle-entwicklungen-anpassungen-erweiterung-f13/button-ins-eingabeframe-t19871.html
// Die letzten 3 Zeilen sind aus 1. FC Keller's Skript, und ohne den Teil, hätte es diese Datei nie gegeben,
// --NAME UND STYLE-- //
//Hier bestimmt ihr die Namen von den Optionen und Musik Player, und dessen style.
//EXTRA NAME
var extraName= "Extra";
//EXTRA STYLE
var extraStyle= "style=\"color:#0f0; font-weight:bold\"";
//DROP-DOWN-LISTE (LISTE DER LIEDER) STYLE
var dropDownListStyle= "style='margin:0 5px 0 5px; width:130px'";
// --LINK ZUM ORDNER-- //
//Ersetzt den Link mit den eures Ordners, wo euere ganzen Bilder drinnen sind.
var folder = "http://star.bplaced.net/Bowsercode/";
// --DATEI VON ROTEN X--//
//Ersetzt den Dateinamen, mit dem Dateinamens von eurem X (oder was immer ihr nehmen wollt um die Buttons zu schliessen).
var closingImage = "red_x.gif";
// --DATEI VOM HINTERGRUNDBILD VON BUTTON--//
//Ersetzt den Dateinamen, mit dem Dateinamen von dem Hintergrundbild eurem Buttons.
var buttonImage = "bgbox.png";
// --AUSSEHEN VON DEN BUTTONS-- //
//Gib den style von den Button an.
//Man könnte alle Button mit <input> oder <button> erstellen, nur ich finde dass es leichter mit <a> weil man das besser stylen kann.
//background-color und backgroundColor sind Hintergrundfarbe, und border bzw. border-top sind die Farben vom Rand.
var buttonStyle = "style=\"text-decoration:none; font-weight:normal; padding:0 3px 0 3px; margin: 0 1px 0 0; background-color:#800; border:1px #300 solid; border-top:1px #800 solid; color:white; display:inline-block; background-image:url(" + folder + buttonImage + ")\"";
buttonStyle += " onmouseover=\"this.style.backgroundColor='#c00'; this.style.textDecoration='none'\"";
buttonStyle += " onmouseout=\"this.style.backgroundColor='#800'\"";
// --ANCHOR ODER BUTTON-- //
//Hier könnt ihr festlegen, ob alle Buttons anchor oder buttons sind (der erste Tag darf am Ende kein > haben)
//Ich würde an eurer Stelle es aber so lassen.
var aOrButtonStart = "<a href='javascript:void(0)'";
var aOrButtonEnd ="</a>";
// --ZENTRIER TEIL-- //
//Hier sorge ich dafür, dass in Musik der MusikPlayer immer zentriert bleibt.
var invisibleButtons = "style='visibility:hidden;'";
// -- FUNCTIONS -- //
// HAUPT-FUNKTIONEN //
//Extra
function extra(){
AddButtons = parent.info.document.getElementById("AddButtons");
AddButtons.innerHTML = "<b"+"r />" + extraButtons + "<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.hideItAll()' border='0' /></a>";
}
// SCHLIESS FUNKTION (ROTES X) //
function hideItAll(){
AddButtons = parent.info.document.getElementById("AddButtons");
AddButtons.innerHTML = "";
}
// FUNKTIONEN DER BUTTONS
//Buttons die sich öffnen wenn man auf einen Button klickt (wie Farben, Bilder 1...) und deren Funktionen.
//Momentan sind alle Buttons so eingestellt, dass wenn man aufs X (oder was immer ihr nehmt damit sich die Buttons schließen) klickt,
//kommt man zurück zur Auswahl. Um das zu ändern, ersetzt extra() mit hideItAll() .
//Anzeige der Buttons von Farben
function bgColorButtonsDisplay(){
AddButtons = parent.info.document.getElementById("AddButtons");
AddButtons.innerHTML = "<b"+"r />" + bgColorButtons + "<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.extra()' border='0' /></a>";
}
//Funktion von Farben
function bgColors(bgColor) {
document.body.style.backgroundColor = bgColor;
}
//Anzeige der Buttons von Bilder 1
function bgImageButtons1Display(){
AddButtons = parent.info.document.getElementById("AddButtons");
AddButtons.innerHTML = "<b"+"r />" + bgImageButtons1 + "<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.extra()' border='0' /></a>";
}
//Funktion von Bilder 1
function bgImages1(bgImage1){
document.body.style.backgroundImage = "url("+ folder + bgImage1 + ")";
document.body.style.backgroundPosition = "center center";
document.body.style.backgroundAttachment = "fixed";
document.body.style.backgroundRepeat = "no-repeat";
}
//Anzeige der Buttons von Bilder 2
function bgImageButtons2Display(){
AddButtons = parent.info.document.getElementById("AddButtons");
AddButtons.innerHTML = "<b" + "r />"+bgImageButtons2+"<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.extra()' border='0' /></a>";
}
//Funktion von Bilder 2
function bgImages2(bgImage2) {
document.body.style.backgroundImage = "url("+ folder + bgImage2 +")";
document.body.style.backgroundPosition = "center center";
document.body.style.backgroundAttachment = "scroll";
document.body.style.backgroundRepeat = "repeat";
}
//Anzeige der Buttons von Schrift 1
function fontColorButtonsDisplay(){
AddButtons = parent.info.document.getElementById("AddButtons");
AddButtons.innerHTML = "<b"+"r />"+fontColorButtons+"<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.extra()' border='0' /></a>";
}
//Funktionen von Schrift 1
function fontColors(fontColor) {
parent.info.document.eingabe.message.value+=' <font color='+fontColor+'>';
parent.info.document.eingabe.message.focus();
return false;
}
//Anzeige der Buttons von Schrift 2
function htmlCodeButtonsDisplay(){
AddButtons = parent.info.document.getElementById("AddButtons");
AddButtons.innerHTML = "<b"+"r />"+htmlCodeButtons+"<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.extra()' border='0' /></a>";
}
//Funktion von Schrift 2
function htmlCodes(htmlCode) {
parent.info.document.eingabe.message.value+='<'+htmlCode+'>';
parent.info.document.eingabe.message.focus();
return false;
}
//Anzeige der Smilies von Smilies
function smileyDisplay(){
AddButtons = parent.info.document.getElementById("AddButtons");
AddButtons.innerHTML = "<b"+"r />"+smilies+"<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.extra()' border='0' /></a>";
}
// --ARRAYS-- //
//Hier sind die Namen der Buttons und deren Werte
//Oben sind die Namen, unten die Werte wie zB. Rot hat den Wert dunkelrot (also #c00).
//Man darf bei allen Buttons (außer bei Musik) unendlich Buttons haben (also zB. eine oder 20 Farben bei Schrift 1)
//Bei Normal, (bei Farben)
//ich verwende um die kleinen Buttons breiter zu machen.
//Ihr dürft zur Info alle Farben ändern (Beispiel #330000 (dunkelrot) zu #ff0000, #f00, oder red für normales rot)
//Alle Buttons
//Die Werte sind nur hier und bei Musik Funktionen.
var buttonNames = ["Farben","Bilder 1","Bilder 2","Schrift 1","Schrift 2","Smilies"];
var buttonValue = ["bgColorButtonsDisplay()","bgImageButtons1Display()","bgImageButtons2Display()","fontColorButtonsDisplay()","htmlCodeButtonsDisplay()","smileyDisplay()"];
//Einzelne Buttons
//Farben
//Bei Normal, ersetzt #000 mit der Hintergrundfarbe von eurem Chat.
var bgColorNames = ["Normal"," Rot ","Grün","Blau","Rosa","Grau","Gold","Orange","Violett","Braun"];
var bgColorValue = ["#000","#300","#030","#003","#c9c","#333","#630","#c30","#63c","#630"];
//Bilder 1
//Normal sorgt dafür, dass das Bild wieder verschwindet.
//wenn ihr ein Bild reinstellt, schreibt das Namen des Bildes mit deren Endung bei Value (Beispiel Smiley.jpg)
var bgImageNames1 = ["Normal",""];
var bgImageValue1 = [" ",""];
//Bilder 2
var bgImageNames2 = ["",""];
var bgImageValue2 = ["",""];
//Schrift 1
var fontColorNames = [" Rot ","Grün","Blau","Rosa","Grau","Gold","Orange","Violett","Braun"];
var fontColorValue = ["#330000","#003300","#000033","#cc99cc","#333333","#663300","#cc3300","#6633cc","#663300"];
//Schrift 2
var htmlCodeNames = [" fett ","schräg","unterstrich"," hoch ","runter", "klein"];
var htmlCodeValue = ["b","i","u","sup","sub","small"];
//Smilies
//Schreibt hier Smilies von eurem Chat rein ohne : (Beispiel anstatt :hop, schreibt hop)
//Ihr dürft nicht mehr als 12 Smilies verwenden.
var smileyNames = ["hop",""];
// --FOR LOOP-- //
//Hier werden alle Buttons erstellt.
//Farben
bgColorButtons="";
for(a=0;a<bgColorNames.length;a++)
{bgColorButtons+= aOrButtonStart + buttonStyle + " onclick='parent.mainframe.bgColors(\"" + bgColorValue[a] + "\")'>" + bgColorNames[a] + aOrButtonEnd; }
//Bilder 1
bgImageButtons1="";
for(b=0;b<bgImageNames1.length;b++)
{bgImageButtons1+= aOrButtonStart + buttonStyle + " onclick='parent.mainframe.bgImages1(\"" + bgImageValue1[b] + "\")'>" + bgImageNames1[b] + aOrButtonEnd; }
//Bilder 2
bgImageButtons2="";
for(c=0;c<bgImageNames2.length;c++)
{bgImageButtons2+= aOrButtonStart + buttonStyle + " onclick='parent.mainframe.bgImages2(\"" + bgImageValue2[c] + "\")'>"+bgImageNames2[c] + aOrButtonEnd; }
//Schrift 1 (<font color> Codes)
fontColorButtons="";
for(d=0;d<fontColorNames.length;d++)
{fontColorButtons+= aOrButtonStart + buttonStyle + " onclick='parent.mainframe.fontColors(\"" + fontColorValue[d] + "\")'>" + fontColorNames[d] + aOrButtonEnd; }
//Schrift 2 (HTML Codes)
htmlCodeButtons="";
for(e=0;e<htmlCodeNames.length;e++)
{htmlCodeButtons+= aOrButtonStart + buttonStyle + " onclick='parent.mainframe.htmlCodes(\"" + htmlCodeValue[e] + "\")'>" + htmlCodeNames[e] + aOrButtonEnd; }
//Smilies
smilies="";
for(f=0;f<smileyNames.length && f<(3+9);f++)
{smilies+="<a href='javascript:void(0);' onclick='parent.mainframe.repClick(\"" + smileyNames[f] + "\")'><img src='/" + chatData[1] + "/replacer/" + smileyNames[f] + ".gif' hspace='1' border='0' />"; }
//Extra
//Extra Buttons (Buttons die angezeigt werden wenn man extra anklickt)
extraButtons="";
for(z=0;z<buttonNames.length;z++)
{extraButtons+= aOrButtonStart + buttonStyle + " onclick=\"parent.mainframe." + buttonValue[z] + "\">" + buttonNames[z] + aOrButtonEnd; }
//Extra und Musik (Anzeige über dem Eingabeframe)
Extra= "| <a href='javascript:void(0)' " + extraStyle + " onclick=\"parent.mainframe.extra()\">" + extraName + "</a><span id='AddButtons'></span>";
// --ANZEIGE IM CHAT-- //
//Dieser Code sorgt dafür, dass Extra und Musik angezeigt werden.
center0=parent.info.document.getElementsByTagName("center")[0];
if(!center0.innerHTML.match(/parent.mainframe.extra()/))
{center0.innerHTML+= Extra;}
Code: Alles auswählen
// MUSIK Version 1.2.1
// Gemacht von M.E.R.255 (bzw. Argh)
// Inspiriert aus dem "Anklickbare Smilies im Eingabeframe (von 1. FC Keller)" Skript.
// Bei Fragen zu diesem Skript, seht euch den Thread zu diesem Skript an
// http://www.webkicks.de/forum/individuelle-entwicklungen-anpassungen-erweiterung-f13/button-ins-eingabeframe-t19871.html
// Die letzten 3 Zeilen sind aus 1. FC Keller's Skript, und ohne den Teil, hätte es diese Datei nie gegeben,
// --NAME UND STYLE-- //
//Hier bestimmt ihr die Namen von den Optionen und Musik Player, und dessen style.
//MUSIK NAME
var musicName= "Musik";
//MUSIK STYLE
var musicStyle= "style=\"color:#fff; font-weight:bold\"";
//DROP-DOWN-LISTE (LISTE DER LIEDER) STYLE
var dropDownListStyle= "style='margin:0 5px 0 5px; width:130px'";
// --LINK ZUM ORDNER-- //
//Ersetzt den Link mit den eures Ordners, wo euere ganzen Bilder drinnen sind.
var folder = "http://star.bplaced.net/Bowsercode/";
// --DATEI VON ROTEN X--//
//Ersetzt den Dateinamen, mit dem Dateinamens von eurem X (oder was immer ihr nehmen wollt um die Buttons zu schliessen).
var closingImage = "red_x.gif";
// --DATEI VOM HINTERGRUNDBILD VON BUTTON--//
//Ersetzt den Dateinamen, mit dem Dateinamen von dem Hintergrundbild eurem Buttons.
var buttonImage = "bgbox.png";
// --MUSIK KATEGORIEN-- //
//Ihr könnt hier Bilder, Buttons, oder was auch immer wollt hier für den Musik-Kategorien-Button nehmen wollt,
//lasst aber den anchor Tag <a> in Ruhe.
var openCategory = "<a href='javascript:void(0)' onclick='parent.mainframe.musicThere()'><b>Kategorien</b></a>";
// --AUSSEHEN VON DEN BUTTONS-- //
//Gib den style von den Button an.
//Man könnte alle Button mit <input> oder <button> erstellen, nur ich finde dass es leichter mit <a> weil man das besser stylen kann.
//background-color und backgroundColor sind Hintergrundfarbe, und border bzw. border-top sind die Farben vom Rand.
var buttonStyle = "style=\"text-decoration:none; font-weight:normal; padding:0 3px 0 3px; margin: 0 1px 0 0; background-color:#800; border:1px #300 solid; border-top:1px #800 solid; color:white; display:inline-block; background-image:url(" + folder + buttonImage + ")\"";
buttonStyle += " onmouseover=\"this.style.backgroundColor='#c00'; this.style.textDecoration='none'\"";
buttonStyle += " onmouseout=\"this.style.backgroundColor='#800'\"";
// --ANCHOR ODER BUTTON-- //
//Hier könnt ihr festlegen, ob alle Buttons anchor oder buttons sind (der erste Tag darf am Ende kein > haben)
//Ich würde an eurer Stelle es aber so lassen.
var aOrButtonStart = "<a href='javascript:void(0)'";
var aOrButtonEnd ="</a>";
// --ZENTRIER TEIL-- //
//Hier sorge ich dafür, dass in Musik der MusikPlayer immer zentriert bleibt.
var invisibleButtons = "style='visibility:hidden;'";
// -- FUNCTIONS -- //
// HAUPT-FUNKTIONEN //
//Musik
function music(){
AddMusic = parent.info.document.getElementById("AddMusic");
musicInsert = parent.info.document.getElementById("musicInsert");
musicInsert.innerHTML = "";
AddMusic.innerHTML = "<b"+"r />" + musicPlayer + "<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.hideItAll()' border='0' /></a><span id='centerIt' "+invisibleButtons+"></span>";
}
// SCHLIESS FUNKTION (ROTES X) //
function hideItAll(){
AddMusic = parent.info.document.getElementById("AddMusic");
AddMusic.innerHTML = "";
}
// FUNKTIONEN DER BUTTONS
//Funktion die Musik startet
function musicPlay(){
musicInsert = parent.info.document.getElementById("musicInsert");
musicValue = parent.info.document.getElementById("music");
musicInsert.innerHTML = "<object width='0' height='0'><param name='movie' value='http://www.youtube.com/" + musicValue + "&hl=en&fs=1&rel=0&autoplay=1'></param><param name='allowFullScreen' value='true'></param><param name='allowscriptaccess' value='always'></param>"
musicInsert.innerHTML += "<embed src='http://www.youtube.com/" + musicValue + "&autoplay=1' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='0' height='0'></embed></object>";
}
//Funktion die die Musik mit nichts ersetzt (stoppt)
function musicStop(){
musicInsert = parent.info.document.getElementById("musicInsert");
musicInsert.innerHTML = "";
}
//Funktion die Kategorien öffnet
function musicThere(){
hmm = parent.info.document.getElementById("hmm");
centerIt = parent.info.document.getElementById("centerIt");
hmm.innerHTML ="<span " + invisibleButtons + ">" + openCategory + "</span>" + musicButtons + "<a href=\"javascript:void(0)\" onclick=\"javascript:parent.mainframe.musicGone()\"><img src='" + folder + closingImage + "' style='border:none'></a>";
centerIt.innerHTML = musicButtons+"<a href=\"javascript:void(0)\" onclick=\"javascript:parent.mainframe.musicGone()\"><img src='" + folder + closingImage + "' style='border:none'></a>";
}
//Funktion die Kategorien schließt.
function musicGone(){
hmm = parent.info.document.getElementById("hmm");
centerIt = parent.info.document.getElementById("centerIt");
hmm.innerHTML = openCategory;
centerIt.innerHTML = "";
}
// --MUSIK BUTTONS -- //
//Anfang
//Lieder von Album 1
function music1(){
musicSelection = parent.info.document.getElementById("musicSelection");
musicSelection.innerHTML = "<select id='music' " + dropDownListStyle + ">" + musicButton1 + "</select>";
}
//Lieder von Album 2
function music2(){
musicSelection = parent.info.document.getElementById("musicSelection");
musicSelection.innerHTML = "<select id='music' " + dropDownListStyle + ">" + musicButton2 + "</select>";
}
//Lieder von Album 3
function music3(){
musicSelection = parent.info.document.getElementById("musicSelection");
musicSelection.innerHTML = "<select id='music' " + dropDownListStyle + ">" + musicButton3 + "</select>";
}
//Lieder von Album 4
function music4(){
musicSelection = parent.info.document.getElementById("musicSelection");
musicSelection.innerHTML = "<select id='music' " + dropDownListStyle + ">" + musicButton4 + "</select>";
}
//Lieder von Album 5
function music5(){
musicSelection = parent.info.document.getElementById("musicSelection");
musicSelection.innerHTML = "<select id='music' " + dropDownListStyle + ">" + musicButton5 + "</select>";
}
//Lieder von Album 6
function music6(){
musicSelection = parent.info.document.getElementById("musicSelection");
musicSelection.innerHTML = "<select id='music' " + dropDownListStyle + ">" + musicButton6 + "</select>";
}
//Lieder von Album 7
function music7(){
musicSelection = parent.info.document.getElementById("musicSelection");
musicSelection.innerHTML = "<select id='music' " + dropDownListStyle + ">" + musicButton7 + "</select>";
}
//Lieder von Album 8
function music8(){
musicSelection = parent.info.document.getElementById("musicSelection");
musicSelection.innerHTML = "<select id='music' " + dropDownListStyle + ">" + musicButton8 + "</select>";
}//Ende
// --ARRAYS-- //
//Hier sind die Namen der Buttons und deren Werte
//Musik
//Hier sind Titelnamen mit deren Werten.
//Tut folgendes bei den Werten:
//Da die Lieder von Youtube geladen werden, kopiert den Youtube Link zu eurem Lied und verwendet nur den wichtgen Teil und schreibt v/ davor.
//Beispiel: Aus diesem Link http://www.youtube.com/watch?v=a1Y73sPHKxw kopiert nur das wichtige a1Y73sPHKxw (also alles nach dem = und vor dem & (wenn eins im Link ist))
//Tut dann v/ davor setzen also v/a1Y73sPHKxw und fertig!
/* Musik ANFANG */
//Album 1
var musicNames1 = ["Dramatic","",""];
var musicValue1 = ["v/a1Y73sPHKxw","",""];
//Album 2
var musicNames2 = ["","",""];
var musicValue2 = ["","",""];
//Album 3
var musicNames3 = ["","",""];
var musicValue3 = ["","",""];
//Album 4
var musicNames4 = ["","",""];
var musicValue4 = ["","",""];
//Album 5
var musicNames5 = ["","",""];
var musicValue5 = ["","",""];
//Album 6
var musicNames6 = ["","",""];
var musicValue6 = ["","",""];
//Album 7
var musicNames7 = ["","",""];
var musicValue7 = ["","",""];
//Album 8
var musicNames8 = ["","",""];
var musicValue8 = ["","",""];
//Musik Kategorien mit Funktionen als Werten.
//Wenn ihr mehrere Albem zur Auswahl haben möchtet, schreibt ,"NAME DES ALBUMS" hinter den vorherigen bei Names und ,"EINE FUNKTION" bei Value
//Beispiel (bei Names): ["Metal","Rock"]
//Beispiel (bei Value): ["music1()","music2()"]
//Bei Values gibt es music1(), music2().... bis music8() also man darf es höchstens so haben:
// ["music1()","music2()","music3()","music4()","music5()","music6()","music7()","music8()"]
var musicCategoryNames = ["Test"];
var musicCategoryValue = ["music1()"];
/* Musik ENDE */
// --FOR LOOP-- //
//Hier werden alle Buttons erstellt.
//Musik
/* Musik ANFANG */
// Musik Kategorien ANFANG //
//Kategorie 1
musicButton1="";
for(i=0;i<musicNames1.length;i++)
{musicButton1+=" <option value='" + musicValue1[i] + "'>"+musicNames1[i] + "</option>"; }
//Kategorie 2
musicButton2="";
for(j=0;j<musicNames2.length;j++)
{musicButton2+= "<option value='" + musicValue2[j] + "'>" + musicNames2[j] + "</option>"; }
//Kategorie 3
musicButton3="";
for(l=0;l<musicNames3.length;l++)
{musicButton3+= "<option value='" + musicValue3[l] + "'>" + musicNames3[l] + "</option>"; }
//Kategorie 4
musicButton4="";
for(m=0;m<musicNames4.length;m++)
{musicButton4+= "<option value='" + musicValue4[m] + "'>" + musicNames4[m] + "</option>"; }
//Kategorie 5
musicButton5="";
for(n=0;n<musicNames5.length;n++)
{musicButton5+= "<option value='" + musicValue5[n] + "'>"+musicNames5[n] + "</option>"; }
//Kategorie 6
musicButton6="";
for(o=0;o<musicNames6.length;o++)
{musicButton6+= "<option value='" + musicValue6[o] + "'>"+musicNames6[o] + "</option>"; }
//Kategorie 7
musicButton7="";
for(p=0;p<musicNames7.length;p++)
{musicButton7+= "<option value='" + musicValue7[p] + "'>"+musicNames7[p] + "</option>"; }
//Kategorie 8
musicButton8="";
for(q=0;q<musicNames8.length;q++)
{musicButton8+= "<option value='" + musicValue8[q] + "'>" + musicNames8[q] + "</option>"; }
// Musik Kategorien ENDE //
//Musik Kategorien (Auswahl)
musicButtons="";
for(h=0;h<musicCategoryNames.length;h++)
{musicButtons+= aOrButtonStart + buttonStyle + " onclick=\"parent.mainframe." + musicCategoryValue[h] + "\">" + musicCategoryNames[h] + aOrButtonEnd; }
/* Musik ENDE */
//Musik (Anzeige über dem Eingabeframe)
MUSIC= "| <a href='javascript:void(0)' " + musicStyle + " onclick=\"parent.mainframe.music()\">" + musicName + "</a>";
MUSIC+= "<span id='musicInsert'></span><span id='AddMusic'></span>";
//Musik Player
musicPlayer= "<span id='hmm'>" + openCategory + "</span>";
musicPlayer+= "<span id='musicSelection'><select id='music' " + dropDownListStyle + ">" + musicButton1 + "</select></span>";
musicPlayer+= aOrButtonStart + buttonStyle + " onclick='parent.mainframe.musicPlay()' />Play" + aOrButtonEnd;
musicPlayer+= aOrButtonStart + buttonStyle + " onclick='parent.mainframe.musicStop()' />Stop" + aOrButtonEnd + "</span>";
// --ANZEIGE IM CHAT-- //
//Dieser Code sorgt dafür, Musik angezeigt wird.
center0=parent.info.document.getElementsByTagName("center")[0];
if(!center0.innerHTML.match(/parent.mainframe.music()/))
{center0.innerHTML+= MUSIC;}
Code: Alles auswählen
<script type="text/javascript" src="URL VON DER DATEI"></script>
Code: Alles auswählen
<script type="text/javascript" src="/grundscripts.js"></script>
Code: Alles auswählen
// --NAME UND STYLE-- //
//Hier bestimmt ihr die Namen von den Optionen und Musik Player, und dessen style.
//EXTRA NAME
var extraName= "Extra";
//EXTRA STYLE
var extraStyle= "style=\"color:#0f0; font-weight:bold\"";
//MUSIK NAME
var musicName= "Musik";
//MUSIK STYLE
var musicStyle= "style=\"color:#fff; font-weight:bold\"";
//DROP-DOWN-LISTE (LISTE DER LIEDER) STYLE
var dropDownListStyle= "style='margin:0 5px 0 5px; width:130px'";
// --LINK ZUM ORDNER-- //
//Ersetzt den Link mit den eures Ordners, wo euere ganzen Bilder drinnen sind.
var folder = "http://star.bplaced.net/Bowsercode/";
// --DATEI VON ROTEN X--//
//Ersetzt den Dateinamen, mit dem Dateinamens von eurem X (oder was immer ihr nehmen wollt um die Buttons zu schliessen).
var closingImage = "red_x.gif";
// --DATEI VOM HINTERGRUNDBILD VON BUTTON--//
//Ersetzt den Dateinamen, mit dem Dateinamen von dem Hintergrundbild eurem Buttons.
var buttonImage = "bgbox.png";
// --MUSIK KATEGORIEN-- //
//Ihr könnt hier Bilder, Buttons, oder was auch immer wollt hier für den Musik-Kategorien-Button nehmen wollt,
//lasst aber den anchor Tag <a> in Ruhe.
var openCategory = "<a href='javascript:void(0)' onclick='parent.mainframe.musicThere()'><b>Kategorien</b></a>";
// --AUSSEHEN VON DEN BUTTONS-- //
//Gib den style von den Button an.
//Man könnte alle Button mit <input> oder <button> erstellen, nur ich finde dass es leichter mit <a> weil man das besser stylen kann.
//background-color und backgroundColor sind Hintergrundfarbe, und border bzw. border-top sind die Farben vom Rand.
var buttonStyle = "style=\"text-decoration:none; font-weight:normal; padding:0 3px 0 3px; margin: 0 1px 0 0; background-color:#800; border:1px #300 solid; border-top:1px #800 solid; color:white; display:inline-block; background-image:url(" + folder + buttonImage + ")\"";
buttonStyle += " onmouseover=\"this.style.backgroundColor='#c00'; this.style.textDecoration='none'\"";
buttonStyle += " onmouseout=\"this.style.backgroundColor='#800'\"";
// --ANCHOR ODER BUTTON-- //
//Hier könnt ihr festlegen, ob alle Buttons anchor oder buttons sind (der erste Tag darf am Ende kein > haben)
//Ich würde an eurer Stelle es aber so lassen.
var aOrButtonStart = "<a href='javascript:void(0)'";
var aOrButtonEnd ="</a>";
Code: Alles auswählen
var extraName= "Extra";
Code: Alles auswählen
var extraStyle= "style=\"color:#0f0; font-weight:bold\"";
Code: Alles auswählen
var dropDownListStyle= "style='margin:0 5px 0 5px; width:130px'";
Code: Alles auswählen
var folder = "http://star.bplaced.net/Bowsercode/";
Code: Alles auswählen
var closingImage = "red_x.gif";
Code: Alles auswählen
var buttonImage = "bgbox.png";
Code: Alles auswählen
var openCategory = "<a href='javascript:void(0)' onclick='parent.mainframe.musicThere()'><b>Kategorien</b></a>";
Code: Alles auswählen
var buttonStyle = "style=\"text-decoration:none; font-weight:normal; padding:0 3px 0 3px; margin: 0 1px 0 0; background-color:#800; border:1px #300 solid; border-top:1px #800 solid; color:white; display:inline-block; background-image:url(" + folder + buttonImage + ")\"";
buttonStyle += " onmouseover=\"this.style.backgroundColor='#c00'; this.style.textDecoration='none'\"";
buttonStyle += " onmouseout=\"this.style.backgroundColor='#800'\"";
Code: Alles auswählen
var aOrButtonStart = "<a href='javascript:void(0)'";
var aOrButtonEnd ="</a>";
Code: Alles auswählen
// EXTRA Version 4.0
// Gemacht von M.E.R.255 (bzw. Argh)
// Inspiriert aus dem "Anklickbare Smilies im Eingabeframe (von 1. FC Keller)" Skript.
// Bei Fragen zu diesem Skript, seht euch den Thread zu diesem Skript an
// http://www.webkicks.de/forum/individuelle-entwicklungen-anpassungen-erweiterung-f13/button-ins-eingabeframe-t19871.html
// Die letzten 3 Zeilen sind aus 1. FC Keller's Skript, und ohne den Teil, hätte es diese Datei nie gegeben,
// --NAME UND STYLE-- //
//Hier bestimmt ihr die Namen von den Optionen und Musik Player, und dessen style.
//EXTRA NAME
var extraName= "Extra";
//EXTRA STYLE
var extraStyle= "style=\"color:#1874CD; font-weight:bold\"";
//DROP-DOWN-LISTE (LISTE DER LIEDER) STYLE
var dropDownListStyle= "style='margin:5 5px 5 5px; width:130px'";
// --LINK ZUM ORDNER-- //
//Ersetzt den Link mit den eures Ordners, wo euere ganzen Bilder drinnen sind.
var folder = "http://wkhost.webkicks.de/invaderx/ButtonMenue/";
// --DATEI VON ROTEN X--//
//Ersetzt den Dateinamen, mit dem Dateinamens von eurem X (oder was immer ihr nehmen wollt um die Buttons zu schliessen).
var closingImage = "red_x.gif";
// --DATEI VOM HINTERGRUNDBILD VON BUTTON--//
//Ersetzt den Dateinamen, mit dem Dateinamen von dem Hintergrundbild eurem Buttons.
var buttonImage = "bgbox.png";
// --AUSSEHEN VON DEN BUTTONS-- //
//Gib den style von den Button an.
//Man könnte alle Button mit <input> oder <button> erstellen, nur ich finde dass es leichter mit <a> weil man das besser stylen kann.
//background-color und backgroundColor sind Hintergrundfarbe, und border bzw. border-top sind die Farben vom Rand.
var buttonStyle = "style=\"text-decoration:none; font-weight:normal; padding:0 3px 0 3px; margin: 0 1px 0 0; background-color:#800; border:1px #300 solid; border-top:1px #800 solid; color:white; display:inline-block; background-image:url(" + folder + buttonImage + ")\"";
buttonStyle += " onmouseover=\"this.style.backgroundColor='#c00'; this.style.textDecoration='none'\"";
buttonStyle += " onmouseout=\"this.style.backgroundColor='#800'\"";
// --ANCHOR ODER BUTTON-- //
//Hier könnt ihr festlegen, ob alle Buttons anchor oder buttons sind (der erste Tag darf am Ende kein > haben)
//Ich würde an eurer Stelle es aber so lassen.
var aOrButtonStart = "<a href='javascript:void(0)'";
var aOrButtonEnd ="</a>";
// --ZENTRIER TEIL-- //
//Hier sorge ich dafür, dass in Musik der MusikPlayer immer zentriert bleibt.
var invisibleButtons = "style='visibility:hidden;'";
// -- FUNCTIONS -- //
// HAUPT-FUNKTIONEN //
//Extra
function extra(){
AddButtons = parent.info.document.getElementById("AddButtons");
AddButtons.innerHTML = "<b"+"r />" + extraButtons + "<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.hideItAll()' border='0' /></a>";
}
// SCHLIESS FUNKTION (ROTES X) //
function hideItAll(){
AddButtons = parent.info.document.getElementById("AddButtons");
AddButtons.innerHTML = "";
}
// FUNKTIONEN DER BUTTONS
//Buttons die sich öffnen wenn man auf einen Button klickt (wie Farben, Bilder 1...) und deren Funktionen.
//Momentan sind alle Buttons so eingestellt, dass wenn man aufs X (oder was immer ihr nehmt damit sich die Buttons schließen) klickt,
//kommt man zurück zur Auswahl. Um das zu ändern, ersetzt extra() mit hideItAll() .
//Anzeige der Buttons von Schriftfarbe ändern
function fontColorButtonsDisplay(){
AddButtons = parent.info.document.getElementById("AddButtons");
AddButtons.innerHTML = "<b"+"r />"+fontColorButtons+"<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.extra()' border='0' /></a>";
}
//Funktionen von Schriftfarbe ändern
function fontColors(fontColor) {
parent.info.document.eingabe.message.value+=''+fontColor+'';
parent.info.document.eingabe.message.focus();
return false;
}
//Anzeige der Buttons von Schriftfart ändern
function htmlCodeButtonsDisplay(){
AddButtons = parent.info.document.getElementById("AddButtons");
AddButtons.innerHTML = "<b"+"r />"+htmlCodeButtons+"<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.extra()' border='0' /></a>";
}
//Funktion von Schriftart ändern
function htmlCodes(htmlCode) {
parent.info.document.eingabe.message.value+='<'+htmlCode+'>';
parent.info.document.eingabe.message.focus();
return false;
}
//Anzeige der Smilies von Smilies
function smileyDisplay(){
AddButtons = parent.info.document.getElementById("AddButtons");
AddButtons.innerHTML = "<b"+"r />"+smilies+"<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.extra()' border='0' /></a>";
}
//Anzeige der Buttons von Games
function fontColorButtons2Display(){
AddButtons = parent.info.document.getElementById("AddButtons");
AddButtons.innerHTML = "<b"+"r />"+fontColorButtons2+"<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.extra()' border='0' /></a>";
}
//Funktionen von Games
function games(game) {
parent.info.document.eingabe.message.value+=''+game+'';
parent.info.document.eingabe.message.focus();
return false;
}
// --ARRAYS-- //
//Hier sind die Namen der Buttons und deren Werte
//Oben sind die Namen, unten die Werte wie zB. Rot hat den Wert dunkelrot (also #c00).
//Man darf bei allen Buttons (außer bei Musik) unendlich Buttons haben (also zB. eine oder 20 Farben bei Schrift 1)
//Bei Normal, (bei Farben)
//ich verwende um die kleinen Buttons breiter zu machen.
//Ihr dürft zur Info alle Farben ändern (Beispiel #330000 (dunkelrot) zu #ff0000, #f00, oder red für normales rot)
//Alle Buttons
//Die Werte sind nur hier und bei Musik Funktionen.
var buttonNames = ["Schriftfarbe ändern","Schrift ändern","Smilies", "Games"];
var buttonValue = ["fontColorButtonsDisplay()","htmlCodeButtonsDisplay()","smileyDisplay()","fontColorButtons2Display()"];
//Schriftfarbe ändern
var fontColorNames = ["Blau","Grün","Rot","Grau","Orange","Violett","Braun"];
var fontColorValue = ["/farbe 0000CD","/farbe 228B22","/farbe CD3700","/farbe 8F8F8F","/farbe EE9A00","/farbe 9A32CD","/farbe 8B4513"];
//Schriftart ändern
var htmlCodeNames = [" fett ","schräg","unterstrich"," hoch ","runter", "klein"];
var htmlCodeValue = ["b","i","u","sup","sub","small"];
//Smilies
//Schreibt hier Smilies von eurem Chat rein ohne : (Beispiel anstatt :hop, schreibt hop)
//Ihr dürft nicht mehr als 12 Smilies verwenden.
var smileyNames = ["speer","schwert","axe","bogen", "spy", "lkav", "bbogen", "skav", "ram", "kata", "pala", "ag"];
//Games
var GameNames = ["Minesweper","Flaschendrehen","Stein Schere Papier","Bandit"];
var gameValue = ["/mw","/fd","/sss","/bandit"];
// --FOR LOOP-- //
//Hier werden alle Buttons erstellt.
//Schriftfarbe ändern (<font color> Codes)
fontColorButtons="";
for(d=0;d<fontColorNames.length;d++)
{fontColorButtons+= aOrButtonStart + buttonStyle + " onclick='parent.mainframe.fontColors(\"" + fontColorValue[d] + "\")'>" + fontColorNames[d] + aOrButtonEnd; }
//Schriftart (HTML Codes)
htmlCodeButtons="";
for(e=0;e<htmlCodeNames.length;e++)
{htmlCodeButtons+= aOrButtonStart + buttonStyle + " onclick='parent.mainframe.htmlCodes(\"" + htmlCodeValue[e] + "\")'>" + htmlCodeNames[e] + aOrButtonEnd; }
//Smilies
smilies="";
for(f=0;f<smileyNames.length && f<(3+9);f++)
{smilies+="<a href='javascript:void(0);' onclick='parent.mainframe.repClick(\"" + smileyNames[f] + "\")'><img src='/" + chatData[1] + "/replacer/" + smileyNames[f] + ".gif' hspace='1' border='0' />"; }
//Games
fontColorButtons2="";
for(d=0;d<GameNames.length;d++)
{fontColorButtons2+= aOrButtonStart + buttonStyle + " onclick='parent.mainframe.games(\"" + gameValue[d] + "\")'>" + GameNames[d] + aOrButtonEnd; }
//Extra
//Extra Buttons (Buttons die angezeigt werden wenn man extra anklickt)
extraButtons="";
for(z=0;z<buttonNames.length;z++)
{extraButtons+= aOrButtonStart + buttonStyle + " onclick=\"parent.mainframe." + buttonValue[z] + "\">" + buttonNames[z] + aOrButtonEnd; }
//Extra und Musik (Anzeige über dem Eingabeframe)
Extra= "| <a href='javascript:void(0)' " + extraStyle + " onclick=\"parent.mainframe.extra()\">" + extraName + "</a><span id='AddButtons'></span>";
// --ANZEIGE IM CHAT-- //
//Dieser Code sorgt dafür, dass Extra und Musik angezeigt werden.
center0=parent.info.document.getElementsByTagName("center")[0];
if(!center0.innerHTML.match(/parent.mainframe.extra()/))
{center0.innerHTML+= Extra;}
Code: Alles auswählen
// FUNKTIONEN DER BUTTONS
//Buttons die sich öffnen wenn man auf einen Button klickt (wie Farben, Bilder 1...) und deren Funktionen.
//Momentan sind alle Buttons so eingestellt, dass wenn man aufs X (oder was immer ihr nehmt damit sich die Buttons schließen) klickt,
//kommt man zurück zur Auswahl. Um das zu ändern, ersetzt extra() mit hideItAll() .
//Anzeige der Buttons von Schriftfarbe ändern
function fontColorButtonsDisplay(){
AddButtons = parent.info.document.getElementById("AddButtons");
AddButtons.innerHTML = "<b"+"r />"+fontColorButtons+"<a href='javascript:void(0);'><img src='" + folder + closingImage + "' onclick='parent.mainframe.extra()' border='0' /></a>";
}
//Funktionen von Schriftfarbe ändern
function fontColors(fontColor) {
sendeText(''+fontColor+'');
}
Code: Alles auswählen
sendeText(''+fontColor+'');
Code: Alles auswählen
sendeText(fontColor);
Mitglieder in diesem Forum: Bing [Bot] und 0 Gäste