mose pointer change

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • Jay
    #1

    mose pointer change

    I have a script being called by clicking image.
    In order to present image as clickable I like to have mouse pointer changes
    to a hand when the pointer is over the image.
    So I put
    <area shape="default" coords="0,0,100 0,1000" href="#"
    onclick="javasc ript:runJS(even t)" alt="run JS">
    but, this is working well with IE but not with Safari
    and so I put
    <area shape="default" coords="0,0,100 0,1000" href="javascrip t:void(0)"
    onclick="runJS( event)" alt="run JS">
    But this is working well with all broswers but not with IE

    Any suggestions?




    --
    *************** *** End of Message *************** ***


    Tags: None
    • McKirahan
      #2
      Re: mose pointer change

      "Jay" <no@spam.com> wrote in message news:d84g1i$uuh $1@news.msu.edu ...[color=blue]
      > I have a script being called by clicking image.
      > In order to present image as clickable I like to have mouse pointer[/color]
      changes[color=blue]
      > to a hand when the pointer is over the image.[/color]

      [snip]

      <img src="image.gif" border="0" width="100" height="100" alt=""
      style="cursor:p ointer; cursor:hand" onclick="runJS( event)">


        Comment

        • Jay
          #3
          Re: mose pointer change

          Thanks but it does not work on firefox



          "McKirahan" <News@McKirahan .com> wrote in message
          news:zKWdneWjb5 VAWjjfRVn-pw@comcast.com. ..[color=blue]
          > "Jay" <no@spam.com> wrote in message news:d84g1i$uuh $1@news.msu.edu ...[color=green]
          > > I have a script being called by clicking image.
          > > In order to present image as clickable I like to have mouse pointer[/color]
          > changes[color=green]
          > > to a hand when the pointer is over the image.[/color]
          >
          > [snip]
          >
          > <img src="image.gif" border="0" width="100" height="100" alt=""
          > style="cursor:p ointer; cursor:hand" onclick="runJS( event)">
          >
          >[/color]


            Comment

            • VK
              #4
              Re: mose pointer change

              > Thanks but it does not work on firefox

              Of course it does! (in the form it's posted)

              If it does not work *for you* then post the entire <img...> block as it
              is right now. There must be some stuff left to clean up.

                Comment

                • Jay
                  #5
                  Re: mose pointer change

                  well Maybe I'm missing something.

                  here it is.

                  <img src="image.gif" border="0" usemap="#map" style="cursor:p ointer;
                  cursor:hand" id="navMap" alt="map">

                  <map name="map">

                  <area shape="default" coords="0,0,100 0,1000" onclick="runJS( event)"
                  alt="Search in this location">
                  </map>






                  "VK" <schools_ring@y ahoo.com> wrote in message
                  news:1118163259 .634656.314770@ g49g2000cwa.goo glegroups.com.. .[color=blue][color=green]
                  > > Thanks but it does not work on firefox[/color]
                  >
                  > Of course it does! (in the form it's posted)
                  >
                  > If it does not work *for you* then post the entire <img...> block as it
                  > is right now. There must be some stuff left to clean up.
                  >[/color]


                    Comment

                    • twelvelabs@gmail.com
                      #6
                      Re: mose pointer change

                      I'm unsure as to why you're declaring the cursor twice.
                      try this...

                      style="cursor: pointer, hand"

                        Comment

                        • McKirahan
                          #7
                          Re: mose pointer change

                          <twelvelabs@gma il.com> wrote in message
                          news:1118250175 .486983.214970@ g43g2000cwa.goo glegroups.com.. .[color=blue]
                          > I'm unsure as to why you're declaring the cursor twice.
                          > try this...
                          >
                          > style="cursor: pointer, hand"
                          >[/color]

                          Because:

                          <html>
                          <head>
                          <title>hands.ht m</title>
                          </head>
                          <body>
                          <span style="cursor:p ointer, hand">cursor:po inter, hand</span>
                          <br><br>
                          <span style="cursor:p ointer; cursor:hand">cu rsor:pointer; cursor:hand</span>
                          </body>
                          </html>


                            Comment

                            • McKirahan
                              #8
                              Re: mose pointer change

                              "McKirahan" <News@McKirahan .com> wrote in message
                              news:RKKdnbxBfp U13DrfRVn-sQ@comcast.com. ..[color=blue]
                              > <twelvelabs@gma il.com> wrote in message
                              > news:1118250175 .486983.214970@ g43g2000cwa.goo glegroups.com.. .[color=green]
                              > > I'm unsure as to why you're declaring the cursor twice.
                              > > try this...
                              > >
                              > > style="cursor: pointer, hand"
                              > >[/color]
                              >
                              > Because:
                              >
                              > <html>
                              > <head>
                              > <title>hands.ht m</title>
                              > </head>
                              > <body>
                              > <span style="cursor:p ointer, hand">cursor:po inter, hand</span>
                              > <br><br>
                              > <span style="cursor:p ointer; cursor:hand">cu rsor:pointer;[/color]
                              cursor:hand</span>[color=blue]
                              > </body>
                              > </html>
                              >[/color]

                              Only the second one works under IE; (IE5.5 anyway).


                                Comment

                                • VK
                                  #9
                                  Re: mose pointer change

                                  Is it a functional map (means areas marked on the image) or you just
                                  added map to make the cursor "pointer" style?


                                  If it's just a single image then:
                                  (you don't need to dublicate "hand" and "pointer", IE understands
                                  standard "pointer" as well)
                                  <img border="0" style="cursor:p ointer" onmouseup="runJ S(event)">

                                  If it's a real map with different areas marked on it,
                                  then nothing you can do untill Mozilla will fix this CSS bug (it's
                                  already registered).

                                    Comment

                                    • Evertjan.
                                      #10
                                      Re: mose pointer change

                                      McKirahan wrote on 08 jun 2005 in comp.lang.javas cript:
                                      [color=blue]
                                      > <twelvelabs@gma il.com> wrote in message
                                      > news:1118250175 .486983.214970@ g43g2000cwa.goo glegroups.com.. .[color=green]
                                      >> I'm unsure as to why you're declaring the cursor twice.
                                      >> try this...
                                      >>
                                      >> style="cursor: pointer, hand"
                                      >>[/color]
                                      >
                                      > Because:
                                      >
                                      > <body>
                                      > <span style="cursor:p ointer, hand">cursor:po inter, hand</span>
                                      > <br><br>
                                      > <span style="cursor:p ointer; cursor:hand">cu rsor:pointer;
                                      > cursor:hand</span> </body>
                                      > </html>[/color]

                                      You have a point[er]

                                      --
                                      Evertjan.
                                      The Netherlands.
                                      (Replace all crosses with dots in my emailaddress)

                                        Comment

                                        • McKirahan
                                          #11
                                          Re: mose pointer change

                                          "VK" <schools_ring@y ahoo.com> wrote in message
                                          news:1118259565 .637512.178460@ g49g2000cwa.goo glegroups.com.. .

                                          [snip]
                                          [color=blue]
                                          > If it's just a single image then:
                                          > (you don't need to dublicate "hand" and "pointer", IE understands
                                          > standard "pointer" as well)[/color]

                                          No it doesn't! (At least IE5.5 doesn't.)


                                          404 - Page not found | W3Schools.com
                                          http://www.w3schools.com/css/pr_class_cursor.asp
                                          Sorry! We can't seem to find the resource you're looking for


                                          Browser Notes -- Notes in IE 5.x:

                                          To display a hand, you may use the non-standard value hand. Like this:
                                          {cursor: hand}


                                          [snip]


                                            Comment

                                            Previous template Next
                                            Working...