SitePoint Sponsor

User Tag List

Results 1 to 13 of 13
  1. #1
    SitePoint Zealot fredep57's Avatar
    Join Date
    Aug 2009
    Location
    Pacific Northwest
    Posts
    137
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Need to find error

    I hope I am posting this in the correct area. If not, please advise what area it should be put in.

    Now, I am not a Java person at all. I have copied the stuff into my page from another source, hopefully following the directions. However, I get an error on the page and the expected results are not even close to what I want.

    My page is http://saccc567.com/Test/Pictures09.html but I would hope the result would look something like the following page http://www.incarclubcouncil.org/photo-gallery.php

    When I use my page, there are errors. I don't understand them or maybe I did something wrong. Please advise as to what is wrong and/or how the best way to accomplish fixing the could be.

    Thanks
    F

  2. #2
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,729
    Mentioned
    104 Post(s)
    Tagged
    4 Thread(s)
    http://saccc567.com/Test/Pictures09.html doesn't appear to work, but http://saccc567.com/Test/Pictures.html

    On that page, the error is that $ is not defined. Why? Because jQuery hasn't been loaded.

    Why not? Look at the following part of your page.

    Code javascript:
    <script type="text/javascript" src="../jquery/jquery-1.3.2.min.js"></script> 
    <script type="text/javascript" src="../jquery/jquery.easing.1.3.js"></script> 
    <script type="text/javascript" src="../jquery/jquery.fancybox-1.2.1.js"></script>

    Those files do not exist, which is the cause of your problem.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  3. #3
    SitePoint Zealot fredep57's Avatar
    Join Date
    Aug 2009
    Location
    Pacific Northwest
    Posts
    137
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul,

    Thanks. I forgot about the path - changed it and now works but...

    Need to understand how to change the font color of the "title". Can't seem to see that anywhere.

    Thanks again.

    F

  4. #4
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,729
    Mentioned
    104 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by fredep57 View Post
    Need to understand how to change the font color of the "title". Can't seem to see that anywhere.
    You can do all sorts of fancy formatting of the title, as demonstrated on the tips and tricks section of the fancybox site.

    However, to keep things simple, the fancybox css file is where you would go to set the title color.

    Code css:
    div#fancy_title div {
        color: #FFF;
        font: bold 12px Arial;
        padding-bottom: 3px;
    }

    For reference purposes, here is the HTML that the fancybox generates for the title.

    Code html4strict:
    <div id="fancy_title" style="display: block; opacity: 0; ">
        <table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
            <td class="fancy_title" id="fancy_title_left"></td>
            <td class="fancy_title" id="fancy_title_main"><div><span class="count">Image 1 of 14</span>Looks like someone is having a good time!</div></td>
            <td class="fancy_title" id="fancy_title_right"></td>
        </tr></tbody></table>
    </div>
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  5. #5
    SitePoint Zealot fredep57's Avatar
    Join Date
    Aug 2009
    Location
    Pacific Northwest
    Posts
    137
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul,

    Thanks. This is not working for my picture page - http://www.saccc567.com/Test/Pictures.html.

    I was trying to get my pictures to emulate the example in Tip 7. (Custom title formating - lightbox style) of http://fancybox.net/blog but cannot figure it out.

    I know there are things in the page code that should not be there and maybe that is causing things to go "haywire".

    Thanks for your advise and help
    F

  6. #6
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,729
    Mentioned
    104 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by fredep57 View Post
    I was trying to get my pictures to emulate the example in Tip 7. (Custom title formating - lightbox style) of http://fancybox.net/blog but cannot figure it out.
    It looks like you've broken something.

    Take it back to where it was working before, and I'll help you on from there.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  7. #7
    SitePoint Zealot fredep57's Avatar
    Join Date
    Aug 2009
    Location
    Pacific Northwest
    Posts
    137
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It appears to be working now but not quite the way I want.

    Thanks again
    F

  8. #8
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,729
    Mentioned
    104 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by fredep57 View Post
    It appears to be working now but not quite the way I want.
    Why not? Because the reference to images/closelabel.gif doesn't exist?
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  9. #9
    SitePoint Zealot fredep57's Avatar
    Join Date
    Aug 2009
    Location
    Pacific Northwest
    Posts
    137
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul,

    First, I want to have the color of the text black (or dark red) but cannot get it to change.

    Second, the closelabel.gif does exist in the images folder.

    Last, there is no "shadow" as the example has.

    Thanks for keeping up with this.

    F

  10. #10
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,729
    Mentioned
    104 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by fredep57 View Post
    First, I want to have the color of the text black (or dark red) but cannot get it to change.
    The color is set in the fancybox.css file, under declarations such as:

    div#fancy_title div
    and
    fancy_title span.count

    Quote Originally Posted by fredep57 View Post
    Second, the closelabel.gif does exist in the images folder.

    Last, there is no "shadow" as the example has.
    That shadow is once again defined in the CSS. Look at the declarations such as:
    div.fancy_bg_n
    and
    div.fancy_bg_ne
    and
    div.fancy_bg_e

    as well as the others.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  11. #11
    SitePoint Zealot fredep57's Avatar
    Join Date
    Aug 2009
    Location
    Pacific Northwest
    Posts
    137
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul,

    I appreciate your staying with me on this. I know that I may sometimes get "overbearing" but am frustrated that I cannot figure this out.

    I looked in my jquery.fancybox.css file (on the site) and the color is set to #CCC in the div#fancy_title div area. Also, the #fancy_title SPAN.count has color at #000 and that seems to work OK but the title is still white. Also, all of this, I think, is supposed to have a white background.

    I changed the paths for the arrows (which, by the way, are not showing either) to be the full URL of the site. Maybe that is wrong.

    SO, am still trying to understand how to make this work like I think it should and also what I am doing wrong (which I know I am doing something incorrectly).

    If you need more files, let me know and I can post them.

    Thanks again for all you help - I know I will get it sooner or later.
    F

  12. #12
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,729
    Mentioned
    104 Post(s)
    Tagged
    4 Thread(s)
    I am moving this thread to the CSS forum.

    Quote Originally Posted by fredep57 View Post
    I looked in my jquery.fancybox.css file (on the site) and the color is set to #CCC in the div#fancy_title div area. Also, the #fancy_title SPAN.count has color at #000 and that seems to work OK but the title is still white.
    Your CSS file most-likely is being locally cached.

    Quote Originally Posted by fredep57 View Post
    Also, all of this, I think, is supposed to have a white background.
    That's controlled by this style declaration:
    div#fancy_title
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  13. #13
    SitePoint Zealot fredep57's Avatar
    Join Date
    Aug 2009
    Location
    Pacific Northwest
    Posts
    137
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Figured it out. Cleared the cache (thanks Paul) and had some code in the wrong place and now it almost works

    F


Bookmarks

Posting Permissions

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