Any Other Whachamacallits Besides "Cursor:Pointer"??

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Prisoner at War

    Any Other Whachamacallits Besides "Cursor:Pointer"??

    Hello, Everyone:

    Is there any other values or whatever-it's-called to the cursor
    property in CSS??

    So far, I only know of cursor:pointer (or, for MSIE, cursor:hand)... .

    Any way to load in one's own somehow??

    Just a noob at this...TIA!!
  • Harlan Messinger

    #2
    Re: Any Other Whachamacallits Besides "Cursor:Po inter"??

    Prisoner at War wrote:
    Hello, Everyone:
    >
    Is there any other values or whatever-it's-called to the cursor
    property in CSS??
    >
    So far, I only know of cursor:pointer (or, for MSIE, cursor:hand)... .
    >
    Any way to load in one's own somehow??
    >
    Just a noob at this...TIA!!
    From the CSS specification:


    Comment

    • Jonathan N. Little

      #3
      Re: Any Other Whachamacallits Besides "Cursor:Po inter"??

      Harlan Messinger wrote:
      Prisoner at War wrote:
      >Hello, Everyone:
      >>
      >Is there any other values or whatever-it's-called to the cursor
      >property in CSS??
      >>
      Yes, but browser support varies.
      >So far, I only know of cursor:pointer (or, for MSIE, cursor:hand)... .
      ^^^^^^^^^^^^^^^ ^
      That was just for old MSIE5x, use pointer. Let the "hand" die.
      >>
      >Any way to load in one's own somehow??
      >>
      >Just a noob at this...TIA!!
      From the CSS specification:
      >
      http://www.w3.org/TR/CSS21/ui.html
      Best source.

      I have added a custom cursor on this page as an example. Important tip
      is to provide fallback, because with my pretty magnifying glass cursor
      for the images does not work in Opera...


      Al Khamsa 2007 National Convention Raffle Project


      --
      Take care,

      Jonathan
      -------------------
      LITTLE WORKS STUDIO

      Comment

      • Prisoner at War

        #4
        Re: Any Other Whachamacallits Besides "Cursor:Po inter"??

        On Apr 19, 4:06 pm, "Jonathan N. Little" <lws4...@centra l.netwrote:
        >
        >
        <SNIP>
        >
        I have added a custom cursor on this page as an example. Important tip
        is to provide fallback, because with my pretty magnifying glass cursor
        for the images does not work in Opera...
        Say, how did you do that?? That's exactly what I hope to do....

        I wonder why your lil' trick doesn't work in Opera...??

        Al Khamsa 2007 National Convention Raffle Project
        >
        --
        Take care,
        >
        Jonathan
        -------------------
        LITTLE WORKS STUDIOhttp://www.LittleWorks Studio.com

        Comment

        • Jonathan N. Little

          #5
          Re: Any Other Whachamacallits Besides &quot;Cursor:Po inter&quot;??

          Prisoner at War wrote:
          On Apr 19, 4:06 pm, "Jonathan N. Little" <lws4...@centra l.netwrote:
          >>
          ><SNIP>
          >>
          >I have added a custom cursor on this page as an example. Important tip
          >is to provide fallback, because with my pretty magnifying glass cursor
          >for the images does not work in Opera...
          >
          Say, how did you do that?? That's exactly what I hope to do....
          Need some graphic software that is capable of making cursors, there is
          also many freebies about that will convert BMPs to cursors.
          >
          I wonder why your lil' trick doesn't work in Opera...??
          >
          Don't know, ask the folks at Opera why they don't support <urivalues
          for cursors...



          Ask 'em, check out their bugs...


          --
          Take care,

          Jonathan
          -------------------
          LITTLE WORKS STUDIO

          Comment

          • Prisoner at War

            #6
            Re: Any Other Whachamacallits Besides &quot;Cursor:Po inter&quot;??

            On Apr 20, 12:11 pm, "Jonathan N. Little" <lws4...@centra l.netwrote:
            >
            >
            Need some graphic software that is capable of making cursors, there is
            also many freebies about that will convert BMPs to cursors.
            I don't mean how to create the graphic; I mean, what code to
            implement!

            Martin Honnen over at comp.lang.javas cript suggested

            cursor: URL (some-file.name);


            but that's not working for me. I see that you seem to have used some
            kind of CSS for the effect?
            Don't know, ask the folks at Opera why they don't support <urivalues
            for cursors...
            >
            http://www.w3.org/TR/CSS21/ui.html#propdef-cursor
            Sorry, I simply haven't the background necessary to make sense of
            technical "white papers"...I'm not even a script kid!!
            Ask 'em, check out their bugs...http://www.opera.com/support/bugs/
            LOL!
            --
            Take care,
            >
            Jonathan
            -------------------
            LITTLE WORKS STUDIOhttp://www.LittleWorks Studio.com

            Comment

            • Jonathan N. Little

              #7
              Re: Any Other Whachamacallits Besides &quot;Cursor:Po inter&quot;??

              Prisoner at War wrote:
              On Apr 20, 12:11 pm, "Jonathan N. Little" <lws4...@centra l.netwrote:
              >>
              >Need some graphic software that is capable of making cursors, there is
              >also many freebies about that will convert BMPs to cursors.
              >
              I don't mean how to create the graphic; I mean, what code to
              implement!
              >
              Martin Honnen over at comp.lang.javas cript suggested
              >
              cursor: URL (some-file.name);
              >
              >
              but that's not working for me. I see that you seem to have used some
              kind of CSS for the effect?
              Yes, you define it in your stylesheet! The important thing is to give
              fall back options like with font families and and list one of the
              generic predefined ones at the end of the list. Example from my page:

              /* 1st special color, then plain B&W, lastly predefined 'pointer' */
              ..sfx { cursor: url(/parts/view.cur), url(/parts/viewbw.cur), pointer; }



              --
              Take care,

              Jonathan
              -------------------
              LITTLE WORKS STUDIO

              Comment

              • Gus Richter

                #8
                Re: Any Other Whachamacallits Besides &quot;Cursor:Po inter&quot;??

                Jonathan N. Little wrote:
                Prisoner at War wrote:
                >On Apr 20, 12:11 pm, "Jonathan N. Little" <lws4...@centra l.netwrote:
                >>>
                >>Need some graphic software that is capable of making cursors, there is
                >>also many freebies about that will convert BMPs to cursors.
                >>
                >I don't mean how to create the graphic; I mean, what code to
                >implement!
                >>
                >Martin Honnen over at comp.lang.javas cript suggested
                >>
                >cursor: URL (some-file.name);
                >>
                >>
                >but that's not working for me. I see that you seem to have used some
                >kind of CSS for the effect?
                >
                Yes, you define it in your stylesheet! The important thing is to give
                fall back options like with font families and and list one of the
                generic predefined ones at the end of the list. Example from my page:
                >
                /* 1st special color, then plain B&W, lastly predefined 'pointer' */
                .sfx { cursor: url(/parts/view.cur), url(/parts/viewbw.cur), pointer; }
                Both images, the color and the black/white version, are in the same
                folder. The user will be able to see the color version if he can see the
                b/w version, unless you know of any UA than can only see b/w? The fall
                back of "pointer" is acceptable. The declaration, IMHO, should simply be
                (for the color version image):
                cursor: url(/parts/view.cur), pointer;

                --
                Gus

                Comment

                • Gus Richter

                  #9
                  Re: Any Other Whachamacallits Besides &quot;Cursor:Po inter&quot;??

                  Jonathan N. Little wrote:
                  Example from my page:
                  Sorry, but I forgot to say that I liked your site very much.

                  --
                  Gus

                  Comment

                  • Prisoner at War

                    #10
                    Re: Any Other Whachamacallits Besides &quot;Cursor:Po inter&quot;??

                    On Apr 20, 7:18 pm, Gus Richter <gusrich...@net scape.netwrote:
                    >
                    >
                    Both images, the color and the black/white version, are in the same
                    folder. The user will be able to see the color version if he can see the
                    b/w version, unless you know of any UA than can only see b/w?
                    Eh? How are you able to access his directory??
                    The fall
                    back of "pointer" is acceptable. The declaration, IMHO, should simply be
                    (for the color version image):
                    cursor: url(/parts/view.cur), pointer;
                    I was wondering myself, why the "pointer" and not the ol' hot-link
                    "hand"....
                    --
                    Gus

                    Comment

                    • Prisoner at War

                      #11
                      Re: Any Other Whachamacallits Besides &quot;Cursor:Po inter&quot;??

                      On Apr 20, 6:20 pm, "Jonathan N. Little" <lws4...@centra l.netwrote:
                      >
                      >
                      Yes, you define it in your stylesheet! The important thing is to give
                      fall back options like with font families and and list one of the
                      generic predefined ones at the end of the list. Example from my page:
                      >
                      /* 1st special color, then plain B&W, lastly predefined 'pointer' */
                      .sfx { cursor: url(/parts/view.cur), url(/parts/viewbw.cur), pointer; }
                      You know something??

                      I finally got a custom cursor thinggy to work -- in MSIE 7!! But the
                      strange thing is that it wouldn't work *unless* I took *out* that fall-
                      back!!

                      As per my latest entry (Number Six at this time) on
                      comp.lang.javas cript at
                      http://groups.google.com/group/comp....fd281d0a68a05e...

                      style="cursor: url(relative/path/file.ani); cursor:pointer; "


                      doesn't work, even in MSIE 7, but


                      style="cursor: url(relative/path/file.ani);"


                      does!

                      So, the custom pointer can only show up in MSIE 7, and only if the
                      "fall-back" hand pointer used by Opera and Firefox isn't present --
                      else MSIE 7 "prefers" it and uses it instead of the custom pointer!!

                      So how are you getting your custom pointer to work in Firefox and MSIE
                      but not Opera, while mine works only in MSIE on the condition that
                      there's no fall-back???

                      Perhaps the problem lies in using "cursor: url(relative/path/
                      file.ani);" within the style attribute of an <imgtag???
                      --
                      Take care,
                      >
                      Jonathan
                      -------------------
                      LITTLE WORKS STUDIOhttp://www.LittleWorks Studio.com

                      Comment

                      • Gus Richter

                        #12
                        Re: Any Other Whachamacallits Besides &quot;Cursor:Po inter&quot;??

                        Prisoner at War wrote:
                        On Apr 20, 7:18 pm, Gus Richter <gusrich...@net scape.netwrote:
                        >>
                        >Both images, the color and the black/white version, are in the same
                        >folder. The user will be able to see the color version if he can see the
                        >b/w version, unless you know of any UA than can only see b/w?
                        >
                        Eh? How are you able to access his directory??
                        Perhaps someone will come along with a simple way compared to my
                        complicated method.
                        >The fall
                        >back of "pointer" is acceptable. The declaration, IMHO, should simply be
                        >(for the color version image):
                        > cursor: url(/parts/view.cur), pointer;
                        >
                        I was wondering myself, why the "pointer" and not the ol' hot-link
                        "hand"....
                        "Hand" is _not_ Standards and is an IE only thing.

                        Whereas in IE 5.5 it only understood "hand", IE 6 and 7 understand both
                        "hand" and "pointer".

                        --
                        Gus

                        Comment

                        • Jonathan N. Little

                          #13
                          Re: Any Other Whachamacallits Besides &quot;Cursor:Po inter&quot;??

                          Prisoner at War wrote:
                          On Apr 20, 6:20 pm, "Jonathan N. Little" <lws4...@centra l.netwrote:
                          >>
                          >Yes, you define it in your stylesheet! The important thing is to give
                          >fall back options like with font families and and list one of the
                          >generic predefined ones at the end of the list. Example from my page:
                          >>
                          >/* 1st special color, then plain B&W, lastly predefined 'pointer' */
                          >.sfx { cursor: url(/parts/view.cur), url(/parts/viewbw.cur), pointer; }
                          >
                          You know something??
                          >
                          I finally got a custom cursor thinggy to work -- in MSIE 7!! But the
                          strange thing is that it wouldn't work *unless* I took *out* that fall-
                          back!!
                          >
                          As per my latest entry (Number Six at this time) on
                          comp.lang.javas cript at
                          http://groups.google.com/group/comp....fd281d0a68a05e...
                          >
                          style="cursor: url(relative/path/file.ani); cursor:pointer; "
                          >
                          >
                          doesn't work, even in MSIE 7, but
                          >
                          >
                          style="cursor: url(relative/path/file.ani);"
                          >
                          >
                          does!
                          >
                          So, the custom pointer can only show up in MSIE 7, and only if the
                          "fall-back" hand pointer used by Opera and Firefox isn't present --
                          else MSIE 7 "prefers" it and uses it instead of the custom pointer!!
                          >
                          So how are you getting your custom pointer to work in Firefox and MSIE
                          but not Opera, while mine works only in MSIE on the condition that
                          there's no fall-back???
                          Did you forget to comma delimit the the list?

                          cursor: url(relative/path/file.ani), pointer;
                          ^


                          --
                          Take care,

                          Jonathan
                          -------------------
                          LITTLE WORKS STUDIO

                          Comment

                          • Prisoner at War

                            #14
                            Re: Any Other Whachamacallits Besides &quot;Cursor:Po inter&quot;??

                            On Apr 20, 9:05 pm, "Jonathan N. Little" <lws4...@centra l.netwrote:
                            >
                            >
                            Did you forget to comma delimit the the list?
                            >
                            cursor: url(relative/path/file.ani), pointer;
                            Well, I guess I did -- but it still doesn't work in Firefox 2, but
                            Firefox does recognize the fall-back "pointer"...int erestingly, Opera
                            9 remains totally unresponsive, just ignoring it completely.

                            I wonder why Firefox and Opera decided not to implement this W3C
                            standard!

                            What's so confusing is that there are reports of getting Firefox to
                            comply (like what's claimed at http://www.quirksmode.org/css/cursor.html,
                            somewhere half-way down the page)...but the most reliable method seems
                            to be to use JavaScript to force it.

                            I've found just such a script, but it's really long for something's
                            that's not supposed to be site-wide, and I don't see where I'm
                            supposed to plug in the name of my animated cursor graphic anyway
                            (it's not where the inline comment says, apparently).

                            I would give up on this one, except I see that it works with Firefox
                            on your site!! Did you resort to JavaScript, then??
                            --
                            Take care,
                            >
                            Jonathan
                            -------------------
                            LITTLE WORKS STUDIOhttp://www.LittleWorks Studio.com

                            Comment

                            • Prisoner at War

                              #15
                              Re: Any Other Whachamacallits Besides &quot;Cursor:Po inter&quot;??

                              On Apr 20, 8:06 pm, Gus Richter <gusrich...@net scape.netwrote:
                              >
                              >
                              Perhaps someone will come along with a simple way compared to my
                              complicated method.
                              Actually, it looks like you surmised it by peeking at this HTML....
                              "Hand" is _not_ Standards and is an IE only thing.
                              >
                              Whereas in IE 5.5 it only understood "hand", IE 6 and 7 understand both
                              "hand" and "pointer".
                              Right; I'm sorry, I was "hijacking" your line of thinking there by
                              going some place else....
                              --
                              Gus
                              I can't believe it's 2008 and this custom-cursor stuff is near
                              impossible!!

                              Comment

                              Working...