[Mod] bbcode Smileys

[shadowhunter]

Has anybody found a solution about this reported bug?
I use the version 1.7.4.
Please help me!
Thanks!
greetings

[UFOSWORLD]

GERMAN:
Ich möchte das die smilies in einem extra Fenster angezeigt werden.
Neben dem Kommentarfeld soll ein Button auftauchen der [Smilies] heisst. Wenn man auf den Button drückt, öffnet sich ein Fenster in dem die Smilies angeziegt werden.
Wenn man nun in dem neuen Fenster auf einen Smilie klickt, dann soll dessen Code in das KOmmentarfeld übernommen werden. Das Smiliewindow soll dabei offen bleiben.
Is das möglich, weil ich hab so eine Lösung auf ner anderen Seite gefunden.
Ich habe zu viele Smilies, deswegen bräuchte ich die Lösung mit dem Extra Fenster.

thx UFO

ENGLISCH:

I want the smilies shown in an extra small window...
next to the text area there should be a button with [Smilies]  when you klick on it a Window opens whrere all Smilies are shown.
When you klick now on a smilie, the Smiliecode should be postet in the text area field, the smilie window should be still open.
Is that possible, because i saw that on another page..
I have to many smilies , therefore i need that solution with extra window.
thx UFO

[steka]

1. The transparensy isn't working in Mozilla Firefox (look for screen shot).

[DEUTSCH]
Nachdem ich einige Tests durchgeführt habe, scheint das Problem gefunden worden zu sein.
Ursache ist der Code, der bei Step 3 in die styles.css eingefügt wurde. Die beiden Kommentarzeilen beim eingefügten Code haben die falsche Syntax.
Der Firefox wertet die Definition von .smilies deshalb scheinbar nicht aus und somit werden die buttons nicht korrekt dargestellt.

falsch: <!-- Kommentar -->
richtig: /* Kommentar */

Es würde auch schon ausreichen, die beiden Kommentarzeilen aus dem styles.css zu entfernen.
Somit erspart man sich, bei allen Buttons in der bbcode.html zusätzliche Änderungen durchzuführen.
Ggf. sollte der Code der Anleitung bei Step 3 entsprechend geändert werden.


[ENGLISH]
After some tests i'm sure finding the cause of the problem.
The code which was added into styles.css in Step 3 seems to be incorrect. The comments in front and in end of copycode use wrong syntax.
It looks like Firefox ignores the complete .smilie definition. Thats the reason why buttons are wrong displayed (no transparency, icons repeat)

wrong: <!-- comment -->
correct: /* comment */

fast patch: just delete the 2 comment-lines from styles.css --> instead of the additional changes in bbcode.html
Maybe you should fix the copycode in Step 3


steka

[Joss]

Hi all,
there is my update of the MOD. This update solves the problem with edit comments with smiles, smiles in headlines and image titles.

1. Remove code from step 2.2 in format_text function from includes/functions.php:

Code: [Select]

 
// Smilie Mod
$text = show_smilies($text);
// End Smilie Mod
2. Find

Code: [Select]

