How JustAnswer Works:

  • Ask an Expert
    Experts are full of valuable knowledge and are ready to help with any question. Credentials confirmed by a Fortune 500 verification firm.
  • Get a Professional Answer
    Via email, text message, or notification as you wait on our site.
    Ask follow up questions if you need to.
  • 100% Satisfaction Guarantee
    Rate the answer you receive.

Ask ATLPROG Your Own Question

ATLPROG
ATLPROG, Computer Software Engineer
Category: Programming
Satisfied Customers: 7260
Experience:  MS in IT.Several years of programming experience in Java C++ C C# Python VB Javascript HTML
44910485
Type Your Programming Question Here...
ATLPROG is online now

I am currently building a custom Wordpress website. I have

Customer Question

I am currently building a custom Wordpress website. I have taught myself basic HTML, CSS and PHP.I am using the Kleo theme with Buddypress and DW Question and Answer. I have completely redesigned DWQA but would like to add a tooltip that displays specific information about a user from their Buddypress profile. The tooltip should appear when you hover over the users name.I am unsure how to implement this. I know it requires JQuerry but I have not yet learnt it to a high enough standard to be able to implement it.I have read the following article on WPMU Dev:How to Display Random BuddyPress Profile Data (or anything else) with Pretty jQuery TooltipsBut I am still not sure how to implement it.My main confusion is I don't know how to write the markup for the JS.
Submitted: 3 months ago.
Category: Programming
Expert:  Monty replied 3 months ago.

Hi Gavin, My name is Monty.

Wordpress comes prepackaged with a copy of JQuery. Here's a great blog entry to help you on the way: https://premium.wpmudev.org/blog/adding-jquery-scripts-wordpress/?utm_expid=3606929-78.ZpdulKKETQ6NTaUGxBaTgQ.0&utm_referrer=https%3A%2F%2Fwww.google.co.za%2F

To set up the JavaScript files with the functions in your WordPress site, you would need to enqueue them (for reference have a look at https://developer.wordpress.org/reference/functions/wp_enqueue_script/).

JavaScript syntax should be quite familiar to you, as it is very similar to PHP. JQuery allows you to reference HTML elements very simply, i.e. by tags, identifiers and attributes. For example, to reference a SPAN tag where the user's name is ***** ***** HTML markup may look like this:

<span class="buddypress_username" title="information that will appear in the tooltip">John Doe</span>

While your JQuery syntax to reference that element would be similar to this:

$(".buddypress_username").tooltipFunctionName();

Let me know if I can assist further,

Kind Regards

Monty

What Customers are Saying:

 
 
 
  • My Expert answered my question promptly and he resolved the issue totally. This is a great service. I am so glad I found it I will definitely use the service again if needed. One Happy Customer
< Previous | Next >
  • My Expert answered my question promptly and he resolved the issue totally. This is a great service. I am so glad I found it I will definitely use the service again if needed. One Happy Customer
  • Wonderful service, prompt, efficient, and accurate. Couldn't have asked for more. I cannot thank you enough for your help. Mary C.
  • This expert is wonderful. They truly know what they are talking about, and they actually care about you. They really helped put my nerves at ease. Thank you so much!!!! Alex
  • Thank you for all your help. It is nice to know that this service is here for people like myself, who need answers fast and are not sure who to consult. GP
  • I couldn't be more satisfied! This is the site I will always come to when I need a second opinion. Justin
  • Just let me say that this encounter has been entirely professional and most helpful. I liked that I could ask additional questions and get answered in a very short turn around. Esther
  • Wonderful service, prompt, efficient, and accurate. Couldn't have asked for more. I cannot thank you enough for your help. Mary C.
 
 
 

Meet The Experts:

 
 
 
  • ATLPROG

    ATLPROG

    Computer Software Engineer

    Satisfied Customers:

    7260
    MS in IT.Several years of programming experience in Java C++ C C# Python VB Javascript HTML
< Last | Next >
  • http://ww2.justanswer.com/uploads/SP/spatlanta2010/2011-6-23_12450_photo.64x64.gif ATLPROG's Avatar

    ATLPROG

    Computer Software Engineer

    Satisfied Customers:

    7260
    MS in IT.Several years of programming experience in Java C++ C C# Python VB Javascript HTML
  • http://ww2.justanswer.com/uploads/ComputersGuru/2010-02-13_051118_Photo41.JPG LogicPro's Avatar

    LogicPro

    Computer Software Engineer

    Satisfied Customers:

    5514
    Expert in C, C++, Java, DOT NET, Python, HTML, Javascript, Design.
  • http://ww2.justanswer.com/uploads/lifesaver333/2010-10-17_191349_ls.jpeg lifesaver's Avatar

    lifesaver

    Computer Software Engineer

    Satisfied Customers:

    936
    Several years of intensive programming and application development experience in various platforms.
  • http://ww2.justanswer.com/uploads/EH/ehabtutor/2012-8-2_202016_1.64x64.jpg ehabtutor's Avatar

    ehabtutor

    Computer Software Engineer

    Satisfied Customers:

    766
    Bachelor of computer science, 5+ years experience in software development, software company owner
  • http://ww2.justanswer.com/uploads/eljonis/2010-01-06_130406_eljon2.jpg Eljon's Avatar

    Eljon

    Consultant

    Satisfied Customers:

    558
    Founder of StockCanvas.com
  • http://ww2.justanswer.com/uploads/FA/fael/2011-1-15_104041_profile500x500.64x64.jpg Rafael Martins's Avatar

    Rafael Martins

    Computer Software Engineer

    Satisfied Customers:

    446
    Desktop, Mobile and Web Developer. 7+ years of experience. Creative solutions provider.
  • http://ww2.justanswer.com/uploads/CH/chutz747/2011-11-6_14231_me.64x64.jpg The-PC-Guy's Avatar

    The-PC-Guy

    Software Engineer

    Satisfied Customers:

    320
    Extensive Knowledge in PHP, MYSQL, CSS & Javascript