Chatbox und Profiländerung???

von Luke Hamilton777 Mo 29 Okt 2012 - 11:23

Ich habe heute das Forum warriorcats.de entdeckt und fand da einige interessante Sachen:
Dort ist das Profil so angelegt und ich wollte fragen ob so etwas möglich ist:

Chatbox - Chatbox und Profiländerung??? Somachen

Chatbox - Chatbox und Profiländerung??? Somachen

Chatbox - Chatbox und Profiländerung??? Somachen2

Chatbox - Chatbox und Profiländerung??? Somachen3

Chatbox - Chatbox und Profiländerung??? Somachen4

Auserdem habe ich den Code der Chatbox kopiert:
Und ich wollte auch noch fragen ob man das so abändern kann das man am Anfang nach dem Passwort und Benutzername gefragt wird und das es mehrere Räume gibt und Funktionen.
Könnt ihr euch den Code mal angucken, bevor ihr antwortet, da ja schon gesagt wurde, dass Flüstern und Räume nicht möglich sind:

Die Passwort&Usernameabfrage:
<?xml version='1.0' encoding='utf-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir='ltr' lang='de' xml:lang='de' xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta content='application/xhtml+xml; charset=UTF-8' http-equiv='Content-Type' />
<title>WarriorCats.de Chat</title>
<style type='text/css'>
/*<![CDATA[*/
body {
padding:0;
margin:0;
}
/*]]>*/
</style>
<link href='/css/warriorcats.css' rel='stylesheet' title='warriorcats' type='text/css' />

</head>
<body>
<div id='loginContent'>
<div id='loginHeadlineContainer'>
<h1>WarriorCats.de Chat</h1>
</div>
<form action="/" class="new_user" id="loginForm" method="post"><div style="margin:0;padding:0;display:inline"><input name="authenticity_token" type="hidden" value="nZivPY/atQAGqujlWwG5tJj+Sr3Y9qDAWsIIlzByG2U=" /></div>
<div id='loginFormContainer'>
<div>
<label for="user_username">Benutzername:</label>
<br />
<input id="user_username" name="user[username]" size="30" type="text" value="" />
</div>
<div>
<label for="user_user_password">Passwort:</label>
<br />
<input id="user_user_password" name="user[user_password]" size="30" type="password" value="" />
</div>
<div>
<label for='channelField'>Raum:</label>
<br />
<select id='channelField' name='channel'>
<option value='/channel4'>Baumgeviert</option>
<option value='/channel3'>Baumsägeort</option>
<option value='/channel2'>Donnerweg</option>
<option selected='selected' value='/channel1'>Zweibeinerort</option>
<option value='/channel5'>RPG-Raum</option>
<option value='sepperator'>-----------</option>
<option value='/rooms/u'></option>

