Shoutbox Javascript

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Shoutbox Javascript

    Hallo,

    was muß ich ändern, wenn eine userID null ist kein : angeben wird nach dem Username?

    Gruß camiyo

    Quellcode

    1. /**
    2. * @author Sebastian Oettl
    3. * @copyright 2009 WCF Solutions <http://www.wcfsolutions.com/index.php>
    4. * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
    5. */
    6. var Shoutbox = Class.create({
    7. /**
    8. * Inits Shoutbox.
    9. */
    10. initialize: function(entries, lastUpdateTime) {
    11. this.entries = entries;
    12. this.lastUpdateTime = lastUpdateTime;
    13. this.options = Object.extend({
    14. langDeleteEntry: '',
    15. langDeleteEntrySure: '',
    16. imgDeleteEntrySrc: '',
    17. entryReloadInterval: 0,
    18. entrySortOrder: 'ASC'
    19. }, arguments[2] || { });
    21. // set entries
    22. this.setEntries(this.entries);
    24. // start entry update
    25. this.startEntryUpdate();
    26. },
    28. /**
    29. * Starts the entry update.
    30. */
    31. startEntryUpdate: function() {
    32. if (this.options.entryReloadInterval != 0) {
    33. this.executer = new PeriodicalExecuter(this.updateEntries.bind(this), this.options.entryReloadInterval);
    34. }
    35. },
    37. /**
    38. * Stops the entry update.
    39. */
    40. stopEntryUpdate: function() {
    41. if (this.options.entryReloadInterval != 0) {
    42. this.executer.stop();
    43. }
    44. },
    46. /**
    47. * Inserts a smiley.
    48. */
    49. insertSmiley: function(code) {
    50. var shoutboxMessage = $('shoutboxMessage');
    51. shoutboxMessage.value = shoutboxMessage.value+' '+code+' ';
    52. shoutboxMessage.focus();
    53. },
    55. /**
    56. * Adds a new entry.
    57. */
    58. addEntry: function() {
    59. // stop update
    60. this.stopEntryUpdate();
    62. // get message
    63. var message = $('shoutboxMessage').value;
    65. // reset message
    66. $('shoutboxMessage').value = '';
    67. $('shoutboxMessage').focus();
    69. // get username
    70. var username = '';
    71. if ($('shoutboxUsername')) username = $('shoutboxUsername').value;
    73. // add entry
    74. new Ajax.Request('index.php?page=ShoutboxAction&action=add'+SID_ARG_2ND, {
    75. method: 'post',
    76. parameters: {
    77. message: message,
    78. username: username
    79. },
    80. onSuccess: function() {
    81. // update entries
    82. this.updateEntries();
    84. // restart entry update
    85. this.startEntryUpdate();
    86. }.bind(this)
    87. });
    88. },
    90. /**
    91. * Deletes an entry.
    92. */
    93. deleteEntry: function(id) {
    94. new Ajax.Request('index.php?page=ShoutboxAction&action=delete'+SID_ARG_2ND, {
    95. method: 'post',
    96. parameters: {
    97. entryID: id
    98. },
    99. onSuccess: function() {
    100. // unset entry
    101. this.entries.unset(id);
    103. // set entries
    104. this.setEntries(this.entries);
    105. }.bind(this)
    106. });
    107. },
    109. /**
    110. * Updates the entries.
    111. */
    112. updateEntries: function() {
    113. new Ajax.Request('index.php?page=ShoutboxAction&action=getEntries'+SID_ARG_2ND, {
    114. method: 'post',
    115. parameters: {
    116. startTime: this.lastUpdateTime
    117. },
    118. onSuccess: function(response) {
    119. // get entries
    120. var entries = response.responseXML.getElementsByTagName('entries');
    121. if (entries.length > 0) {
    122. for (var i = 0; i < entries[0].childNodes.length; i++) {
    123. this.entries.set(entries[0].childNodes[i].childNodes[0].childNodes[0].nodeValue, {
    124. userID: entries[0].childNodes[i].childNodes[1].childNodes[0].nodeValue,
    125. username: entries[0].childNodes[i].childNodes[2].childNodes[0].nodeValue,
    126. time: entries[0].childNodes[i].childNodes[4].childNodes[0].nodeValue,
    127. message: entries[0].childNodes[i].childNodes[5].childNodes[0].nodeValue,
    128. canDelete: entries[0].childNodes[i].childNodes[6].childNodes[0].nodeValue
    129. });
    131. // set last update time
    132. if (i == entries[0].childNodes.length - 1) {
    133. this.lastUpdateTime = entries[0].childNodes[i].childNodes[3].childNodes[0].nodeValue;
    134. }
    135. }
    136. this.setEntries(this.entries);
    137. }
    138. }.bind(this)
    139. });
    140. },
    142. /**
    143. * Sets the given entries in the shoutbox.
    144. */
    145. setEntries: function(entries) {
    146. var shoutboxMessageDiv = $('shoutboxContent');
    147. if (shoutboxMessageDiv) {
    148. // update shoutbox content
    149. var newEntryString = '';
    150. var idArray = entries.keys();
    151. if (this.options.entrySortOrder == 'DESC') {
    152. idArray.reverse();
    153. }
    154. for (var i = 0; i < idArray.length; i++) {
    155. var id = idArray[i];
    156. var entry = this.entries.get(id);
    158. // update entry string
    159. newEntryString += '<p id="shoutboxEntry'+id+'"><span class="light">['+entry.time+']</span>'+(entry.canDelete != 0 ? ' <a href="javascript:shoutbox.deleteEntry('+id+')" onclick="return confirm(\''+this.options.langDeleteEntrySure+'\')" title="'+this.options.langDeleteEntry+'"><img src="'+this.options.imgDeleteEntrySrc+'" alt="" /></a>' : '')+' '+(entry.userID != 0 ? '<a href="'+'index.php?page=User&userID='+entry.userID+SID_ARG_2ND+'">'+entry.username+'</a>' : entry.username)+': '+entry.message+'</p>';
    160. }
    161. shoutboxMessageDiv.update(newEntryString);
    163. // focus last entry
    164. if (this.options.entrySortOrder == 'ASC') {
    165. shoutboxMessageDiv.scrollTop = shoutboxMessageDiv.scrollHeight - shoutboxMessageDiv.offsetHeight + 100;
    166. }
    167. }
    168. }
    169. });
    Alles anzeigen

  • Ändere Zeile 159 deines Codes in folgendes:

    Quellcode

    1. newEntryString += '<p id="shoutboxEntry'+id+'"><span class="light">['+entry.time+']</span>'+(entry.canDelete != 0 ? ' <a href="javascript:shoutbox.deleteEntry('+id+')" onclick="return confirm(\''+this.options.langDeleteEntrySure+'\')" title="'+this.options.langDeleteEntry+'"><img src="'+this.options.imgDeleteEntrySrc+'" alt="" /></a>' : '')+' '+(entry.userID != 0 ? '<a href="'+'index.php?page=User&userID='+entry.userID+SID_ARG_2ND+'">'+entry.username+':</a>' : entry.username)+' '+entry.message+'</p>';
    Open Source --> Programmieren aus Leidenschaft :!:

    Ich stehe weder für privaten Support per PM noch über einen IM zur Verfügung. Danke.