That was it.  Thank you very much, T.J.

Regards,
-- Jason

On Dec 17, 3:37 am, "T.J. Crowder" <t...@crowdersoftware.com> wrote:
> Hi Jason,
>
> It looks like you're trying to use MooTools and Prototype on the same
> page. Unless you've hacked one or both of them, I'm pretty sure they
> can't co-exist.
>
> HTH,
> --
> T.J. Crowder
> Independent Software Consultant
> tj / crowder software / comwww.crowdersoftware.com
>
> On Dec 16, 7:47 pm, Jason <jasonla...@gmail.com> wrote:
>
> > I'm attempting to use Prototype to build an AJAX-based die roller
> > program.  This is my first foray into Prototype and AJAX, and most of
> > this was put together using the examples on the Prototype site, as
> > well as a few others found around the web.  Nothing elaborate.
>
> > What I ended up with was a tool that runs flawlessly and without error
> > under FF, but completely fails to run under IE (7 or 8), with errors
> > of "Object doesn't support this property or method".
>
> > The program consists of a simple web form which calls another script
> > to fetch the results, which are painted in another div.
>
> > The Prototype javascript is as follows in the head:
>
> > <script src="/js/prototype/prototype.js" language="JavaScript"
> > type="text/javascript"></script>
> > <script type="text/javascript" language="JavaScript">
> > // <![CDATA[
> >   function rollDice() {
> >     var url = '/campaign_manager/dice_results.cgim';
> >     var params = Form.serialize($('dieRoller'));
> >     var ajax = new Ajax.Updater(
> >       'die_roll_results', url, {method: 'post', parameters: params,
> >       onLoading: function () {
> >         $('die_roll_results').update('Rolling dice . . . <br><img
> > src="/images/rolling-dice.gif" alt="" width="71" height="46"
> > style="margin-top: 5px;">');
> >         }
> >       }
> >     );
> >     return false;
> >   }
> > // ]]>
> > </script>
>
> > And the web form looks like:
>
> > <form id="dieRoller" method="post" onSubmit="return rollDice(this);"
> > action="">
> > <table cellpadding="0" cellspacing="3" border="0" align="center">
> >   <tr>
> >     <td valign="top" align="right"><b># Dice:</b></td>
> >     <td valign="top"><input type="text" size="3" maxlength="3"
> > name="die_rolls" id="die_rolls" value="1"></td>
> >   </tr>
> >   <tr>
> >     <td valign="top" align="right"><b>Type:</b></td>
> >     <td valign="top"><select   name="die_sides">
> > <option value="2">d2</option>
> > <option value="4">d4</option>
> > <option value="6">d6</option>
> > <option value="8">d8</option>
> > <option value="10">d10</option>
> > <option value="12">d12</option>
> > <option value="20">d20</option>
> > <option value="30">d30</option>
> > <option value="100">d100</option>
> > <option value="Percentile">Percentile</option>
> > </select></td>
> >   </tr>
> >   <tr>
> >     <td valign="top" align="right"><b>Modifier:</b></td>
> >     <td valign="top"><input type="text" size="3" maxlength="3"
> > name="modifier" id="modifier" value=""> <span class="small_text"><i>
> > (optional)</i></span><br>
> > <span class="small_text">Modifiers may be positive or negative.</
> > span></td>
> >   </tr>
> >   <tr>
> >     <td valign="top" align="right"><b>Roll Dice:</b></td>
> >     <td valign="top"><input type="text" size="3" maxlength="3"
> > name="dice_sets" id="dice_sets" value="1"> Time(s)</td>
> >   </tr>
> >   <tr>
> >     <td valign="top" align="left" colspan="2"><b>Highlight Roll
> > Results That Are:</b></td>
> >   </tr>
> >   <tr>
> >     <td valign="top" align="right">&nbsp;</td>
> >     <td valign="top"><select name="highlight_mode"
> > id="highlight_mode">
> >       <option value="Above">Above</option>
> >       <option value="Below">Below</option>
> > </select> <input type="text" size="3" maxlength="3"
> > name="highlight_value" id="highlight_value" value=""> <span
> > class="small_text"><i>(optional)</i></span></td>
> >   </tr>
> >   <tr>
> >     <td colspan="2" align="center"><input type="submit" value="Roll!">
> > <input type="reset" value="Reset"></td>
> >   </tr>
> > </table>
> > </form>
>
> > Under FF, the proper div updates with the dice results.  Under IE 7, I
> > receive a string of javascript errors (as noted above) and then the
> > whole page refreshes with the die results in the proper div.  Under IE
> > 8, the browser simply stares at me like I have three eyes and does
> > nothing at all.
>
> > Real-life example 
> > here:http://www.infinitemonkeysgames.com/campaign_manager/dice.cgim
>
> > Can anyone lend a hand?
>
> > -- Jason

--

You received this message because you are subscribed to the Google Groups 
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptacul...@googlegroups.com.
To unsubscribe from this group, send email to 
prototype-scriptaculous+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/prototype-scriptaculous?hl=en.


Reply via email to