Hjælp til BumpBox AJAX (Lightbox) integration med onclick og FORMS
HejsaJeg har brug for hjælp til at kalde BumpBox (artviper.net - her kan koden hentes gratis) fra henholdsvis ONCLICK og når en form submittes.
Jeg har følgende kode :
--- CODE START ---
<HTML>
<HEAD>
<script type="text/ecmascript" src="mootools.js"></script>
<script type="text/ecmascript" src="flowplayer.min.js"></script>
<script type="text/ecmascript" src="bumpbox.js"></script>
</HEAD>
<BODY>
<form method="post" style="margin:0 "target="_blank" name="NewsLetterSignup" action="http://10.2.6.204:77/newsletter/user-subscribe.aspx"'>
<input type="hidden" name="lists" value="1">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="left" style="width: 40px" valign="middle"><font style="font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 10px; color:#FFFFFF;">NAVN</font></td>
<td align="left" style="width: 210px" valign="middle"><input type="text" name="name" id="name" value="" class="newsTextfield" maxlength="100" /></td>
</tr>
<tr>
<td align="left" colspan="2" valign="middle"><img src="img/trans_space.png" style="width: 100%; height: 10px" /></td>
</tr>
<tr>
<td align="left" valign="middle"><font style="font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 10px; color:#FFFFFF;">EMAIL</font></td>
<td align="left" valign="middle"><input type="text" name="email" id="email" class="newsTextfield" value="" maxlength="100" /></td>
</tr>
<tr>
<td align="left" colspan="2" valign="middle"><img src="img/trans_space.png" style="width: 100%; height: 25px" /></td>
</tr>
<tr>
<td colspan="2" align="center"><img src="img/join_news_off_dk.png" onclick="submit()" onmouseover="this.className='cursor'; roll_over('but100', 'img/join_news_on_dk.png');window.status = 'Tilmeld dig vores nyhedsbrev'; return true" onmouseout="roll_over('but100', 'img/join_news_off_dk.png');window.status=''" width="69" height="20" border="0" NAME="but100" />
</td>
</td><img src="img/unjoin_news_off_dk.png" onclick="window.open ("http://www.google.com","BUMPBOX");" onmouseover="this.className='cursor'; roll_over('but101', 'img/unjoin_news_on_dk.png');window.status = 'Frameld nyhedsbrev'; return true" onmouseout="roll_over('but101', 'img/unjoin_news_off_dk.png');window.status=''" width="69" height="20" border="0" NAME="but101" /></a></td>
</tr>
</table>
</form>
</BODY>
--- CODE END ---
Fra et link er det meget simpelt, der gøres det på følgende måde :
<a class="bumpbox" rel="480-90" title="BumpBox Title" href="test.htm">test</a>
Jeg har læst mig frem til at man skal kalde $(‘0').fireEvent(‘click',$(‘0'); for at trigger den når det ikke er en HREF man skal kalde, men jeg kan ikke finde hvordan man skal gøre det!
Er der en venlig sjæl der kan hjælpe mig med det? :-)
Mange hilsner
Stig :-)
