SitePoint Sponsor

User Tag List

Results 1 to 10 of 10

Thread: Msn...

  1. #1
    Bah, I'll just hack it DoobyWho's Avatar
    Join Date
    Jul 2002
    Posts
    476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Msn...

    How did they achieve the "rate it now" feature?

    http://entertainment.msn.com/photos/...ry=1167#photos

  2. #2
    Bah, I'll just hack it DoobyWho's Avatar
    Join Date
    Jul 2002
    Posts
    476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Oh someone has to know!

  3. #3
    + platinum's Avatar
    Join Date
    Jun 2001
    Location
    Adelaide, Australia
    Posts
    6,441
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    uhhmmm, what do you mean? it's just some simple javascript as far as I can see

  4. #4
    ********* Genius Mike's Avatar
    Join Date
    Apr 2001
    Location
    Canada
    Posts
    5,458
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    yup, nothing special about it.
    Mike
    It's not who I am underneath, but what I do that defines me.

  5. #5
    Bah, I'll just hack it DoobyWho's Avatar
    Join Date
    Jul 2002
    Posts
    476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well... I can't find the javascript for it.. Like when you mouse over a star, it highlights that stare and everyone behind it, as well as changing the text.

  6. #6
    "Of" != "Have" bronze trophy Jeff Lange's Avatar
    Join Date
    Jan 2003
    Location
    Calgary, Canada
    Posts
    2,063
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ask in the Javascript forum, it's just some simple rollovers.
    Who walks the stairs without a care
    It shoots so high in the sky.
    Bounce up and down just like a clown.
    Everyone knows its Slinky.

  7. #7
    Bah, I'll just hack it DoobyWho's Avatar
    Join Date
    Jul 2002
    Posts
    476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Any ideas?

  8. #8
    Bah, I'll just hack it DoobyWho's Avatar
    Join Date
    Jul 2002
    Posts
    476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm suprised no one knows. =\

  9. #9
    Web-coding NINJA! silver trophy beetle's Avatar
    Join Date
    Jul 2002
    Location
    Dallas, TX
    Posts
    2,900
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I didn't look to see how they did it, but this is how I'd do it
    Code:
    function swapStars( star )
    {
    	var stars = ['star1','star2','star3','star4','star5'];
    	var i = 0;
    	do
    	{				
    		document.getElementById( stars[i] ).src = "star_on.gif";				
    	} while ( stars[i++] != star.id )
    	if ( star.onmouseout == null )	
    		star.onmouseout = function()
    		{
    			for ( var i = 0; i < stars.length; i++ )
    			{
    				document.getElementById( stars[i] ).src = "star_off.gif";					
    			}
    		}
    }
    And then, the HTML
    HTML Code:
    <img src="star_off.gif" id="star1" onmouseover="swapStars(this)"/>
    <img src="star_off.gif" id="star2" onmouseover="swapStars(this)"/>
    <img src="star_off.gif" id="star3" onmouseover="swapStars(this)"/>
    <img src="star_off.gif" id="star4" onmouseover="swapStars(this)"/>
    <img src="star_off.gif" id="star5" onmouseover="swapStars(this)"/>
    Piece of cake
    beetle a.k.a. Peter Bailey
    blogs: php | prophp | security | design | zen | software
    refs: dhtml | gecko | prototype | phpdocs | unicode | charsets
    tools: ide | ftp | regex | ffdev




  10. #10
    Bah, I'll just hack it DoobyWho's Avatar
    Join Date
    Jul 2002
    Posts
    476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Alot simpler then I had imagined , thanks a bunch!


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
  •