SitePoint Sponsor

User Tag List

Results 1 to 23 of 23

Hybrid View

  1. #1
    SitePoint Guru
    Join Date
    Jun 2009
    Posts
    815
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    hover prob with webkit browsers...

    is my question here
    http://forum.jquery.com/topic/hover-...ob-with-chrome

    clear? because in two days I have not received a response...

    does my question make sense? do I need to repeat it here? or can u respond by reading it on jQuery forum?

    thank you.....

  2. #2
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,938
    Mentioned
    214 Post(s)
    Tagged
    12 Thread(s)
    Hi Maya,

    For me, your question is not clear.

    To maximize your chances of a reply, you should make a bare-bones example which reproduces your issue, with the minimum amount of code possible.
    You should either post a link to this example (preferred), or include the code in your post.

    You should state what you have tried, what you expected to happen and what actually happened.

    A further thing to bear in mind is that some people don't like text-message style abbreviations like "can u hlp me pls"

    Hope that helps

  3. #3
    SitePoint Guru
    Join Date
    Jun 2009
    Posts
    815
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    actually -- here is issue

    pls compare behavior betw moz and webkit browsers.. for what happens AFTER YOU CLICK PHOTO AND LAND ON NEXT PHOTO...

    in moz browsers, when you click on photo and you land on next pg (next photo) your cursor is already on the photo, yes? so the arrows should be there... but in Chrome & Safari, they're not, you have to move the mouse to see it....

    (& not sure what to do about IE8, the hover thing not working well either way in IE8 (can't test on IE9)

    (yellow borders are the links, when u hover over those links is when arrows should appear, and when u navigate to next photo, in moz browsers arrow is there when you land on next photo, on webkit browsers arrow is not there when u land..)

    js is here.. specif code:

    Code:
    $('#photo a.photo_link').mouseenter(function() {
    	$('span', this).fadeIn().css('display','block');
    });
    		
    		
    $('#photo a.photo_link').mouseleave(function() {
    	$('span', this).fadeOut();
    });

    thank you..

  4. #4
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,938
    Mentioned
    214 Post(s)
    Tagged
    12 Thread(s)
    Hi,

    Did you even read my last post?
    I'll have a look at this later on, but you are making it quite difficult for me to help you.

    P.S. It's also considered quite impolite TO WRITE EVERYTHING IN CAPITAL LETTERS

  5. #5
    SitePoint Guru
    Join Date
    Jun 2009
    Posts
    815
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Pullo,

    what info do you still need?

    thank you...

  6. #6
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,938
    Mentioned
    214 Post(s)
    Tagged
    12 Thread(s)
    Quote Originally Posted by maya90 View Post
    Pullo,

    what info do you still need?

    thank you...
    Ok, seeing as you ask me this directly, I'm going to answer directly.
    Before you read this, please understand that I am trying to help you.
    You noticed yourself that you didn't receive an answer to an almost identical question in another forum, so please read this with an open mind.

    The bad part:

    Your question is unclear.

    You appear to be asking something about the different ways your page behaves in Mozilla browsers and Webkit based browsers, but having read the question three or four times, I am still unclear as to what.

    I opened your page in both the latest version of Firefox and the latest version of Chrome and clicked on the right hand photo in each.
    However, I couldn't determine any difference in either browser's behaviour.

    You then proceed your question with two statements, each in brackets.
    I don't understand these or how they contribute to the matter in hand.

    You use abbreviations throughout your post, which make it difficult to read.

    You then link to a long JS file with no indication of what this has to do with the problem.


    What you can do better

    Make a bare-bones page:
    Take the page where the problem lies.
    Strip out all unnecessary CSS styles.
    Remove all unnecessary elements and content from the page (e.g. the side bar, the social media buttons).
    Remove all unnecessary JavaScript
    To demonstrate your problem, you will only need two photos, so remove the unecessary photos, too.

    In your post:
    Provide a link to the bare-bones page you made.
    Then ask your question and keep it focused.
    I know this is difficult, but you could write something like:

    "When I click the right hand picture in a webkit-based browser, I see an arrow icon pointing to the right once the next picture has loaded. When I do the same thing in Firefox, I don't see the icon until I move the mouse. Why is this?"

    Don't use abbreviations such as "plz", "u", "thanx" etc.
    Also don't use capital letters to make a point. The reader feels like they're being shouted at.

    In summary:

    I am aware that you might not be overly technically minded and that posting on a forum might be a bit daunting.
    I am also aware that English might not be everybody's first language.

    However, following what I have written above will vastly increase the chances of you getting help.

  7. #7
    SitePoint Guru
    Join Date
    Sep 2006
    Posts
    731
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by maya90 View Post
    is my question here
    http://forum.jquery.com/topic/hover-...ob-with-chrome

    clear? because in two days I have not received a response...

    does my question make sense?
    To me your question makes perfect sense, but I can't reproduce the problem.
    When the new image appears, the arrow appears without moving the mouse.
    Tab-indentation is a crime against humanity.

  8. #8
    SitePoint Guru
    Join Date
    Jun 2009
    Posts
    815
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    thank you Logic.... in what browser? for me (both at home on mac, and at work on Windows) it works in FF, but not on Chrome or Safari...

    thank you.........

  9. #9
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,263
    Mentioned
    115 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by maya90 View Post
    thank you Logic.... in what browser? for me (both at home on mac, and at work on Windows) it works in FF, but not on Chrome or Safari...

    thank you.........
    I just tried it in chrome, and it works fine. Do you perhaps have any plugins installed that might be causing the issue?
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style
    Learn how to be ready for The Forums' Move to Discourse

  10. #10
    SitePoint Guru
    Join Date
    Jun 2009
    Posts
    815
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    oh my gosh.. that's very very weird.. as mentioned previously, it doesn't work for me on Chrome or Safari, on my mac or windows machine...

    (and rollover effect does not work at all in IE8... oh man.............)

  11. #11
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,165
    Mentioned
    453 Post(s)
    Tagged
    8 Thread(s)
    What you describe happens for me in Chrome: the arrows only appear if you move the mouse a bit, whereas in FF the arrow remains is the mouse is still over the panel. The JS is way over my head, but all I can suggest is maybe trying something other than mousenter—


    Code:
    $('#photo a.photo_link').mouseenter(function() {
    			$('span', this).fadeIn().css('display','block');
    		});
    What about hover or something?

  12. #12
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,938
    Mentioned
    214 Post(s)
    Tagged
    12 Thread(s)
    Hi Maya,

    So, I think I got to the bottom of your IE problem.

    You currently have this in your CSS stylesheet:

    Code CSS:
    a.photo_link { position:absolute; display:block; top:5px;  width:296px;  height:402px;  z-index:600; border:solid 1px yellow; }

    Change it to this:

    Code CSS:
    a.photo_link { position:absolute; display:block; top:5px;  width:296px;  height:402px;  z-index:600; border:solid 1px yellow; background:url('http://upload.wikimedia.org/wikipedia/commons/c/ce/Transparent.gif');}

    Now when you hover over the image in Internet Explorer, you should see the previous and next arrows.

    Does that work for you?

  13. #13
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,938
    Mentioned
    214 Post(s)
    Tagged
    12 Thread(s)
    I just set up a VM and installed WinXP Pro SP2.
    I downloaded and installed the latest version of Chrome, but unfortunately, cannot reproduce your original error


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
  •