top



So i tried to replace it but i don't get it i use this

Code:
 <script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#quickreply').replaceWith('here the code from the new quick reply ');
});
</script> 
 


If i try to put the code for the new bbcode bottons
Code:
 <button class="button2" onclick="bbstyle(0)" onmouseover="helpline('b')" type="button" id="addbbcode0" accesskey="b" title="{L_BBCODE_B}"><img src="http://i22.servimg.com/u/f22/15/42/72/40/bold-i12.png" alt="{L_BBCODE_B}" /></button> 
               <button class="button2" onclick="bbstyle(2)" onmouseover="helpline('i')" type="button" id="addbbcode2" accesskey="i" title="{L_BBCODE_I}"><img src="{PATH_IMG_FA}wysiwyg/text_italic.png" alt="{L_BBCODE_I}" /></button> 
               <button class="button2" onclick="bbstyle(4)" onmouseover="helpline('u')" type="button" id="addbbcode4" accesskey="u" title="{L_BBCODE_U}"><img src="{PATH_IMG_FA}wysiwyg/text_underline.png" alt="{L_BBCODE_U}" /></button> 
               <button class="button2" onclick="bbstyle(34)" onmouseover="helpline('x')" type="button" id="addbbcode34" accesskey="x" title="{L_BBCODE_X}"><img src="{PATH_IMG_FA}wysiwyg/text_strikethrough.png" alt="{L_BBCODE_X}" /></button> 
               <img src="{PATH_IMG_FA}wysiwyg/separator.png" style="vertical-align:middle" /> 
               <button class="button2" onclick="bbstyle(52)" onmouseover="helpline('m')" type="button" id="addbbcode52" accesskey="m" title="{L_BBCODE_LEFT}"><img src="{PATH_IMG_FA}wysiwyg/text_align_left.png" alt="{L_BBCODE_LEFT}" /></button> 
               <button class="button2" onclick="bbstyle(30)" onmouseover="helpline('t')" type="button" id="addbbcode30" accesskey="t" title="{L_BBCODE_T}"><img src="{PATH_IMG_FA}wysiwyg/text_align_center.png" alt="{L_BBCODE_T}" /></button> 
               <button class="button2" onclick="bbstyle(32)" onmouseover="helpline('g')" type="button" id="addbbcode32" accesskey="g" title="{L_BBCODE_G}"><img src="{PATH_IMG_FA}wysiwyg/text_align_right.png" alt="{L_BBCODE_G}" /></button> 
               <button class="button2" onclick="bbstyle(46)" onmouseover="helpline('jt')" type="button" id="addbbcode46" accesskey="jt" title="{L_BBCODE_J}"><img src="{PATH_IMG_FA}wysiwyg/text_align_justify.png" alt="{L_BBCODE_J}" /></button> 
               <img src="{PATH_IMG_FA}wysiwyg/separator.png" style="vertical-align:middle" /> 
               <button class="button2" onclick="bbstyle(10)" onmouseover="helpline('l')" type="button" id="addbbcode10" accesskey="l" title="{L_BBCODE_L}"><img src="{PATH_IMG_FA}wysiwyg/text_list_bullets.png" alt="{L_BBCODE_L}" /></button> 
               <button class="button2" onclick="bbstyle(12)" onmouseover="helpline('o')" type="button" id="addbbcode12" accesskey="o" title="{L_BBCODE_O}"><img src="{PATH_IMG_FA}wysiwyg/text_list_numbers.png" alt="{L_BBCODE_O}" /></button> 
               <button class="button2" onclick="bbfontstyle('[hr]','')" onmouseover="helpline('hr')" type="button" title="{L_BBCODE_HR}"><img src="{PATH_IMG_FA}wysiwyg/text_horizontalrule.png" alt="{L_BBCODE_HR}" /></button> 
               <img src="{PATH_IMG_FA}wysiwyg/separator.png" style="vertical-align:middle" /> 
               <button class="button2" onclick="bbstyle(6)" onmouseover="helpline('q')" type="button" id="addbbcode6" accesskey="q" title="{L_BBCODE_Q}"><img src="{PATH_IMG_FA}wysiwyg/comments.png" alt="{L_BBCODE_Q}" /></button> 
               <button class="button2" onclick="bbstyle(8)" onmouseover="helpline('c')" type="button" id="addbbcode8" accesskey="c" title="{L_BBCODE_C}"><img src="{PATH_IMG_FA}wysiwyg/page_white_code.png" alt="{L_BBCODE_C}" /></button> 
               <button class="button2" onclick="selectWysiwyg(this,'table_gui')" onmouseover="helpline('tab')" type="button" id="addbbcodetable" accesskey="" title="{L_BBCODE_TAB}"><img src="{PATH_IMG_FA}wysiwyg/table.png" alt="{L_BBCODE_TAB}" /></button> 
               <img src="{PATH_IMG_FA}wysiwyg/separator.png" style="vertical-align:middle" /> 
               <!-- BEGIN switch_upload_servimg -->
               <button class="button2" onclick="display_upload_servimg(this,'{SERVIMG_USER_EMAIL}','{SERVIMG_ID}','{SERVIMG_FID}')" onmouseover="helpline('y')" type="button" id="servimg" accesskey="y" title="{L_BBCODE_H}"><img src="{PATH_IMG_FA}wysiwyg/picture_save.png" alt="{L_BBCODE_H}" /></button> 
               <!-- END switch_upload_servimg -->
               <!-- BEGIN switch_upload_imageshack -->
               <button class="button2" onclick="display_upload_imageshack(this)" onmouseover="helpline('y')" type="button" id="imageshack" accesskey="y" title="{L_BBCODE_H}"><img src="{PATH_IMG_FA}wysiwyg/picture_save.png" alt="{L_BBCODE_H}" /></button> 
               <!-- END switch_upload_imageshack -->
               <button class="button2" onclick="selectWysiwyg(this,'img')" onmouseover="helpline('p')" type="button" id="addbbcode14" accesskey="p" title="{L_BBCODE_P}"><img src="{PATH_IMG_FA}wysiwyg/picture.png" alt="{L_BBCODE_P}" /></button> 
               <button class="button2" onclick="selectWysiwyg(this,'url')" onmouseover="helpline('w')" type="button" id="addbbcode16" accesskey="w" title="{L_BBCODE_W}"><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_BBCODE_W}" /></button> 
               <button class="button2" onclick="selectWysiwyg(this,'flash')" onmouseover="helpline('fl')" type="button" title="{L_BBCODE_FLASH}"><img src="{PATH_IMG_FA}wysiwyg/page_white_flash.png" alt="{L_BBCODE_FLASH}" /></button> 
               <button class="button2" onclick="selectWysiwyg(this,'video')" onmouseover="helpline('vd')" type="button" title="{L_BBCODE_VIDEO}"><img src="{PATH_IMG_FA}wysiwyg/film.png" alt="{L_BBCODE_VIDEO}" /></button> 
               <img src="{PATH_IMG_FA}wysiwyg/separator.png" style="vertical-align:middle" /> 
               <button class="button2" onclick="selectWysiwyg(this,'px')" onmouseover="helpline('f')" type="button"    title="{L_BBCODE_TFONT}"><img src="{PATH_IMG_FA}wysiwyg/style.png" alt="{L_BBCODE_TFONT}" /></button> 
               <button class="button2" onclick="selectWysiwyg(this,'color')" onmouseover="helpline('s')" type="button" title="{L_BBCODE_COLOR}"><img src="{PATH_IMG_FA}wysiwyg/color_swatch.png" alt="{L_BBCODE_COLOR}" /></button> 
               <button class="button2" onclick="selectWysiwyg(this,'font')" onmouseover="helpline('ft')" type="button" title="{L_BBCODE_FONT}"><img src="{PATH_IMG_FA}wysiwyg/font.png" alt="{L_BBCODE_FONT}" /></button> 
               <img src="{PATH_IMG_FA}wysiwyg/separator.png" style="vertical-align:middle" /> 
               <input class="button2" onclick="selectWysiwyg(this,'other')" type="button" value="{L_OTHER_BBCODE}" style="height:22px" /> 
               <img src="{PATH_IMG_FA}wysiwyg/separator.png" style="vertical-align:middle" /> 
               <!-- BEGIN switch_roll_dice_old -->
               <button class="button2" onclick="selectWysiwyg(this,'dices')" type="button"><img src="{PATH_IMG_FA}wysiwyg/dice.gif" /></button> 
               <img src="{PATH_IMG_FA}wysiwyg/separator.png" style="vertical-align:middle" /> <wbr/>
               <!-- END switch_roll_dice_old -->
               <button class="button2" onclick="window.open('http://{URL_FORUM}/faq.htm?mode=bbcode')" type="button" title="{L_BBCODE_HELP}"><img src="{PATH_IMG_FA}wysiwyg/help.png" alt="{L_BBCODE_HELP}" /></button> 
               <img src="{PATH_IMG_FA}wysiwyg/separator.png" style="vertical-align:middle" /> 
               <a onmouseover="helpline('a')" href="javascript:bbstyle(-1)">{L_BBCODE_CLOSE_TAGS}</a> 

