Buton de selectare a unui fundal.

[joe4astral]

Bună seara.
Am urmărit acest subiect: https://help.forumgratuit.ro/t45000-buton-de-selectare-a-imaginii-de-fundal-pentru-mesaje
Am urmat și pașii. Nu văd acest buton Bg, poate este și nu știu unde să-l caut. Dacă ar trebui să fie la editarea unui mesaj, nu e.
Mulțumesc.

[Zeus]

Buna ziua,

Codul javascript din acel tutorial contine o eroare destul de "aratoasa", am reparat eroarea respectiva, acum tot ce trebuie sa faceti este sa adaugati urmatorul cod in gestiunea codurilor javascript:

Cod:

$(function() {
  $("div.postbody").each(function() {
    var n = this;
    if($(".post-entry", n).length) {
      n = $(".post-entry", n)[0]
    }else {
      if($(".content", n).length) {
        n = $(".content", n)[0]
      }
    }
    while(n.nodeType != 3 && n.hasChildNodes()) {
      n = n.childNodes[0]
    }
    if(n.nodeType != 3) {
      return;
    }
    if(n.nodeValue.substr(0, 8) != "[postbg=") {
      return;
    }
    var m = n.nodeValue.match(/^\[postbg=([^\]]*)\]/);
    if(!m) return;
    $(this).closest("div.post-container,div.post,td.row1,td.row2,div.postmain").addClass("postbg").css("background-image", "url(" + m[1] + ")");
    n.nodeValue = n.nodeValue.replace(/^\[postbg=[^\[]*\]\n?/, "");
    if(!n.nodeValue && n.nextSibling && n.nextSibling.nodeType == 1 && n.nextSibling.tagName == "BR") {
      $(n.nextSibling).remove()
    }
  });
  if($("#text_editor_textarea").length && $.sceditor) {
    var bglist = "http://i.imgur.com/20aRJFn.png,http://i.imgur.com/DcTM2Ng.jpg,http://i.imgur.com/tkC3deY.jpg,http://i.imgur.com/pfTcnqF.png,http://i.imgur.com/dAQtdaR.gif,http://i.imgur.com/48CU2Qx.png,http://i.imgur.com/lRuwoVi.png,http://i.imgur.com/EHp45H1.png,http://i.imgur.com/8bhbqFF.png,http://i.imgur.com/tb80sYG.png,http://i.imgur.com/6LPhzcp.png,http://i.imgur.com/DkRuYf1.png,http://i.imgur.com/57F0z86.jpg,http://i.imgur.com/PZyMuXF.png".split(",");
    var bgnum = -1;
    var val = $("#text_editor_textarea").val();
    if(val.substr(0, 8) == "[postbg=") {
      var m = val.match(/^\[postbg=([^\]]*)\]/);
      if(m) {
        var r = $.inArray(m[1], bglist);
        if(r != -1) {
          bgnum = r
        }else {
          bgnum = bglist.length - 1
        }
        $(function() {
          $(".sceditor-container").css("background-position", "0 " + ($(".sceditor-toolbar").height() + 6) + "px");
          $(".sceditor-container").css("background-image", "url(" + m[1] + ")")
        });
        $("#text_editor_textarea").val(val.replace(/^\[postbg=[^\[]*\]/, ""))
      }
    }
    $(function() {
      if(!$("#text_editor_textarea").sceditor("instance")) {
        return
      }
      $('<a class="sceditor-button" unselectable="on" title="Fond de message"><div unselectable="on" style="background:url(http://i.imgur.com/Hrf5w1i.gif);opacity:1">Fond de message</div></a>').insertAfter(".sceditor-button-fahide").click(function(e) {
        if(e.ctrlKey) {
          $(".sceditor-container").css("background-image", "");
          bgnum = -1
        }else {
          bgnum++;
          if(!bgnum) {
            $(".sceditor-container").css("background-position", "0 " + ($(".sceditor-toolbar").height() + 6) + "px")
          }
          $(".sceditor-container").css("background-image", "url(" + bglist[bgnum % bglist.length] + ")")
        }
      })
    });
    $(function() {
      $('form[name="post"]').submit(function() {
        if(bgnum != -1) {
          $("#text_editor_textarea").val(function(i, val) {
            return"[postbg=" + bglist[bgnum % bglist.length] + "]" + val
          })
        }
      })
    })
  }
});

[joe4astral]

Scriu pașii pe care i-am urmat:
1. Din tutorial am introdus CSS:        

Cod:

div.sceditor-container iframe, div.sceditor-container textarea {
         background: transparent;
       }
       .postbg {
         background-position: 0 0; background-repeat: repeat;
       }

2. Am introdus codul Javascript dat de dvs. mai sus:        

Cod:

