Spotlight Promoted Wiki Pages
Revision as of 05:50, 22 January 2008 by Mohammad Ghufran (talk | contribs) (→Steps to get to DoneDone)
What (summary)
This project is targeted to allow sponsored wiki pages to be displayed on AboutUs's main page as well as category and portal pages.
Why this is important
This can be a new and promising source of revenue generation for AboutUs. Wiki Page owners will buy the right to have their respective pages put under the spotlight for a particular time period and price. This will help in revamping the user interface of current category and portal pages increasing user engagement. This will lead to more traffic to the featured pages as well as to these category and portal pages.
- We may also want to link this project with PromoteMe. For example, we could offer this as an additional and a more inviting offer to people who have already elected to promote their companies at AboutUs.
- I thought this was the original idea. Are there any other pages besides the ones from PromoteMyCompany that we want to spotlight? Is this going to be a new offer? Asad | *~talk~* 22:37, 15 January 2008 (PST)
DoneDone
- When we can put and change images of featured pages on the main page dynamically i.e. change the image after short time intervals.
- When we are able to embed a small section on each of the category/portal pages which has similar functionality as the main page.
Steps to get to DoneDone
-
understand how to change an attribute of an html tag via jqueryuse $("selector").attr("attr_name", "value"); -
understand how arrays work in javascript -
Use hard coded links for the time being. -
Make the javascript load images in the div inserted by the extension.using hard coded image links right now -
change css property of images to display them in lineselect each list item li and apply 'display:inline' (example $('#somediv ul li').css('display','inline')) -
set height and width of images to same value using jquery -
explore setTimeout and resetTimeout functions in jQuery -
try to understand hover_for.js -
explore timers in jqueryUse setInterval function to execute a piece of code recursively. -
Use the timer to change the images dynamically after 5 secs. -
Figure out the two mouse events that will enable us to toggle automatic switching functionality.Use jquery's hover method. -
Disable automatic switching of images on mouseover. Enable automatic switching on mouseout. -
Use jquery to implement timeout functionality.check for browser compatibility issues later. -
Figure out how to emphasize through jquery.adjusted the height and width attribute of selected img tag. Might want to use magnifier or animate method. (magnifier requires a plugin) -
Emphasize the image on which mouse is pointed. -
Show small text window for the emphasized image. Use jquery's Tooltip plugin. -
exploring using tooltip without hovertooltip implements its own hover equivalent. we can default to using it -
Understand the current code functionality. -
Learn how to use the position function for different objects.tooltip does not allow relative positioning of tooltip. - Explore cluetip, which has more options.
- fix tooltip coordinates, so it always shows in one position with respect to an image, not depending on where mouse is on a picture
- Change Tooltip options to manipulate the position where the tooltip is displayed.
- Explore different options of Tooltip plugin to place the text window in its proper place.
- Create the tables for storing the image url, description, link_url of the spotlight pages.
- Write a javascript that displays this
For starters, we can brainstorm for an interface similar to one of the following sites: