Button ins Eingabeframe

Fragen zu HTML, CSS, eigenen Erweiterungen etc.
1. FC Keller
Moderator
Beiträge: 866
Registriert: 04.07.2004, 17:10
Wohnort: heimat:// Thüringen.Deutschland.eu/ Zeulenroda
Kontaktdaten:

Re: Button ins Eingabeframe

Ungelesener Beitrag von 1. FC Keller » 09.08.2009, 20:37

da nur eins der scripte in die ankündigung eingebunden wird geht das nicht... um das zu ändern müsste man das script schon massiv umschreiben.

M.E.R.255
Beiträge: 32
Registriert: 29.07.2009, 08:44
Wohnort: USA, Missouri
Kontaktdaten:

Re: Button ins Eingabeframe

Ungelesener Beitrag von M.E.R.255 » 09.08.2009, 21:57

Ich schreibe zu viel (sehe ich schon) ich werde lieber diesen Beitraeg wesentlich kuerzer machen:

Ich weiss nicht ob es wirklich lohnenswert sei, die ganzen Dateien in eine zu packen und zu versuchen es zum laufen zu bringen. Ich habe ein bischen rumprobiert und rumgegoogelt und irgendwie will das nicht laufen.

Das zum Laufen zu bringen waere bestimmt viel zu aufwendig, wuerde womoeglich viel zu lange dauern und waere dann am Ende bestimmt zu schwer zum Bearbeiten fuer einen Chatbesitzer (damit meine ich eine Person die einen Chat von euch benuetzt).

Also ich glaube nicht dass ich, als Anfaenger, in der Lage waere, den Inhalt der Dateien in eine zu tun und dann auch noch diese zum funktionieren zu bringen.

TauchBlubba
Beiträge: 79
Registriert: 21.10.2007, 19:04
Wohnort: Altenstadt (Mittelhessen)
Kontaktdaten:

Re: Button ins Eingabeframe

Ungelesener Beitrag von TauchBlubba » 10.08.2009, 21:18

Kann die Datei bilder2.js so geändert werden das ich eine Endlosschleife bei den Bildern habe? Sprich das es sich dem Chatstream anpasst?

Samsar
Beiträge: 82
Registriert: 13.07.2009, 11:34
Wohnort: Wahrenholz (Niedersachsen)
Kontaktdaten:

Re: Button ins Eingabeframe

Ungelesener Beitrag von Samsar » 10.08.2009, 21:39

wie meinst du das Blubba?... das sich die grafik wiederholt und somit den ganzen stream füllt?

TauchBlubba
Beiträge: 79
Registriert: 21.10.2007, 19:04
Wohnort: Altenstadt (Mittelhessen)
Kontaktdaten:

Re: Button ins Eingabeframe

Ungelesener Beitrag von TauchBlubba » 10.08.2009, 21:40

Ja steht da :arrow: Endlosschleife

Hat sich erledigt, war in einer anderen Datei, habe es mir zusammengebastelt :wink:

Spätes Edit: So habe das ganze jetzt mal 2 Stunden für mich überarbeitet, und muss sagen besten dank : )

Spitze was sich daraus alles machen lies. Wahnsinn

grüße
Chrissi

TauchBlubba
Beiträge: 79
Registriert: 21.10.2007, 19:04
Wohnort: Altenstadt (Mittelhessen)
Kontaktdaten:

Re: Button ins Eingabeframe

Ungelesener Beitrag von TauchBlubba » 15.08.2009, 12:02

:| Doppelpost

Besteht die Möglichkeit das sich der eigen ausgesuchte Hintergrund wie bei der Schriftfarbe per cookies speichert?

grüße
Chrissi

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';
}

M.E.R.255
Beiträge: 32
Registriert: 29.07.2009, 08:44
Wohnort: USA, Missouri
Kontaktdaten:

Re: Button ins Eingabeframe

Ungelesener Beitrag von M.E.R.255 » 07.10.2009, 04:59

Soooo, war lange off (sry ich habe momentan viel um die Ohren) und habe aber bevor ich hier on ging alles in eine Datei gepackt (jawohl, eine).

Ich sende mal 2 (3) Versionen.
Eine wo da ein Feld namens Extra steht und ein Feld namens Musik (ladet Lieder aus Youtube in Chat) und eine andere wo nur Extra steht.

Erstmal die ganz grosse Datei.
Diese Datei zeigt Extra UND Musik in der Eingabeframe an:

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 &nbsp; 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","&nbsp;Rot&nbsp;","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 = ["&nbsp;Rot&nbsp;","Grün","Blau","Rosa","Grau","Gold","Orange","Violett","Braun"];
var fontColorValue = ["#330000","#003300","#000033","#cc99cc","#333333","#663300","#cc3300","#6633cc","#663300"];