$(function() {
         $("div.postbody").each(function() {
           var n = this;
           if($(".post-entry", n).length) {
             n = $(".post-entry", n)[0]
           }else {
             if($(".content", n).length) {
               n = $(".content", n)[0]
             }
           }
           while(n.nodeType != 3 && n.hasChildNodes()) {
             n = n.childNodes[0]
           }
           if(n.nodeType != 3) {
             return;
           }
           if(n.nodeValue.substr(0,  != "[postbg=") {
             return;
           }
           var m = n.nodeValue.match(/^\[postbg=([^\]]*)\]/);
           if(!m) return;
           $(this).closest("div.post-container,div.post,td.row1,td.row2,div.postmain").addClass("postbg").css("background-image", "url(" + m[1] + ")");
           n.nodeValue = n.nodeValue.replace(/^\[postbg=[^\[]*\]\n?/, "");
           if(!n.nodeValue && n.nextSibling && n.nextSibling.nodeType == 1 && n.nextSibling.tagName == "BR") {
             $(n.nextSibling).remove()
           }
         });
         if($("#text_editor_textarea").length && $.sceditor) {
           var bglist = "http://i.imgur.com/20aRJFn.png,http://i.imgur.com/DcTM2Ng.jpg,http://i.imgur.com/tkC3deY.jpg,http://i.imgur.com/pfTcnqF.png,http://i.imgur.com/dAQtdaR.gif,http://i.imgur.com/48CU2Qx.png,http://i.imgur.com/lRuwoVi.png,http://i.imgur.com/EHp45H1.png,http://i.imgur.com/8bhbqFF.png,http://i.imgur.com/tb80sYG.png,http://i.imgur.com/6LPhzcp.png,http://i.imgur.com/DkRuYf1.png,http://i.imgur.com/57F0z86.jpg,http://i.imgur.com/PZyMuXF.png".split(",");
           var bgnum = -1;
           var val = $("#text_editor_textarea").val();
           if(val.substr(0,  == "[postbg=") {
             var m = val.match(/^\[postbg=([^\]]*)\]/);
             if(m) {
               var r = $.inArray(m[1], bglist);
               if(r != -1) {
                 bgnum = r
               }else {
                 bgnum = bglist.length - 1
               }
               $(function() {
                 $(".sceditor-container").css("background-position", "0 " + ($(".sceditor-toolbar").height() + 6) + "px");
                 $(".sceditor-container").css("background-image", "url(" + m[1] + ")")
               });
               $("#text_editor_textarea").val(val.replace(/^\[postbg=[^\[]*\]/, ""))
             }
           }
           $(function() {
             if(!$("#text_editor_textarea").sceditor("instance")) {
               return
             }
             $('<a class="sceditor-button" unselectable="on" title="Fond de message"><div unselectable="on" style="background:url(http://i.imgur.com/Hrf5w1i.gif);opacity:1">Fond de message</div></a>').insertAfter(".sceditor-button-fahide").click(function(e) {
               if(e.ctrlKey) {
                 $(".sceditor-container").css("background-image", "");
                 bgnum = -1
               }else {
                 bgnum++;
                 if(!bgnum) {
                   $(".sceditor-container").css("background-position", "0 " + ($(".sceditor-toolbar").height() + 6) + "px")
                 }
                 $(".sceditor-container").css("background-image", "url(" + bglist[bgnum % bglist.length] + ")")
               }
             })
           });
           $(function() {
             $('form[name="post"]').submit(function() {
               if(bgnum != -1) {
                 $("#text_editor_textarea").val(function(i, val) {
                   return"[postbg=" + bglist[bgnum % bglist.length] + "]" + val
                 })
               }
             })
           })
         }
       });

3. Normal că am dat click pe Valideaza la amândouă.

Tot nu văd acest buton Bg, poate este și nu știu unde să-l caut. Dacă ar trebui să fie la editarea unui mesaj, nu e.
Mulțumesc.

PS: Sau trebuie sa elimin toate spațiile pe care mi le dați în coduri?

~ Balizele code adaugate.

[Zeus]

Dupa ce ati adaugat codul javaScript furnizat de mine mai sus, ar trebui sa va apara editorul de mesaje astfel:

[joe4astral]

Dupa ce ati adaugat codul javaScript furnizat de mine mai sus, ar trebui sa va apara editorul de mesaje astfel:

Ar trebui. Și dacă nu apare, care este buba?
Sau poate nu-l văd eu. Iată print-screen:

[joe4astral]

Am găsit problema: codul nu e compatibil cu altele introduse. Dacă am șters, de exemplu:
"Script pentru sa adaugi o imagine si pe peste Ea sa adaugi scris
<table height="100" width="150" background="LINK IMAGINE" > <tr><td>TEXTUL DORIT</td></tr> </table>",
a apărut butonul.

[Typlo]