+ Reply to Thread
Results 1 to 2 of 2

Thread: Custom Tooltip Code

  1. #1
    Client
    Join Date
    Mar 2006
    Location
    Ontario, Canada
    Posts
    294
    Squirrelcart version
    v3.4.0

    Custom Tooltip Code

    Folks,

    I know that SquirrelCart comes with a very cool tooltip. I wanted to experiment with my own but am running into a glitch.

    When I implement this code (see image) I get some of the squirrelcart functions disappearing... in the event I cannot fix it, I'll return to Jamie's tooltip (which does work)...

    Any help greatly appreciated... my gut tells me the one of the style commands must be overwriting another one even those I have them enclosed...

    It also might have to do with the css display:none but I'd think that each class is handled on its own...

    When the page is first loaded the radio buttons appear, but as soon as you want to click (with a mouse over) they disappear... perhaps it is a mouse over function, not sure...

    tooltip03.jpgtooltip04.jpgtooltip01.jpgtooltip02.jpg
    Attached Images

  2. #2
    Squirrelcart Staff Jamie's Avatar
    Join Date
    May 2002
    Posts
    6,829
    Squirrelcart version
    v3.3.7
    No idea what is causing that. The tooltip script is definitely the culprit. To try to narrow it down, I'd recommend creating a very simple page, like:
    Code:
    <html>
        <head>
            <title>test</title>
        </head>
        <body>
            <form id="address_form">
                Test:<br/>
                <input type="text" name="blah" /><br/>
                <input type="radio" value="1" name="address[Ship_Address_Is]" class="radio" />
                <span>Residential<br></span>
                <input type="radio" value="2" name="address[Ship_Address_Is]" class="radio" />
                <span>Commercial</span>
            </form>
        </body>
    </html>
    Then, add your tooltip code to that page and see if it still happens.

    Also, a few things to note:

    1. On the address form page (and probably others, didn't check), you have Javascript errors occurring. You can see them in Firefox's Javascript console. It looks like this script is using JQuery, which can conflict with Mootools. The errors you are getting are related to Slimbox and Mootools, and are there because JQuery is setting the $ variable that Mootools relies on.

    2. In your code for the address form, you had a <br> tag inside the <span/> tag for "Residential". You should not put that tag inside a <span/>. A span tag is an inline element. If you want a break there, either change that <span/> to a <div/>, or move your <br> so it is after the closing </span> tag.

    3. For XHTML validation, I'd recommend changing that <br> to <br/>

+ Reply to Thread

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts