Buton de selectare a unui fundal.

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Buton de selectare a unui fundal.

Mesaj Scris de joe4astral la data de Joi 16 Oct - 22:56

Bună seara.
Am urmărit acest subiect: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
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.


Ultima editare efectuata de catre joe4astral in Mier 22 Oct - 7:10, editata de 1 ori

joe4astral
Membru Forumgratuit

masculin

Mesaje : 134
Varsta : 41
Data de inscriere : 01/03/2014
Multumiri : 3
2 avertismente

http://forumoty.forumulmeu.com/

Sus In jos

Rezolvat Re: Buton de selectare a unui fundal.

Mesaj Scris de Zeus la data de Vin 17 Oct - 12:34

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


[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Zeus
Administrator
Administrator

masculin

Mesaje : 3896
Localizare : Bucuresti, Romania
Data de inscriere : 19/02/2012
Multumiri : 598
Niciun avertisment

http://help.forumgratuit.ro

Sus In jos

Rezolvat Re: Buton de selectare a unui fundal.

Mesaj Scris de joe4astral la data de Vin 17 Oct - 18:13

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.

joe4astral
Membru Forumgratuit

masculin

Mesaje : 134
Varsta : 41
Data de inscriere : 01/03/2014
Multumiri : 3
2 avertismente

http://forumoty.forumulmeu.com/

Sus In jos

Rezolvat Re: Buton de selectare a unui fundal.

Mesaj Scris de Zeus la data de Vin 17 Oct - 20:57

Dupa ce ati adaugat codul javaScript furnizat de mine [Trebuie sa fiti inscris si conectat pentru a vedea acest link], ar trebui sa va apara editorul de mesaje astfel:



[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Zeus
Administrator
Administrator

masculin

Mesaje : 3896
Localizare : Bucuresti, Romania
Data de inscriere : 19/02/2012
Multumiri : 598
Niciun avertisment

http://help.forumgratuit.ro

Sus In jos

Rezolvat Re: Buton de selectare a unui fundal.

Mesaj Scris de joe4astral la data de Mier 22 Oct - 0:58

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:Dupa ce ati adaugat codul javaScript furnizat de mine [Trebuie sa fiti inscris si conectat pentru a vedea acest link], 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
Membru Forumgratuit

masculin

Mesaje : 134
Varsta : 41
Data de inscriere : 01/03/2014
Multumiri : 3
2 avertismente

http://forumoty.forumulmeu.com/

Sus In jos

Rezolvat Re: Buton de selectare a unui fundal.

Mesaj Scris de joe4astral la data de Mier 22 Oct - 7:10

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.

joe4astral
Membru Forumgratuit

masculin

Mesaje : 134
Varsta : 41
Data de inscriere : 01/03/2014
Multumiri : 3
2 avertismente

http://forumoty.forumulmeu.com/

Sus In jos

Rezolvat Re: Buton de selectare a unui fundal.

Mesaj Scris de Typlo la data de Mier 22 Oct - 14:24

topic rezolvat

Typlo
Membru onorific
Membru onorific

masculin

Mesaje : 1783
Varsta : 18
Localizare : Alba Iulia
Data de inscriere : 08/01/2013
Multumiri : 68
Niciun avertisment

http://help.forumgratuit.ro/forum

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum