Worked/displayed fine on my i.e... except that everytime I clicked the >> the box scooted to the right until it went off the ride side of the screen. LOL
On Fri, Sep 10, 2010 at 3:43 PM, SpaceTripStudios <[email protected] > wrote: > Hey there, I'm a noob to web development and even more so with > JavaScript but my big goal is to be a web standards aficionado. So > imagine how thrilled I was to craft my first site and have it work > perfectly in Chrome, Safari and... that's it. Explorer and Firefox > don't like the simple slide-out contact form I created. Here's the > problem area: > (You can also see it at http://www.spacetripstudios.com/testing.html > ) > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// > www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> > <html xmlns="http://www.w3.org/1999/xhtml";> > <head> > <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> > <title>TESTING</title> > <link href="/test.css" rel="stylesheet" type="text/css" /> > <link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" > type="text/css" /> > > <script type="text/javascript" src="/javascripts/prototype.js"></ > script> > <script type="text/javascript" src="/javascripts/effects.js"></script> > <script src="SpryAssets/SpryValidationTextField.js" type="text/ > javascript"></script> > <script type="text/javascript"> > <!-- > var sprytextfield1 = new > Spry.Widget.ValidationTextField("sprytextfield1", "email"); > //--> > </script> > </head> > > <body> > > <div id="contactForm"> > <!-- the form --> > <form class="form" name="form" action="/gdform.php" method="post"> > <fieldset> > <p> > <label for="name">Your name:</label> > <input name="name" type="text" class="text" id="name" > tabindex="10" /> > </p> > <p class="required"><span id="sprytextfield1"> > <label>Your email:<span class="required">email is required</ > span> > <input name="email" type="text" class="text" id="email" > tabindex="20" /> > </label> > <span class="textfieldRequiredMsg">Email is required!</ > span><span class="textfieldInvalidFormatMsg">Must be a valid email, > please!</span></span> > </p> > <p> > <label for="interest">What can we do for you?</label> > <select name="interest" id="interest" tabindex="110"> > <option value="app">App Development</option> > <option value="web">Web Design and Development</option> > <option value="ani">Web Animation</option> > <option value="oth">Something else...</option> > </select> > </p> > <p> > <label for="message">Tell us more!</label> > <textarea name="message" cols="40" rows="5" class="text" > id="message" tabindex="30"></textarea> > </p> > <p> > <input type="submit" name="submit" id="submit" > value="Send!" tabindex="10" /> > </p> > </fieldset> > </form><!-- end of the form --> > <img src="/images/contactform.png" width="555px" height="300px" > alt="contact" usemap="contactMap" style="border:none"/> > <map name="contactMap" id="contactMap"> > <area shape="rect" coords="484,53,550,245" alt="tab" > onclick="new > Effect.Move('contactForm', { x: 487, y: 0, mode: 'relative' }); return > false;"/> > <area shape="rect" coords="407,6,461,33" alt="close" > onclick="new Effect.Move('contactForm', {x: -487, y: 0, mode: > 'relative' }); return false;"/> > </map> > </div> > </body> > </html> > > Any help would be greatly appreciated! I only recently read that image > maps are... undesirable... could that be my problem? Thanks. Claire @ > SpaceTripStudios > > -- > 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 > [email protected]. > To unsubscribe from this group, send email to > [email protected]<prototype-scriptaculous%[email protected]> > . > For more options, visit this group at > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > -- 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 [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en.
