mousover effekt
Verfasst: 25.09.2010 19:20
Hollo ich würde gerne einen mousover effekt einbinden in der posting_button.html
//EDIT hier der code von der bbcode_button.html','
var imageTag = false;
// Helpline messages
var help_line = {
b: '{LA_BBCODE_B_HELP}',
i: '{LA_BBCODE_I_HELP}',
u: '{LA_BBCODE_U_HELP}',
q: '{LA_BBCODE_Q_HELP}',
c: '{LA_BBCODE_C_HELP}',
l: '{LA_BBCODE_L_HELP}',
o: '{LA_BBCODE_O_HELP}',
p: '{LA_BBCODE_P_HELP}',
w: '{LA_BBCODE_W_HELP}',
a: '{LA_BBCODE_A_HELP}',
s: '{LA_BBCODE_S_HELP}',
f: '{LA_BBCODE_F_HELP}',
e: '{LA_BBCODE_E_HELP}',
d: '{LA_BBCODE_D_HELP}'
<!-- BEGIN custom_tags -->
,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'
<!-- END custom_tags -->
}
var panels = new Array('options-panel', 'attach-panel', 'poll-panel');
var show_panel = 'options-panel';
// ]]>
</script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/editor.js"></script>
<!-- IF S_BBCODE_ALLOWED --><body bgcolor="#000000">
<div id="colour_palette" style="display: none;">
<dl style="clear: left;">
<dt><label>{L_FONT_COLOR}:</label></dt>
<dd>
<script type="text/javascript">
// <![CDATA[
function change_palette()
{
dE('colour_palette');
e = document.getElementById('colour_palette');
if (e.style.display == 'block')
{
document.getElementById('bbpalette').value = '{LA_FONT_COLOR_HIDE}';
}
else
{
document.getElementById('bbpalette').value = '{LA_FONT_COLOR}';
}
}
colorPalette('h', 15, 10);
// ]]>
</script>
</dd>
</dl>
</div>
<script
language="JavaScript">
<!--
button1_a= new Image();
button1_a.src = "../imageset/de/bold.gif"
button1_b= new Image();
button1_b.src = "../imageset/de/button-bold-mouseover.gif"
button2_a= new Image();
button2_a.src = "link02_start.gif"
button2_b= new Image();
button2_b.src = "link02_over.gif"
button3_a= new Image();
button3_a.src = "link03_start.gif"
button3_b= new Image();
button3_b.src = "link03_over.gif"
button4_a= new Image();
button4_a.src = "link04_start.gif"
button4_b= new Image();
button4_b.src = "link04_over.gif"
/* usw. für alle Grafiken,
die am Mouse-Over-Effekt beteiligt sind */
//-->
</script>
<div> <input type="button" accesskey="b" name="addbbcode0" value="" style=" background: url('styles/pbwow/imageset/de/bold.gif'); width: 28px; height: 35px; border: 0px" onmouseover="addbbcode0.src='../imageset/de/button-bold-mouseover.gif'" onmouseout="addbbcode0.src='../pbwow/imageset/de/bold.gif'" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" /><input type="button" class="amcbutton" accesskey="i" name="addbbcode2" value="" style="background: url('styles/pbwow/imageset/de/button-italic.gif'); width: 28px; height: 35px" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" /><input type="button" class="amcbutton" accesskey="u" name="addbbcode4" value="" style="background: url('styles/pbwow/imageset/de/button-underline.gif'); width: 28px; height: 35px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" /><!-- IF S_BBCODE_QUOTE --><input type="button" class="amcbutton" accesskey="q" name="addbbcode6" value="" style="background: url('styles/pbwow/imageset/de/button-quote.gif'); width: 28px; height: 35px" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" /><!-- ENDIF --><input type="button" class="amcbutton" accesskey="c" name="addbbcode8" value="" style="background: url('styles/pbwow/imageset/de/code.gif'); width: 28px; height: 35px" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" /><input type="button" class="amcbutton" accesskey="l" name="addbbcode10" value="" style="background: url('styles/pbwow/imageset/de/button-list.gif'); width: 28px; height: 35px" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" /><input type="button" class="amcbutton" accesskey="o" name="addbbcode12" value="" style="background: url('styles/pbwow/imageset/de/button-tabbed-list.gif'); width: 28px; height: 35px" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" /><input type="button" class="amcbutton" accesskey="t" name="addlitsitem" value="" style="background: url('styles/pbwow/imageset/de/listitem.gif'); width: 28px; height: 35px" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />
<!-- IF S_BBCODE_IMG -->
<input type="button" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
<!-- ENDIF -->
<!-- IF S_LINKS_ALLOWED -->
<input type="button" class="button2" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
<!-- ENDIF -->
<!-- IF S_BBCODE_FLASH -->
<input type="button" class="button2" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />
<!-- ENDIF -->
<select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="{L_BBCODE_F_HELP}">
<option value="50">{L_FONT_TINY}</option>
<option value="85">{L_FONT_SMALL}</option>
<option value="100" selected="selected">{L_FONT_NORMAL}</option>
<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 150 -->
<option value="150">{L_FONT_LARGE}</option>
<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
<option value="200">{L_FONT_HUGE}</option>
<!-- ENDIF -->
<!-- ENDIF --> </select>
<input type="button" class="button2" name="bbpalette" id="bbpalette" value="{L_FONT_COLOR}" onclick="change_palette();" title="{L_BBCODE_S_HELP}" />
<!-- BEGIN custom_tags -->
<input type="button" class="button2" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})" title="{custom_tags.BBCODE_HELPLINE}" />
<!-- END custom_tags -->
<!-- IF not S_PRIVMSGS--> <!-- INCLUDE wowhead_buttons.html --> <!-- ENDIF -->
</div>
<!-- ENDIF -->
>[/code]
sollte doch so funktionieren oder ? macht es aber nicht es bleibt immer das standart bild .....
mfg
Miraculix
//EDIT hier der code von der bbcode_button.html
Code: Alles auswählen
<script type="text/javascript">
// <![CDATA[
var form_name = 'postform';
var text_name = <!-- IF $SIG_EDIT -->'signature'<!-- ELSE -->'message'<!-- ENDIF -->;
var load_draft = false;
var upload = false;
// Define the bbCode tags
var bbcode = new Array();
var bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','
- ','
- ','
var imageTag = false;
// Helpline messages
var help_line = {
b: '{LA_BBCODE_B_HELP}',
i: '{LA_BBCODE_I_HELP}',
u: '{LA_BBCODE_U_HELP}',
q: '{LA_BBCODE_Q_HELP}',
c: '{LA_BBCODE_C_HELP}',
l: '{LA_BBCODE_L_HELP}',
o: '{LA_BBCODE_O_HELP}',
p: '{LA_BBCODE_P_HELP}',
w: '{LA_BBCODE_W_HELP}',
a: '{LA_BBCODE_A_HELP}',
s: '{LA_BBCODE_S_HELP}',
f: '{LA_BBCODE_F_HELP}',
e: '{LA_BBCODE_E_HELP}',
d: '{LA_BBCODE_D_HELP}'
<!-- BEGIN custom_tags -->
,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'
<!-- END custom_tags -->
}
var panels = new Array('options-panel', 'attach-panel', 'poll-panel');
var show_panel = 'options-panel';
// ]]>
</script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/editor.js"></script>
<!-- IF S_BBCODE_ALLOWED --><body bgcolor="#000000">
<div id="colour_palette" style="display: none;">
<dl style="clear: left;">
<dt><label>{L_FONT_COLOR}:</label></dt>
<dd>
<script type="text/javascript">
// <![CDATA[
function change_palette()
{
dE('colour_palette');
e = document.getElementById('colour_palette');
if (e.style.display == 'block')
{
document.getElementById('bbpalette').value = '{LA_FONT_COLOR_HIDE}';
}
else
{
document.getElementById('bbpalette').value = '{LA_FONT_COLOR}';
}
}
colorPalette('h', 15, 10);
// ]]>
</script>
</dd>
</dl>
</div>
<script
language="JavaScript">
<!--
button1_a= new Image();
button1_a.src = "../imageset/de/bold.gif"
button1_b= new Image();
button1_b.src = "../imageset/de/button-bold-mouseover.gif"
button2_a= new Image();
button2_a.src = "link02_start.gif"
button2_b= new Image();
button2_b.src = "link02_over.gif"
button3_a= new Image();
button3_a.src = "link03_start.gif"
button3_b= new Image();
button3_b.src = "link03_over.gif"
button4_a= new Image();
button4_a.src = "link04_start.gif"
button4_b= new Image();
button4_b.src = "link04_over.gif"
/* usw. für alle Grafiken,
die am Mouse-Over-Effekt beteiligt sind */
//-->
</script>
<div> <input type="button" accesskey="b" name="addbbcode0" value="" style=" background: url('styles/pbwow/imageset/de/bold.gif'); width: 28px; height: 35px; border: 0px" onmouseover="addbbcode0.src='../imageset/de/button-bold-mouseover.gif'" onmouseout="addbbcode0.src='../pbwow/imageset/de/bold.gif'" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" /><input type="button" class="amcbutton" accesskey="i" name="addbbcode2" value="" style="background: url('styles/pbwow/imageset/de/button-italic.gif'); width: 28px; height: 35px" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" /><input type="button" class="amcbutton" accesskey="u" name="addbbcode4" value="" style="background: url('styles/pbwow/imageset/de/button-underline.gif'); width: 28px; height: 35px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" /><!-- IF S_BBCODE_QUOTE --><input type="button" class="amcbutton" accesskey="q" name="addbbcode6" value="" style="background: url('styles/pbwow/imageset/de/button-quote.gif'); width: 28px; height: 35px" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" /><!-- ENDIF --><input type="button" class="amcbutton" accesskey="c" name="addbbcode8" value="" style="background: url('styles/pbwow/imageset/de/code.gif'); width: 28px; height: 35px" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" /><input type="button" class="amcbutton" accesskey="l" name="addbbcode10" value="" style="background: url('styles/pbwow/imageset/de/button-list.gif'); width: 28px; height: 35px" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" /><input type="button" class="amcbutton" accesskey="o" name="addbbcode12" value="" style="background: url('styles/pbwow/imageset/de/button-tabbed-list.gif'); width: 28px; height: 35px" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" /><input type="button" class="amcbutton" accesskey="t" name="addlitsitem" value="" style="background: url('styles/pbwow/imageset/de/listitem.gif'); width: 28px; height: 35px" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />
<!-- IF S_BBCODE_IMG -->
<input type="button" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
<!-- ENDIF -->
<!-- IF S_LINKS_ALLOWED -->
<input type="button" class="button2" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
<!-- ENDIF -->
<!-- IF S_BBCODE_FLASH -->
<input type="button" class="button2" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />
<!-- ENDIF -->
<select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="{L_BBCODE_F_HELP}">
<option value="50">{L_FONT_TINY}</option>
<option value="85">{L_FONT_SMALL}</option>
<option value="100" selected="selected">{L_FONT_NORMAL}</option>
<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 150 -->
<option value="150">{L_FONT_LARGE}</option>
<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
<option value="200">{L_FONT_HUGE}</option>
<!-- ENDIF -->
<!-- ENDIF --> </select>
<input type="button" class="button2" name="bbpalette" id="bbpalette" value="{L_FONT_COLOR}" onclick="change_palette();" title="{L_BBCODE_S_HELP}" />
<!-- BEGIN custom_tags -->
<input type="button" class="button2" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})" title="{custom_tags.BBCODE_HELPLINE}" />
<!-- END custom_tags -->
<!-- IF not S_PRIVMSGS--> <!-- INCLUDE wowhead_buttons.html --> <!-- ENDIF -->
</div>
<!-- ENDIF -->
>[/code]
sollte doch so funktionieren oder ? macht es aber nicht es bleibt immer das standart bild .....
mfg
Miraculix