//Schrift 2
var htmlCodeNames = ["&nbsp;fett&nbsp;","schr&auml;g","unterstrich","&nbsp;hoch&nbsp;","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;}
Das ist Extra OHNE Musik

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 &nbsp; 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","&nbsp;Rot&nbsp;","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 = ["&nbsp;Rot&nbsp;","Grün","Blau","Rosa","Grau","Gold","Orange","Violett","Braun"];
var fontColorValue = ["#330000","#003300","#000033","#cc99cc","#333333","#663300","#cc3300","#6633cc","#663300"];

//Schrift 2
var htmlCodeNames = ["&nbsp;fett&nbsp;","schr&auml;g","unterstrich","&nbsp;hoch&nbsp;","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;}
Naaaaagut, ich tue auch noch Musik OHNE Extra rein:

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;}




Nicht so schlecht was? ^^



Wenn ihr Extra und Musik / nur Extra / nur Musik im Chat haben wollt, kopiert die Datei die ihr wollt, speichert die Datei als JavaScript Datei mit der Endung .js (Beispiel extra.js) und tut

Code: Alles auswählen

<script type="text/javascript" src="URL VON DER DATEI"></script>
in die Ankuendigung. Ersetzt URL VON DER DATEI mit der URL von eurer Datei :wink:. Ihr braucht das Grundscript

Code: Alles auswählen

<script type="text/javascript" src="/grundscripts.js"></script>
am Anfang der Ankuendigung (bzw. die Grundscript-Sammlung) damit diese Datei funktioniert.

Ich habe kleine Anleitungen bei den wichtigsten Dingen reingeschrieben, macht klar dass ihr die alle lest/findet (alles was mit // anfaengt ist Hilfe um was zu finden oder zu bearbeiten).

Dieser Teil:

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>";
Ist super wichtig!


In diesem Teil koennt ihr Extra umbenennen.

Code: Alles auswählen

var extraName= "Extra";
Beispiel: var extraName= "Options"; wenn es Options heissen soll.
var musicName funktioniert dem selben Wege.


In diesem Teil koennt ihr den style von dem Namen einstellen.

Code: Alles auswählen

var extraStyle= "style=\"color:#0f0; font-weight:bold\"";
Es sollten alles CSS Codes sein. color:#0f0; steht fuer die Farbe.
Es gehen Hex und woertliche Farben also color:#0f0 ist das selbe wie color:#00ff00 und color:green; .

font-weight:bold; macht das Wort dick (<b>). Entferne font-weight:bold; damit der Name normal ist, oder ersetze font-weight:bold; mit font-style:italic wenn ihr den Namen schraeg (<i>) haben wollt.
Das selbe gilt bei musicStyle.


Mit diesem Teil kann man die breite von der Drop-Down-Liste aendern.

Code: Alles auswählen

var dropDownListStyle= "style='margin:0 5px 0 5px; width:130px'";
margin:0 5px 0 5px; ist der unsichtbare Platz um der Drop-Down-Liste =
Die erste Stelle 0 ist der unsichtbare Platz oben, die zweite Stelle ist rechts, die dritte ist unten und die vierte ist links.

width:130px; heisst, dass die Drop-Down-Liste 130 Pixel breit sein soll. ihr koennt die Zahl aendern wenn ihr wollt (mehr ist breiter, weniger ist schmaler).



In diesem Teil steht der Link euren Ordners drinnen.

Code: Alles auswählen

var folder = "http://star.bplaced.net/Bowsercode/";
Aendert diesen Teil! Ersetzt den Link mit den Ordner wo eure ganzen Bilder (fuer Bilder 1, Bilder 2, dem Bild womit ihr alles wieder schliessen koennt (bei mir ist es ein rotes X) und das Hintergrundbild von eurem Button) drinnen sind.

Code: Alles auswählen

var closingImage = "red_x.gif";
Ersetzt red_x.gif mit den Dateinamen von eurem Bild oder nennt euer Bild red_x.gif. Es muss aber in den Ordner, wo die anderen Bilder sind, hochgeladen sein.


Wenn ihr Bilder braucht, nehmt doch das erste fuers X und das 2. fuer die Buttons:
Bild
Bild
Huh, wieso werden die nicht angezeigt? Naja, hier sind die Links zu den Bilder:
http://nfanatics.nf.ohost.de/smilies/My ... /red_x.gif
http://nfanatics.nf.ohost.de/smilies/My ... /bgbox.png


Das ist das Hintergrundbild von eurem Button.

Code: Alles auswählen

var buttonImage = "bgbox.png";
Ersetzt bgbox.png mit dem Namen euren Bildes (oder nennt euer Bild bgbox.png).
Wenn ihr keins wollt, lasst es einfach so und ladet kein Bild mit dem Namen bgbox.png in den Ordner, wo eure Bilder sind, hoch.


In diesem Teil bestimmt ihr den Namen von den Musik Kategorien.

Code: Alles auswählen

var openCategory = "<a href='javascript:void(0)' onclick='parent.mainframe.musicThere()'><b>Kategorien</b></a>";
Ihr koennt ein Wort, ein Button, sogar ein Bild oder mehrere haben^^ aendert einfach NUR diesen Teil= <b>Kategorien</b>


Das ist der style von euren Buttons (alle in Extra und Musik)

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'\"";
Dieser Teil ist schwer zu erklaeren...

Dieser Teil background-color:#800; und dieser Teil this.style.backgroundColor='#800' sind die Farben des Buttons (wenn man mit der Maus nicht drueber geht).
Ihr koennt Hex und Woerter nehmen also #800, #880000 und darkred sind alle dunkelrot.

Dieser Teil this.style.backgroundColor='#c00' ist die Farbe die angezeigt wird, wenn man mit der Maus ueber den Button geht.
Ihr koennt Hex und Woerter nehmen also #c00, #cc0000 und red sind alle rot.

Dieser Teil color:white; sorgt dafuer, dass die Schriftfarbe weiss ist.

padding:0 3px 0 3px; macht den Button breiter (0 = oben, 3px = rechts, 0 = unten, 3px = links) ihr koennt die Zahlen so viel aendern wie ihr wollt.
margin: 0 1px 0 0; ist der Platz zwischen den Buttons.
border:1px #300 solid; und border-top:1px #800 solid; sind der Rand. border aendert den ganzen Rand (erste Stelle steht fuer die breite des Rands, die zweite Stelle steht fuer die Farbe, die dritte ist der style des Rands).
border-top ist der Strich oben. Ich habe oben einen helleren Strich hin damit es mehr stylisch aussieht. Loescht border-top:1px #800 solid; raus wenn der Rand ueberall die selbe Farbe haben soll.

Den Rest muesst ihr nicht wissen.


Ihr solltet bei diesen Teil nur was aendern, wenn ihr wisst was ihr tut

Code: Alles auswählen

var aOrButtonStart = "<a href='javascript:void(0)'";
var aOrButtonEnd ="</a>";


OK, der Rest wird wohl in der Datei erklaert. ^^
Lest am besten alle Kommentare. Kommentare haben // Am Anfang.


So, ich habe die Datei gemacht, aber nicht ohne die Hilfe von 1. FC Keller. Ohne ihn waere das nicht moeglich gewesen und ohne TauchBlubba haette ich es nicht einmal probiert alles in eine Datei zu tun. ^^

Ihr braucht euch nicht bei mir zu bedanken, alles was ich tat war rumprobieren und versuchen etwas fuer andere zu erstellen.


Danke fuers Lesen,
M.E.R.255

PS: Hoffe ich habe nicht zuuu viel geschrieben bzw. die Datei nicht zu schwer gemacht. Ich habe versucht die Datei so leicht wie moeglich zu machen. Ah, und wenn ihrs nicht wisst, ihr muesst euch zwischen 3 Dateien entscheiden, tut nicht alle 3 rein!
Zuletzt geändert von M.E.R.255 am 11.10.2009, 22:17, insgesamt 2-mal geändert.

InvaderX
Beiträge: 49
Registriert: 21.08.2009, 00:10

Re: Button ins Eingabeframe

Ungelesener Beitrag von InvaderX » 07.10.2009, 13:29

Hallo super Script besten dank dafür!

Ich habe ein wenig damit rum gespielt und habe mir ein paar andere Buttons gemacht. Und soweit klappt es wunderbar auch wenn ich nicht wirklich Ahnung davon hab :lol:

Da ich ja ein paar andere Sachen rein gemacht habe, wolt ich fragen ob man das was per Button Klick im Eingabeframe eingefügt wird automatisch senden lassen kann.

Also Button<--Klick, dann steht es ja im Eingabeframe, und jetzt soll es gesendet werden.
Es betrift Schriftfarbe und Games

Ob das wohl machbar wäre?

Hier der geänderte Code

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 &nbsp; 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 = ["&nbsp;fett&nbsp;","schr&auml;g","unterstrich","&nbsp;hoch&nbsp;","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;}

M.E.R.255
Beiträge: 32
Registriert: 29.07.2009, 08:44
Wohnort: USA, Missouri
Kontaktdaten:

Re: Button ins Eingabeframe

Ungelesener Beitrag von M.E.R.255 » 07.10.2009, 18:21

Hmm, das ist etwas schwer (fuer einen Noob wie mich^^) ich glaube man muesste da die Funktion so aendern, dass sie nichts ins Eingabeframe schickt, sondern gleich in den Chatstream (was du ja bestimmt wusstest). Ich weiss an sich nicht wie diese Funktion von diesem Chat da lautet. Ich koennte mal rumprobierenb und sehen ob ichs herausfinde (wie bei all den anderen Sachen in meinen Skript :lol: )

InvaderX
Beiträge: 49
Registriert: 21.08.2009, 00:10

Re: Button ins Eingabeframe

Ungelesener Beitrag von InvaderX » 09.10.2009, 11:02

Also ich wolte es ja so haben das ich nur auf den Button klicke und der Text mit dem einen Button click abgesendet wird. So das ich nicht extra noch mal auf "CHAT" klicken muss.

Dies habe ich hinbekommen, da bekommt der erfahrene Scripter vieleicht Augenkrebs :lol:
Bin ein totaller Noob in Sachen Scripten, aber es geht :D

Benötig dan die Grundscriptsammlung in der Ankündigung

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+'');
}

M.E.R.255
Beiträge: 32
Registriert: 29.07.2009, 08:44
Wohnort: USA, Missouri
Kontaktdaten:

Re: Button ins Eingabeframe

Ungelesener Beitrag von M.E.R.255 » 11.10.2009, 18:57

Das gibts nicht :shock: ich haette an sowas garnicht gedacht, ich haette gedacht das waeren so 3 Zeilen an Code. :lol: Da sieht man mal wer hier der bessere Scripter ist. ^^

Hast mir da viel Arbeit erspart, thx :lol:

Ah, mir ist gerade was aufgefallen:

Code: Alles auswählen

sendeText(''+fontColor+'');
Hier hast du ''+fontColor+'' gemacht, du kannst/solltest es vielleicht so machen

Code: Alles auswählen

sendeText(fontColor);
Das Ergebnis ist das selbe nur fand ich folgendes heraus: diese ' und " haben meistens einen normalen Text drinnen, das Zeug mit + davor und/oder dahinter (bzw. mit keinen " und ') sind mehr so Codezeug. Also bei sendeText(''+fontColor+'') postest du im Chat nichts, einen Code und nochmal nichts.
Zuletzt geändert von M.E.R.255 am 11.10.2009, 19:18, insgesamt 1-mal geändert.

InvaderX
Beiträge: 49
Registriert: 21.08.2009, 00:10

Re: Button ins Eingabeframe

Ungelesener Beitrag von InvaderX » 11.10.2009, 19:15

Jetzt hab ich noch ne Frage undzwar könnte man die Buttons beim betretten automatisch öffnen lassen so das man nicht auf "Extra" klicken muss. Da die sehr gut bei mir im Chat ankommt, wäre des echt der Hammer.

M.E.R.255
Beiträge: 32
Registriert: 29.07.2009, 08:44
Wohnort: USA, Missouri
Kontaktdaten:

Re: Button ins Eingabeframe

Ungelesener Beitrag von M.E.R.255 » 11.10.2009, 19:23

Du willst die im Chat immer angezeigt haben? Wow, ich wusste ja nicht dass ihr das so moegt^^ das macht mich gluecklich^^ Ok ahem, ich denke das ist machbar. Ich werde es mal ausprobieren (das kann dauern :lol: ) Ich denke ich wuerde das in 30min bis ner Stunde schaffen (ohne Ablenkung :lol: ).

Maxs
Moderator
Beiträge: 551
Registriert: 09.10.2008, 18:21
Kontaktdaten:

Re: Button ins Eingabeframe

Ungelesener Beitrag von Maxs » 11.10.2009, 19:28

Dann viel Glück ;)

M.E.R.255
Beiträge: 32
Registriert: 29.07.2009, 08:44
Wohnort: USA, Missouri
Kontaktdaten:

Re: Button ins Eingabeframe

Ungelesener Beitrag von M.E.R.255 » 11.10.2009, 19:37

Hmm oO mom, bin gerade verwirrt mit Schrift 1 von InvaderX. Wenn ich ja das so mache, sende ich die Farbe aber nicht einen gefaerbten Text. Ok eh darum kuemmer ich mich spaeter, erstmal probieren Extra immer anzuzeigen ohne auf Extra klicken zu muessen^^

OK, habe es jetzt geschafft^^ ich poste euch gleich was ihr aendern muesst^^ (meine Mutter ist am Telefon, argh)
Zuletzt geändert von M.E.R.255 am 11.10.2009, 19:52, insgesamt 1-mal geändert.

Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 35 Gäste