function utf8_to_htmlentities($source) {
Add before

Code: [Select]

// Smilie Mod
function format_smiles($text) {
$text = show_smilies($text);
  return $text;
}
// End Smilie Mod

3. details.php
Find

Code: [Select]

"comment_text" => format_text($comment_row[$i]['comment_text'], $config['html_comments'], $config['wordwrap_comments'], $config['bb_comments'], $config['bb_img_comments'], 1),
Replace to

Code: [Select]

"comment_text" => format_smiles($tmp_comment),
Find some lines before

Code: [Select]

$site_template->register_vars(array(
Add before

Code: [Select]

$tmp_comment = format_text($comment_row[$i]['comment_text'], $config['html_comments'], $config['wordwrap_comments'], $config['bb_comments'], $config['bb_img_comments'], 1);
4. index.php
Find

Code: [Select]

"comment_text" => format_text($text, $config['html_comments'], $config['wordwrap_comments'], $config['bb_comments'], $config['bb_img_comments'], 1, 0),
Replace to

Code: [Select]

"comment_text" => format_smiles($tmp_comment),
Find some lines before

Code: [Select]

$site_template->register_vars(array(
Add before

Code: [Select]

$tmp_comment = format_text($text, $config['html_comments'], $config['wordwrap_comments'], $config['bb_comments'], $config['bb_img_comments'], 1, 0);
5. comments_all.php from corresponding MOD
Find

Code: [Select]

"comment_text" => format_text($comment_row[$i]['comment_text'], $config['html_comments'], $config['wordwrap_comments'], $config['bb_comments'], $config['bb_img_comments'], 1 , 1),
Replace to

Code: [Select]

"comment_text" => format_smiles($tmp_comment),
Find some lines before

Code: [Select]

$site_template->register_vars(array(
Add before

Code: [Select]

$tmp_comment = format_text($comment_row[$i]['comment_text'], $config['html_comments'], $config['wordwrap_comments'], $config['bb_comments'], $config['bb_img_comments'], 1 , 1);
6. member.php
Find

Code: [Select]

"comment_text" => format_text($comment_row[$i]['comment_text'], $config['html_comments'], $config['wordwrap_comments'], $config['bb_comments'], $config['bb_img_comments']),
Replace to

Code: [Select]

"comment_text" => format_smiles($tmp_comment),
Find some lines before

Code: [Select]

$site_template->register_vars(array(
Add before

Code: [Select]

$tmp_comment = format_text($comment_row[$i]['comment_text'], $config['html_comments'], $config['wordwrap_comments'], $config['bb_comments'], $config['bb_img_comments']);
Also, please note, that there is a patch for Mozilla browser smiles transparency problem:
http://www.4homepages.de/forum/index.php?topic=6646.msg71091#msg71091

[shadowhunter]

Hello Joss

I have found a better solution:

includes/functions.php
Search:

Code: [Select]

  // Smilie Mod
  $text = show_smilies($text);
  // End Smilie Mod
Replace with:

Code: [Select]

  // Smilie Mod
  if ($bbcode == 1)
  $text = show_smilies($text);
  // End Smilie Mod
index.php
Search:

Code: [Select]

"comment_text" => format_text($text, $config['html_comments'], $config['wordwrap_comments'], $config['bb_comments'], $config['bb_img_comments'], 1, 0),$config['bb_comments'] should be "1" in settings [ACP -> Settings -> Allow BB-Code in comments = YES]

Greetings Jones

[Pearl]

Hi guys!

I am hopeing I can get some help here...I have added the smilies but for some reason its not showing the smilies when commenting...here is the screenshot..

I am up to date with the latest 4images.

[Lucifix]

Does anyone know how to disable smilies in image title?

[crs]

Looks with Mozilla Firefox not very nice, there is a button or something behind the smileys? 
Please take a look at my screenshot.

Thanks for help

[bergblume]

Looks with Mozilla Firefox not very nice, there is a button or something behind the smileys? 
Please take a look at my screenshot.

Thanks for help

is there already a solution available for this question?

greetings, bergblume

[V@no]

yes, it uses buttons for the smiles.
replace it with simple icons:

Code: [Select]

        <!-- Smilie Mod -->
        <tr>
          <td class="row2">
            <img src="{template_url}/smilies/icon_biggrin.gif"    onClick="smilie(this.form,' :D ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_smile.gif"      onClick="smilie(this.form,' :) ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_sad.gif"        onClick="smilie(this.form,' :( ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_surprised.gif"  onClick="smilie(this.form,' :o ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_shock.gif"      onClick="smilie(this.form,' 8o ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_confused.gif"   onClick="smilie(this.form,' :? ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_cool.gif"       onClick="smilie(this.form,' 8) ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_lol.gif"        onClick="smilie(this.form,' :lol: ')"     style="width: 15px;" />
            <img src="{template_url}/smilies/icon_mad.gif"        onClick="smilie(this.form,' :x ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_razz.gif"       onClick="smilie(this.form,' :p ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_redface.gif"    onClick="smilie(this.form,' :oops: ')"    style="width: 15px;" />
            <img src="{template_url}/smilies/icon_cry.gif"        onClick="smilie(this.form,' :cry: ')"     style="width: 15px;" />
            <img src="{template_url}/smilies/icon_evil.gif"       onClick="smilie(this.form,' :evil: ')"    style="width: 15px;" />
            <img src="{template_url}/smilies/icon_twisted.gif"    onClick="smilie(this.form,' :twisted: ')" style="width: 15px;" />
            <img src="{template_url}/smilies/icon_rolleyes.gif"   onClick="smilie(this.form,' :roll: ')"    style="width: 15px;" />
            <img src="{template_url}/smilies/icon_wink.gif"       onClick="smilie(this.form,' ;) ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_neutral.gif"    onClick="smilie(this.form,' :| ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_exclaim.gif"    onClick="smilie(this.form,' :!: ')"       style="width: 15px;" />
            <img src="{template_url}/smilies/icon_question.gif"   onClick="smilie(this.form,' :?: ')"       style="width: 15px;" />
            <img src="{template_url}/smilies/icon_idea.gif"       onClick="smilie(this.form,' :idea:' )"    style="width: 15px;" />
            <img src="{template_url}/smilies/icon_arrow.gif"      onClick="smilie(this.form,' :arrow: ')"   style="width: 15px;" />
          </td>
        </tr>
        <!-- End Smilie Mod -->


[bergblume]

hi v@ano,

thank you for your help... style was good now - but I could not click on the icons in order to insert smilies in comment form. I realized it now with this solution:

Code: [Select]

<input type="button" value=" " onClick="smilie(this.form,' :sun: ')" name="button"  style="background-image: url({template_url}/smilies/weather_sun.png); width: 16px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;" />

I have another small question - is it also possible to get an output by click on a smilie that looks like text :smily: - I mean that I want to have automaticaly in front of smilies an predifined text that is output automatically e.g. condition

greetings, bergblume

[crs]

yes, it uses buttons for the smiles.
replace it with simple icons:

Code: [Select]

        <!-- Smilie Mod -->
        <tr>
          <td class="row2">
            <img src="{template_url}/smilies/icon_biggrin.gif"    onClick="smilie(this.form,' :D ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_smile.gif"      onClick="smilie(this.form,' :) ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_sad.gif"        onClick="smilie(this.form,' :( ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_surprised.gif"  onClick="smilie(this.form,' :o ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_shock.gif"      onClick="smilie(this.form,' 8o ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_confused.gif"   onClick="smilie(this.form,' :? ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_cool.gif"       onClick="smilie(this.form,' 8) ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_lol.gif"        onClick="smilie(this.form,' :lol: ')"     style="width: 15px;" />
            <img src="{template_url}/smilies/icon_mad.gif"        onClick="smilie(this.form,' :x ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_razz.gif"       onClick="smilie(this.form,' :p ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_redface.gif"    onClick="smilie(this.form,' :oops: ')"    style="width: 15px;" />
            <img src="{template_url}/smilies/icon_cry.gif"        onClick="smilie(this.form,' :cry: ')"     style="width: 15px;" />
            <img src="{template_url}/smilies/icon_evil.gif"       onClick="smilie(this.form,' :evil: ')"    style="width: 15px;" />
            <img src="{template_url}/smilies/icon_twisted.gif"    onClick="smilie(this.form,' :twisted: ')" style="width: 15px;" />
            <img src="{template_url}/smilies/icon_rolleyes.gif"   onClick="smilie(this.form,' :roll: ')"    style="width: 15px;" />
            <img src="{template_url}/smilies/icon_wink.gif"       onClick="smilie(this.form,' ;) ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_neutral.gif"    onClick="smilie(this.form,' :| ')"        style="width: 15px;" />
            <img src="{template_url}/smilies/icon_exclaim.gif"    onClick="smilie(this.form,' :!: ')"       style="width: 15px;" />
            <img src="{template_url}/smilies/icon_question.gif"   onClick="smilie(this.form,' :?: ')"       style="width: 15px;" />
            <img src="{template_url}/smilies/icon_idea.gif"       onClick="smilie(this.form,' :idea:' )"    style="width: 15px;" />
            <img src="{template_url}/smilies/icon_arrow.gif"      onClick="smilie(this.form,' :arrow: ')"   style="width: 15px;" />
          </td>
        </tr>
        <!-- End Smilie Mod -->


THX for your post vano, there is no button anymore but i cant use the smileys with this code...

[sanko86]

this mod please for   update version 1.7.6

[bergblume]

hi crs,

ich beantworte deine anfrage per PN hier für alle...

stelle zunächst sicher, dass du die datei functions wie folgt geändert hast:

includes/functions.php

step 2.1

find following code
-------------------------
folgenden code finden

Code: [Select]

function get_user_info($user_id = 0) {
add before
-------------------------
davor hinzufügen

Code: [Select]

// Smilie Mod
function show_smilies($text) {
    $search_smilie  = array(":)",":-)",":smile:",    ":D",":-D",":grin:",           ":(",":-(",":sad:", "8o","8-o",":shock",":eek:", ":?:",      ":?",":-?",":???:",               "8)","8-)",":cool:",  ":x",":-x",":mad:", ":p",":P",":-p",":-P",":razz:",     ":*",":-*",":oops:",           ":'(",":'-(",":cry:", ">:(",">:-(",":evil:",  ":roll:",   ";)",";-)",":wink:",  ":|",":-|",":neutral:",        ":o",":-o",              ">:)",">:-)",":twisted:",      ":lol:","LOL", ":!:",     ":idea:", ":arrow:", ":mrgreen:");
    $replace_smilie = array("smile","smile","smile", "biggrin","biggrin","biggrin", "sad","sad","sad",  "eek","eek","eek","eek",     "question", "confused","confused","confused", "cool","cool","cool", "mad","mad","mad",  "razz","razz","razz","razz","razz", "redface","redface","redface", "cry","cry","cry",    "evil", "evil", "evil", "rolleyes", "wink","wink","wink", "neutral","neutral","neutral", "surprised","surprised", "twisted","twisted","twisted", "lol","lol",     "exclaim", "idea",   "arrow",   "mrgreen");
  for($smile=0;$smile<count($search_smilie);$smile++){
    $text = str_replace($search_smilie[$smile],"<img src=\"".TEMPLATE_PATH."/smilies/icon_".$replace_smilie[$smile].".gif\">",$text);
  }

  return $text;
}
// End Smilie Mod

step 2.2

find following code
-------------------------
folgenden code finden

Code: [Select]

  $text = str_replace("\\'", "'", $text);
add after
-------------------------
after hinzufügen

Code: [Select]


  // Smilie Mod
  $text = show_smilies($text);
  // End Smilie Mod



step 3

dann musst du in der datei bbcode.html (findest du in deinem template-ordner) noch wie folgt abändern:

finde folgenden code in bbcode.html

Code: [Select]

  theform.comment_text.value += thelist+listend;
  theform.comment_text.focus();
}
füge danach folgenden code ein:

Code: [Select]

// Smilie Mod
function smilie(theform,smiliecode) {
  theform.comment_text.value += smiliecode;
  theform.comment_text.focus();
}
// End Smilie Mod

suche

Code: [Select]

<input type="button" value="List" title="LIST" onclick="dolist(this.form)" name="button" class="button" />
          </td>
        </tr>
danach diesen code reinkopieren:

Code: [Select]

        <!-- Smilie Mod -->
        <tr>
          <td class="row2">
            <input type="button" value=" " onClick="smilie(this.form,' :D ')"         class="smilie" style="background-image: url({template_url}/smilies/icon_biggrin.gif); width: 15px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;"/>
            <input type="button" value=" " onClick="smilie(this.form,' :) ')"         class="smilie" style="background-image: url({template_url}/smilies/icon_smile.gif); width: 15px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;"/>
            <input type="button" value=" " onClick="smilie(this.form,' :( ')"         class="smilie" style="background-image: url({template_url}/smilies/icon_sad.gif); width: 15px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;"/>
            <input type="button" value=" " onClick="smilie(this.form,' :o ')"         class="smilie" style="background-image: url({template_url}/smilies/icon_surprised.gif); width: 15px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;"/>
            <input type="button" value=" " onClick="smilie(this.form,' :? ')"         class="smilie" style="background-image: url({template_url}/smilies/icon_confused.gif); width: 15px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;"/>
            <input type="button" value=" " onClick="smilie(this.form,' 8) ')"         class="smilie" style="background-image: url({template_url}/smilies/icon_cool.gif); width: 15px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;"/>
            <input type="button" value=" " onClick="smilie(this.form,' :lol: ')"      class="smilie" style="background-image: url({template_url}/smilies/icon_lol.gif); width: 15px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;"/>
            <input type="button" value=" " onClick="smilie(this.form,' :x ')"         class="smilie" style="background-image: url({template_url}/smilies/icon_mad.gif); width: 15px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;"/>
            <input type="button" value=" " onClick="smilie(this.form,' :p ')"         class="smilie" style="background-image: url({template_url}/smilies/icon_razz.gif); width: 15px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;"/>
            <input type="button" value=" " onClick="smilie(this.form,' :oops: ')"     class="smilie" style="background-image: url({template_url}/smilies/icon_redface.gif); width: 15px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;"/>
            <input type="button" value=" " onClick="smilie(this.form,' :cry: ')"      class="smilie" style="background-image: url({template_url}/smilies/icon_cry.gif); width: 15px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;"/>
            <input type="button" value=" " onClick="smilie(this.form,' :evil: ')"     class="smilie" style="background-image: url({template_url}/smilies/icon_evil.gif); width: 15px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;"/>
            <input type="button" value=" " onClick="smilie(this.form,' :twisted: ')"  class="smilie" style="background-image: url({template_url}/smilies/icon_twisted.gif); width: 15px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;"/>
            <input type="button" value=" " onClick="smilie(this.form,' :roll: ')"     class="smilie" style="background-image: url({template_url}/smilies/icon_rolleyes.gif); width: 15px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;"/>
            <input type="button" value=" " onClick="smilie(this.form,' ;) ')"         class="smilie" style="background-image: url({template_url}/smilies/icon_wink.gif); width: 15px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;"/>
            <input type="button" value=" " onClick="smilie(this.form,' :| ')"         class="smilie" style="background-image: url({template_url}/smilies/icon_neutral.gif); width: 15px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;"/>
            <input type="button" value=" " onClick="smilie(this.form,' :!: ')"        class="smilie" style="background-image: url({template_url}/smilies/icon_exclaim.gif); width: 15px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;"/>
            <input type="button" value=" " onClick="smilie(this.form,' :?: ')"        class="smilie" style="background-image: url({template_url}/smilies/icon_question.gif); width: 15px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;"/>
            <input type="button" value=" " onClick="smilie(this.form,' :idea:' )"     class="smilie" style="background-image: url({template_url}/smilies/icon_idea.gif); width: 15px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;"/>
            <input type="button" value=" " onClick="smilie(this.form,' :arrow: ')"    class="smilie" style="background-image: url({template_url}/smilies/icon_arrow.gif); width: 15px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: hand;"/>
          </td>
        </tr>
           </td>
        </tr>
        <!-- End Smilie Mod -->

[crs]

Dankeschön, funktioniert!
Gibt es eigentlich auch eine Möglichkeit, noch mehr Smileys im Pop-Up anzuzeigen?
So in etwa wie hier im Forum, indem man auf "more" klickt und sich dann ein Pop-up mit mehr eigenen Smileys öffnet, die man selbst hinzugefügt hat.