i took this code from the posting_body it wiil not appear :(

What's your own quick reply? Smile

man i want to change the picture of the bbcode butons

You want this code if i'm not wrong

Code:

.pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited {
   padding-left: 20px;
   background-repeat: no-repeat;
   background-position: left;
   background-image: url('http://cdn.iconfinder.netdna-cdn.com/data/icons/ledicons/help.png');
   }

if so the add this to your css and change the image.

use this:

Code:
jQuery(document).ready(function() {
    jQuery('button img').each(function() {
        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_bold.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/bold10.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_italic.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/italic10.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_underline.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/underl10.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_strikethrough.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/strike10.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_align_center.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/align_10.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_align_left.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/align_11.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_align_right.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/align_12.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/page_white_code.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/code10.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/i/smiles/icon_smile.gif') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/color_swatch.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/font_c11.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/help.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/help10.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/link.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/link10.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/film.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/media10.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_list_numbers.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/ordere10.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/picture.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/pictur10.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/comments.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/quote10.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/i/switch_wysiwyg.gif') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/remove12.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_list_bullets.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/unorde10.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_align_justify.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/align_13.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_horizontalrule.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/text_h10.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/table.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/table10.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/picture_save.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/pictur11.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/page_white_flash.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/page_w10.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/style.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/size10.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/font.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/fon10.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/separator.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/separa10.png');
    });
})

Put it on an HTML page

oh that well here http://www.worlddezign.com/t707-replace-any-iconimage-with-jquery is a tut by Gangstar15 Smile

Solved thx !