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 <c.lynn.willi...@gmail.com
> 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
> prototype-scriptacul...@googlegroups.com.
> To unsubscribe from this group, send email to
> prototype-scriptaculous+unsubscr...@googlegroups.com<prototype-scriptaculous%2bunsubscr...@googlegroups.com>
> .
> 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 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