Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 20
  1. #1
    New Coder
    Join Date
    Feb 2005
    Location
    Cape Town, South Africa
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Graphical captions over HTML elements

    Hey Fellas,

    I got this javascript widget finished the other day.
    It's called BoxOver and allows floating captions over HTML elements, similar to overlib but uses less CPU and is much smaller (<10kb).
    Would be super keen to hear any comments/criticisms on it. Also if anyone has any ideas for changes that would be cool too.

    I thought it would be quite messy to just paste all the code here so probably easier if you go check it out here

  • #2
    Senior Coder joh6nn's Avatar
    Join Date
    Jun 2002
    Location
    72° W. 48' 57" , 41° N. 32' 04"
    Posts
    1,887
    Thanks
    0
    Thanked 1 Time in 1 Post
    not too bad. it's better than some implementations i've seen, in that if the JS gets lost or dissociated (say during a download, or something), then the information that's in the tool-tip remains directly connected to it's parent, which is nice.

    i think that there's a LITTLE room for improvement in the code, but not much. take a look at this, for example: http://www.codingforums.com/showthread.php?t=47379
    bluemood | devedge | devmo | MS Dev Library | WebMonkey | the Guide

    i am a loser geek, crazy with an evil streak,
    yes i do believe there is a violent thing inside of me.

  • #3
    New Coder
    Join Date
    Jan 2005
    Location
    Iowa City
    Posts
    47
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Looks great to me... if I get some time soon (who knows if that would happen) I would love to implement this into a calendar script I have on one of my pages. Assuming I can fill the captions from a database using PHP, then when you mouseover a given day, it will popup and tell you all events for that day. Could be very handy.
    PS - this is what part of the alphabet would look like if Q and R were eliminated.

  • #4
    New Coder
    Join Date
    Feb 2005
    Location
    Cape Town, South Africa
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thanks!

    Shot for the fast responses guys, much appreciated.

    That thread on event binding using square bracket notation is extremely cunning. I'll update the JS source to use that method as soon as I have a bit of time.

    I must say I'm really stoked with this forum, been browsing around reading and posting in threads for hours
    BoxOver - DHTML tooltips, floating captions

  • #5
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    maybe u can add the opacity feature for FF also?

  • #6
    Regular Coder
    Join Date
    Oct 2004
    Posts
    256
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Very nice indeed.

    I am working on a site right now, and may well use that. All outside sources of code are being credited, so you'll benefit from a link back

  • #7
    New Coder
    Join Date
    Feb 2005
    Location
    Cape Town, South Africa
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by _Aerospace_Eng_
    maybe u can add the opacity feature for FF also?
    Good idea, Done

    Weirdly enough I use Firefox, was just using IE when I initially started coding this project and I obviously forgot to sort it out in Firefox....oops.
    And off the topic what do you think of Firefox? I reckon it has to be the most superior browser by leaps and bounds.
    BoxOver - DHTML tooltips, floating captions

  • #8
    Regular Coder
    Join Date
    Sep 2004
    Posts
    347
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I was looking at the example.
    Just an idea but mabye put more box overs under the Mammal, chicken, insect, poultry??

  • #9
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    yes FF is semantic when it comes to how it views coding but I still enjoy IE but i do like the built in security features of FF, i dunno it seems im using both IE and FF the same amount

  • #10
    New Coder
    Join Date
    Feb 2005
    Location
    Cape Town, South Africa
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Scootertaj
    I was looking at the example.
    Just an idea but mabye put more box overs under the Mammal, chicken, insect, poultry??
    Thanks the for the input, do you mean more rows in the table (with chicken, poultry, etc) or more sections where BoxOver could be used? (i.e. apart from image maps and tables)
    BoxOver - DHTML tooltips, floating captions

  • #11
    New to the CF scene
    Join Date
    Feb 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Is there way to use iframe instead of divs to fix IE problem where if you
    have "select"
    <select name="testSelect" id="testSelect">
    <option>foo</option>
    <option>bar</option>
    </select>
    then IE places it over everything else.

    Regards

    Alex.

  • #12
    New Coder
    Join Date
    Feb 2005
    Location
    Cape Town, South Africa
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I must admit that is one hellofa annoying problem in IE - so are you saying that instead of using a div, I should use an iframe for the caption?
    BoxOver - DHTML tooltips, floating captions

  • #13
    New to the CF scene
    Join Date
    Feb 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Basically, yes.

    There are problems with iframe - you can't set your page to strict xhtml, but it's still valid for transitional. And if you create your iframe on the fly with JS then you can get away with scrict xhtml.

    Here couple articles on this topic:
    http://dotnetjunkies.com/WebLog/jkin...07/21/488.aspx
    http://dotnetjunkies.com/WebLog/jkin...0/30/2975.aspx

    Regards,

    Alex.

  • #14
    New to the CF scene
    Join Date
    Feb 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    here is another link on IFRAME from MS
    http://support.microsoft.com/default...NoWebContent=1

  • #15
    New to the CF scene
    Join Date
    Feb 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    OK, so far this is the best solution out there, check it out...
    http://www.aplus.co.yu/wch/intro/
    It's distributed under CCL.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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