</select>
</div>
<div>
<input id="loginButton" name="commit" type="submit" value="Login" />
</div>
<div id='loginRegisteredUsers'>
Noch kein Warriorcats Mitglied? Dann klick`
<a href="http://forum.warriorcats.de/ucp.php?mode=register">hier</a>
um dich zu registrieren.
</div>
</div>
</form>
</div>
</body>
</html>

Wenn man sich eingeloggt in den Chat hat:

<?xml version='1.0' encoding='utf-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir='ltr' lang='de' xml:lang='de' xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta content='application/xhtml+xml; charset=UTF-8' http-equiv='Content-Type' />
<title>WarriorCats.de Chat</title>
<style type='text/css'>
/*<![CDATA[*/
body {
padding:0;
margin:0;
}
/*]]>*/
</style>
<link href='/css/warriorcats.css' rel='stylesheet' title='warriorcats' type='text/css' />

<script src="/javascripts/json2.js?1340376847" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="http://chat.warriorcats.de:9090/chat/client.js" type="text/javascript"></script>
<script src="/javascripts/chat.js?1343627930" type="text/javascript"></script>
<meta name="csrf-param" content="authenticity_token"/>
<meta name="csrf-token" content="nZivPY/atQAGqujlWwG5tJj+Sr3Y9qDAWsIIlzByG2U="/>
</head>
<body>
<div id='content'>
<div id='headlineContainer'>
<h1>WarriorCats.de Chat Open Beta</h1>
</div>
<div id='beta'>
Open Beta
</div>
<div id='paper'>
<div id='paper-t'></div>
<div id='paper-l'></div>
<div id='paper-r'></div>
<div id='paper-lt'></div>
<div id='paper-rt'></div>
<div id='paper-b'></div>
</div>
<div id='logoutChannelContainer'>
<input id='logoutButton' onclick='ajaxChat.logout();' type='button' value='Logout' />
<label for='channelSelection' id='channelSelectionLabel'>Raum:</label>
<select id='channelSelection' onchange='ajaxChat.switchChannel(this.options[this.selectedIndex].value, this.options[this.selectedIndex].innerHTML);'>
<option value='/channel4'>Baumgeviert</option>
<option value='/channel3'>Baumsägeort</option>
<option value='/channel2'>Donnerweg</option>
<option selected='selected' value='/channel1'>Zweibeinerort</option>
<option value='/channel5'>RPG-Raum</option>
<option value='sepperator'>-----------</option>
<option value='/rooms/u35827'>Beispielpfote</option>

</select>
</div>
<div class='statusContainerOn' id='statusIconContainer'></div>

<form action="/chat_messages" class="edit_chat_message" id="new_chat_message" method="post"><div style="margin:0;padding:0;display:inline"><input name="_method" type="hidden" value="put" /><input name="authenticity_token" type="hidden" value="nZivPY/atQAGqujlWwG5tJj+Sr3Y9qDAWsIIlzByG2U=" /></div>
<div id='chatList'></div>
<div id='inputFieldContainer'>
<input autocomplete="off" id="inputField" maxlength="500" name="chat_message[message]" size="500" type="text" />
</div>
<div id='submitButtonContainer'>
<span id='messageLengthCounter'>0/500</span>
<input id="submitButton" name="commit" type="submit" value="Abschicken" />
</div>
</form>
<script type='text/javascript'>
//<![CDATA[
ajaxChat.set_user('35827', 'Beispielpfote', '2', '/channel1');
//]]>
</script>

<div dir='ltr' id='emoticonsContainer'></div>
<div id='bbCodeContainer'>
<input onclick="ajaxChat.insertBBCode('b');" style='font-weight:bold;' title='Fett: Text' type='button' value='b' />
<input onclick="ajaxChat.insertBBCode('i');" style='font-style:italic;' title='Kursiv: Text' type='button' value='i' />
<input onclick="ajaxChat.insertBBCode('u');" style='text-decoration:underline;' title='Unterstrichen: Text' type='button' value='u' />
<input onclick="ajaxChat.insertBBCode('quote');" title='Zitat:

Text

oder [quote=Autor]Text[/quote]' type='button' value='Zitat' />
<input onclick="$('#colorCodesContainer').toggle();" title='Schriftfarbe: Text' type='button' value='Schriftfarbe' />
</div>
<div dir='ltr' id='colorCodesContainer' style='display:none;'>
<span onclick="ajaxChat.setFontColor('black');" style='background-color:black;' title='black'></span>
<span onclick="ajaxChat.setFontColor('#321106');" style='background-color:#321106;' title='brown (default)'></span>
<span onclick="ajaxChat.setFontColor('maroon');" style='background-color:maroon;' title='maroon'></span>
<span onclick="ajaxChat.setFontColor('gray');" style='background-color:gray;' title='gray'></span>
<span onclick="ajaxChat.setFontColor('orange');" style='background-color:orange;' title='orange'></span>
<span onclick="ajaxChat.setFontColor('red');" style='background-color:red;' title='red'></span>
<span onclick="ajaxChat.setFontColor('fuchsia');" style='background-color:fuchsia;' title='fuchsia'></span>
<span onclick="ajaxChat.setFontColor('purple');" style='background-color:purple;' title='purple'></span>
<span onclick="ajaxChat.setFontColor('navy');" style='background-color:navy;' title='navy'></span>
<span onclick="ajaxChat.setFontColor('blue');" style='background-color:blue;' title='blue'></span>
<span onclick="ajaxChat.setFontColor('teal');" style='background-color:teal;' title='teal'></span>
<span onclick="ajaxChat.setFontColor('green');" style='background-color:green;' title='green'></span>
<span onclick="ajaxChat.setFontColor('olive');" style='background-color:olive;' title='olive'></span>
</div>
<div id='optionsContainer'>

<input alt='Autoscroll' class='button' id='autoScrollButton' onclick="ajaxChat.toggleSetting('autoScroll', 'autoScrollButton');" src='img/pixel.gif' title='Autoscroll' type='button' value='Autoscroll' />
</div>
<div id='onlineListContainer'>
<h3>Online Benutzer</h3>
<div id='onlineList'></div>
</div>
<div id='helpContainer' style='display:none;'>
<h3>Hilfe</h3>
<div id='helpList'>
<table>
<tr class='rowOdd'>
<td class='desc'>Raum betreten:</td>
<td class='code'>/join Raumname</td>
</tr>
<tr class='rowEven'>
<td class='desc'>Einen privaten Raum erstellen (nur registrierte Benutzer):</td>
<td class='code'>/join</td>
</tr>
<tr class='rowOdd'>
<td class='desc'>Jemanden einladen (z.B. in einen privaten Raum):</td>
<td class='code'>/invite Benutzername</td>
</tr>
<tr class='rowEven'>
<td class='desc'>Einladung zurücknehmen:</td>
<td class='code'>/uninvite Benutzername</td>
</tr>
<tr class='rowOdd'>
<td class='desc'>Logout aus dem Chat:</td>
<td class='code'>/quit</td>
</tr>
<tr class='rowEven'>
<td class='desc'>Private Nachricht:</td>
<td class='code'>/msg Benutzername Text</td>
</tr>
<tr class='rowOdd'>
<td class='desc'>Privaten Kanal öffnen:</td>
<td class='code'>/query Benutzername</td>
</tr>
<tr class='rowEven'>
<td class='desc'>Privaten Kanal schließen:</td>
<td class='code'>/query</td>
</tr>
<tr class='rowOdd'>
<td class='desc'>Aktion beschreiben:</td>
<td class='code'>/action Text</td>
</tr>
<tr class='rowEven'>
<td class='desc'>Aktion in privater Nachricht beschreiben:</td>
<td class='code'>/describe Benutzername Text</td>
</tr>
<tr class='rowOdd'>
<td class='desc'>Nachrichten von Benutzer ignorieren/akzeptieren:</td>
<td class='code'>/ignore Benutzername</td>
</tr>
<tr class='rowEven'>
<td class='desc'>Ignorierte Benutzer auflisten:</td>
<td class='code'>/ignore</td>
</tr>
<tr class='rowOdd'>
<td class='desc'>Raum eines Benutzers anzeigen:</td>
<td class='code'>/whereis Benutzername</td>
</tr>
<tr class='rowEven'>
<td class='desc'>Benutzer ausschließen (nur Moderatoren):</td>
<td class='code'>/kick Benutzername [Ausschluss in Minuten]</td>
</tr>
<tr class='rowOdd'>
<td class='desc'>Ausschluss eines Benutzers aufheben (nur Moderatoren):</td>
<td class='code'>/unban Benutzername</td>
</tr>
<tr class='rowEven'>
<td class='desc'>Ausgeschlossene Benutzer auflisten (nur Moderatoren):</td>
<td class='code'>/bans</td>
</tr>
<tr class='rowOdd'>
<td class='desc'>Benutzer IP anzeigen (nur Moderatoren):</td>
<td class='code'>/whois Benutzername</td>
</tr>
<tr class='rowEven'>
<td class='desc'>Online Benutzer auflisten:</td>
<td class='code'>/who [Kanalname]</td>
</tr>
<tr class='rowOdd'>
<td class='desc'>Verfügbare Räume auflisten:</td>
<td class='code'>/list</td>
</tr>
<tr class='rowEven'>
<td class='desc'>Würfeln:</td>
<td class='code'>/roll [Anzahl]d[Seiten]</td>
</tr>
<tr class='rowOdd'>
<td class='desc'>Benutzernamen ändern:</td>
<td class='code'>/nick Benutzername</td>
</tr>
</table>
</div>
</div>
<div id='settingsContainer' style='display:none;'>
<h3>Einstellungen</h3>
<div id='settingsList'>
<table>
<tr class='rowOdd'>
<td>
<label for='bbCodeSetting'>BBCode aktivieren:</label>
</td>
<td class='setting'>
<input id='bbCodeSetting' onclick="ajaxChat.setSetting('bbCode', this.checked);" type='checkbox' />
</td>
</tr>
<tr class='rowEven'>
<td>
<label for='bbCodeImagesSetting'>Bilder BBCode aktivieren:</label>
</td>
<td class='setting'>
<input id='bbCodeImagesSetting' onclick="ajaxChat.setSetting('bbCodeImages', this.checked);" type='checkbox' />
</td>
</tr>
<tr class='rowOdd'>
<td>
<label for='bbCodeColorsSetting'>Schriftfarben BBCode aktivieren:</label>
</td>
<td class='setting'>
<input id='bbCodeColorsSetting' onclick="ajaxChat.setSetting('bbCodeColors', this.checked);" type='checkbox' />
</td>
</tr>
<tr class='rowEven'>
<td>
<label for='hyperLinksSetting'>Hyperlinks aktivieren:</label>
</td>
<td class='setting'>
<input id='hyperLinksSetting' onclick="ajaxChat.setSetting('hyperLinks', this.checked);" type='checkbox' />
</td>
</tr>
<tr class='rowOdd'>
<td>
<label for='lineBreaksSetting'>Zeilenumbrüche aktivieren:</label>
</td>
<td class='setting'>
<input id='lineBreaksSetting' onclick="ajaxChat.setSetting('lineBreaks', this.checked);" type='checkbox' />
</td>
</tr>
<tr class='rowEven'>
<td>
<label for='emoticonsSetting'>Smileys aktivieren:</label>
</td>
<td class='setting'>
<input id='emoticonsSetting' onclick="ajaxChat.setSetting('emoticons', this.checked);" type='checkbox' />
</td>
</tr>
<tr class='rowOdd'>
<td>
<label for='autoFocusSetting'>Automatisch den Fokus auf das Eingabefeld setzen:</label>
</td>
<td class='setting'>
<input id='autoFocusSetting' onclick="ajaxChat.setSetting('autoFocus', this.checked);" type='checkbox' />
</td>
</tr>
<tr class='rowEven'>
<td>
<label for='maxMessagesSetting'>Maximale Anzahl der Nachrichten in der Chatliste:</label>
</td>
<td class='setting'>
<input class='text' id='maxMessagesSetting' onchange="ajaxChat.setSetting('maxMessages', parseInt(this.value));" type='text' />
</td>
</tr>
<tr class='rowOdd'>
<td>
<label for='wordWrapSetting'>Lange Wörter umbrechen:</label>
</td>
<td class='setting'>
<input id='wordWrapSetting' onclick="ajaxChat.setSetting('wordWrap', this.checked);" type='checkbox' />
</td>
</tr>
<tr class='rowEven'>
<td>
<label for='maxWordLengthSetting'>Maximallänge eines Wortes bevor es umgebrochen wird:</label>
</td>
<td class='setting'>
<input class='text' id='maxWordLengthSetting' onchange="ajaxChat.setSetting('maxWordLength', parseInt(this.value));" type='text' />
</td>
</tr>
<tr class='rowOdd'>
<td>
<label for='dateFormatSetting'>Datums- und Zeitanzeige:</label>
</td>
<td class='setting'>
<input class='text' id='dateFormatSetting' onchange="ajaxChat.setSetting('dateFormat', this.value);" type='text' />
</td>
</tr>
<tr class='rowEven'>
<td>
<label for='persistFontColorSetting'>Schriftfarbe dauerhaft setzen:</label>
</td>
<td class='setting'>
<input id='persistFontColorSetting' onclick='ajaxChat.setPersistFontColor(this.checked);' type='checkbox' />
</td>
</tr>
<tr class='rowOdd'>
<td>
<label for='audioVolumeSetting'>Lautstärke:</label>
</td>
<td class='setting'>
<select class='left' id='audioVolumeSetting' onchange='ajaxChat.setAudioVolume(this.options[this.selectedIndex].value);'>
<option value='1.0'>100 %</option>
<option value='0.9'>90 %</option>
<option value='0.8'>80 %</option>
<option value='0.7'>70 %</option>
<option value='0.6'>60 %</option>
<option value='0.5'>50 %</option>
<option value='0.4'>40 %</option>
<option value='0.3'>30 %</option>
<option value='0.2'>20 %</option>
<option value='0.1'>10 %</option>
</select>
</td>
</tr>
<tr class='rowEven'>
<td>
<label for='soundReceiveSetting'>Klang für empfangene Nachrichten:</label>
</td>
<td class='setting'>
<select id='soundReceiveSetting' onchange="ajaxChat.setSetting('soundReceive', this.options[this.selectedIndex].value);">
<option value=''>-</option>
</select>
<input alt='Ausgewählten Klang abspielen' class='button playback' onclick='ajaxChat.playSound(this.previousSibling.options[this.previousSibling.selectedIndex].value);' src='img/pixel.gif' title='Ausgewählten Klang abspielen' type='image' />
</td>
</tr>
<tr class='rowOdd'>
<td>
<label for='soundSendSetting'>Klang für gesendete Nachrichten:</label>
</td>
<td class='setting'>
<select id='soundSendSetting' onchange="ajaxChat.setSetting('soundSend', this.options[this.selectedIndex].value);">
<option value=''>-</option>
</select>
<input alt='Ausgewählten Klang abspielen' class='button playback' onclick='ajaxChat.playSound(this.previousSibling.options[this.previousSibling.selectedIndex].value);' src='img/pixel.gif' title='Ausgewählten Klang abspielen' type='image' />
</td>
</tr>
<tr class='rowEven'>
<td>
<label for='soundEnterSetting'>Klang für Logins und das Betreten von Räumen:</label>
</td>
<td class='setting'>
<select id='soundEnterSetting' onchange="ajaxChat.setSetting('soundEnter', this.options[this.selectedIndex].value);">
<option value=''>-</option>
</select>
<input alt='Ausgewählten Klang abspielen' class='button playback' onclick='ajaxChat.playSound(this.previousSibling.options[this.previousSibling.selectedIndex].value);' src='img/pixel.gif' title='Ausgewählten Klang abspielen' type='image' />
</td>
</tr>
<tr class='rowOdd'>
<td>
<label for='soundLeaveSetting'>Klang für Logouts und das Verlassen von Räumen:</label>
</td>
<td class='setting'>
<select id='soundLeaveSetting' onchange="ajaxChat.setSetting('soundLeave', this.options[this.selectedIndex].value);">
<option value=''>-</option>
</select>
<input alt='Ausgewählten Klang abspielen' class='button playback' onclick='ajaxChat.playSound(this.previousSibling.options[this.previousSibling.selectedIndex].value);' src='img/pixel.gif' title='Ausgewählten Klang abspielen' type='image' />
</td>
</tr>
<tr class='rowEven'>
<td>
<label for='soundChatBotSetting'>Klang für Chatbot Nachrichten:</label>
</td>
<td class='setting'>
<select id='soundChatBotSetting' onchange="ajaxChat.setSetting('soundChatBot', this.options[this.selectedIndex].value);">
<option value=''>-</option>
</select>
<input alt='Ausgewählten Klang abspielen' class='button playback' onclick='ajaxChat.playSound(this.previousSibling.options[this.previousSibling.selectedIndex].value);' src='img/pixel.gif' title='Ausgewählten Klang abspielen' type='image' />
</td>
</tr>
<tr class='rowOdd'>
<td>
<label for='soundErrorSetting'>Klang für Fehlermeldungen:</label>
</td>
<td class='setting'>
<select id='soundErrorSetting' onchange="ajaxChat.setSetting('soundError', this.options[this.selectedIndex].value);">
<option value=''>-</option>
</select>
<input alt='Ausgewählten Klang abspielen' class='button playback' onclick='ajaxChat.playSound(this.previousSibling.options[this.previousSibling.selectedIndex].value);' src='img/pixel.gif' title='Ausgewählten Klang abspielen' type='image' />
</td>
</tr>
<tr class='rowEven'>
<td>
<label for='blinkSetting'>Blinkender Fenstertitel bei neuen Nachrichten:</label>
</td>
<td class='setting'>
<input id='blinkSetting' onclick="ajaxChat.setSetting('blink', this.checked);" type='checkbox' />
</td>
</tr>
<tr class='rowOdd'>
<td>
<label for='blinkIntervalSetting'>Blink-Intervall in Millisekunden:</label>
</td>
<td class='setting'>
<input class='text' id='blinkIntervalSetting' onchange="ajaxChat.setSetting('blinkInterval', parseInt(this.value));" type='text' />
</td>
</tr>
<tr class='rowEven'>
<td>
<label for='blinkIntervalNumberSetting'>Anzahl der Blink-Intervalle:</label>
</td>
<td class='setting'>
<input class='text' id='blinkIntervalNumberSetting' onchange="ajaxChat.setSetting('blinkIntervalNumber', parseInt(this.value));" type='text' />
</td>
</tr>
</table>
</div>
</div>
<div id='paper-lb'></div>
<div id='paper-rb'></div>
</div>
<div id='flashInterfaceContainer'></div>
</body>
</html>

Danke,

~Luke

von Günther Mo 29 Okt 2012 - 11:32

Hallo,

zuerst mal: Bei einem BB3-Forum kannst du solche Änderungen schon mal komplett vergessen.

Selbst mit einem BB2-Forum und sehr guten HTML-Kenntnissen wirst du das Profil nie in dieser Art gestalten können, da du hinsichtlich des Datenbankzugriffs sehr eingeschränkt bist. Um derartige Änderungen zu erreichen, musst du dir schon selbst eine Forensoftware zulegen und diese auf deinem eigenen Server hosten.

Zum Chat: Bei uns ist pro unterschiedlicher Frage auch ein eigener Thread vorgesehen. Wink

Bevor du daraus aber nochmal ein großes Thema machst, kann ich kann dir gleich dazusagen, dass du auf den vorhandenen Chat ohnehin keinen Zugriff hast und dir diese zusammengesammelten Codes nur bei guten Programmierkenntnissen und einem eigenen Server inkl. Datenbank von Nutzen sein würden.
Über unsere Suchfunktion findest du Erklärungen, wie du in einem BB3-Forum einen externen Chatroom in ein Modul oder eine Forenbeschreibung einsetzen kannst. Andere Möglichkeiten stehen dir auch hier nicht offen.

Liebe Grüße
Günther

von Luke Hamilton777 Mo 29 Okt 2012 - 11:36

Danke, Günther!
Dann ist das Thema jetzt erledigt.

von Günther Mo 29 Okt 2012 - 11:37

Bitteschön. Smile

-done-

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

Chatbox und Profiländerung???

Chatbox und Profiländerung???

Re: Chatbox und Profiländerung???

Re: Chatbox und Profiländerung???

Re: Chatbox und Profiländerung???