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 TheDoctor Your Own Question

TheDoctor, Professional w/Adv. Degree
Category: Homework
Satisfied Customers: 1757
Experience:  M.S. in Internet Information Systems
Type Your Homework Question Here...
TheDoctor is online now
A new question is answered every 9 seconds

You know Javascript and I know SVG. I couldnt find a tutor

This answer was rated:

You know Javascript and I know SVG. I couldn't find a tutor that can do Javscript as well as you. Could you help me finish my last project?

Basically, I am building the portfolio that will show the layout of image on the right, the title on the top and buttons on the upper right and text below the buttons. The functionality is JavaScript, SMIL, Dynamic creation of some page element.

Hello again,

I'm not sure that I can assist you with this.

From what you sent, I do not see that the index is doing anything at all. I do not see any code running. I see no buttons or titles. Here is what I see:

I need a significantly more detailed description of what is going on, what needs to be accomplished, how what you sent me is supposed to work, etc.
Customer: replied 3 years ago.
Alright, I will try my best.
SVG buttons that change the content of the website.
Title, using the
Layout inside the box is
Image on the right
Title on the top
Buttons on the upper right
Text below the buttons.
When the buttons clicked, the text is changing.
What buttons? Did you look at the screen shot that I sent?

There is nothing on the page. No buttons to click on. Am I missing something? Or is most of this not implemented?
Customer: replied 3 years ago.
Sorry for not being clear. Those are list of the items that is not implemented.
Can you send me the SVG buttons, the images that you want to use, and the text that you want to use?
Customer: replied 3 years ago.
Image is already provided.
SVG buttons - URl:
Menu Items - Home, About, Work and Contact
Thank you. I will do my best and get back to you.
Customer: replied 3 years ago.
Thank you for your help. If there is anything you need, let me know.
You're welcome. I will contact you once I have this completed.
Customer: replied 3 years ago.
How long do you think you can completed this?
Perhaps another hour or two.
Hello again!

Please download the files here:

As you are aware, this stuff is somewhat out of my comfort zone. However, I have done my best for you and I think you will like it. At least there is now some functionality. Please feel free to modify the CSS in any way you want.

The files that you sent me included three SVG titles: "Biography", "Projects", and "Contact". Since I don't work with SVG, I used those and enabled them.

You will see that if you click on any of these items, the content fades in and the title changes/fades in.

If you are going to add more links/titles, it is very simple to enable them. The ID of the link is set to the case conditions within your fadein javascript function. So, when one of the links is clicked upon, we pass the ID of that link over to the fadein function. It then performs the functionality based on the switch case.

So you can see that adding a new item is very simple. You would add the link, add the SVG title graphic, and add a case to the switch statement for this new item. Everything else is already set up and functional.

Feel free, of course, to change any of the functionality or styles. However, I think that it looks great and actually does something now.

Please remember to rate my answer. Thank you so much and have a wonderful evening!
Customer: replied 3 years ago.
Thank you for helping me. Just few tweaks...
The functionality is great but it is missing a title.
The buttons are not following my CSS. (Can you check out why?)
Layout is little off. URL:
Hello again,

Your CSS isn't working because you are attempting to apply styles attributes that do not exist on an SVG rect element. For instance, the rect element has no background-color CSS attribute. It has a fill attribute. There is also no background-position attribute. Simply put, your CSS for the rect element is completely incompatible with SVG. Here is a reference for styling SVG elements:

SVG Styling

Notice that very few CSS2 attributes are actually compatible with SVG. SVG has its own style attributes that you must use (e.g., fill, stroke, fill-opacity). Notice that even in your buttons.html page, most of your CSS does not work. You have to rewrite it using SVG styles where appropriate. For instance, you currently have a border defined in the .btn class. There is no border attribute in SVG. Perhaps you want the stroke attribute. The btn class is almost completely incompatible.

The layout is an easy enough change. Here are the altered files:

Please remember to rate my answer. Thank you again.
TheDoctor, Professional w/Adv. Degree
Category: Homework
Satisfied Customers: 1757
Experience: M.S. in Internet Information Systems
TheDoctor and 3 other Homework Specialists are ready to help you

You need to spend $3 to view this post. Add Funds to your account and buy credits.
Customer: replied 3 years ago.
For this class :D
We will have more adventures, I can assure you...
Awesome. I look forward to it.

Have a wonderful day.

JustAnswer in the News:

Ask-a-doc Web sites: If you've got a quick question, you can try to get an answer from sites that say they have various specialists on hand to give quick answers... seen a spike since October in legal questions from readers about layoffs, unemployment and severance.
Web sites like
...leave nothing to chance.
Traffic on JustAnswer rose 14 percent...and had nearly 400,000 page views in 30 days...inquiries related to stress, high blood pressure, drinking and heart pain jumped 33 percent.
Tory Johnson, GMA Workplace Contributor, discusses work-from-home jobs, such as JustAnswer in which verified Experts answer people’s questions.
I will tell you that...the things you have to go through to be an Expert are quite rigorous.

What Customers are Saying:

  • Wonderful service, prompt, efficient, and accurate. Couldn't have asked for more. I cannot thank you enough for your help. Mary C. Freshfield, Liverpool, UK
< Previous | Next >
  • Wonderful service, prompt, efficient, and accurate. Couldn't have asked for more. I cannot thank you enough for your help. Mary C. Freshfield, Liverpool, UK
  • 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 Los Angeles, CA
  • 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 Hesperia, CA
  • I couldn't be more satisfied! This is the site I will always come to when I need a second opinion. Justin Kernersville, NC
  • 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 Woodstock, NY
  • Thank you so much for taking your time and knowledge to support my concerns. Not only did you answer my questions, you even took it a step further with replying with more pertinent information I needed to know. Robin Elkton, Maryland
  • He answered my question promptly and gave me accurate, detailed information. If all of your experts are half as good, you have a great thing going here. Diane Dallas, TX

Meet The Experts:

  • LogicPro



    Satisfied Customers:

    Expert in Java C++ C C# VB Javascript Design SQL HTML
< Last | Next >
  • LogicPro's Avatar



    Satisfied Customers:

    Expert in Java C++ C C# VB Javascript Design SQL HTML
  • Manal Elkhoshkhany's Avatar

    Manal Elkhoshkhany


    Satisfied Customers:

    More than 5000 online tutoring sessions.
  • Linda_us's Avatar


    Finance, Accounts & Homework Tutor

    Satisfied Customers:

    Post Graduate Diploma in Management (MBA)
  • Chris M.'s Avatar

    Chris M.

    M.S.W. Social Work

    Satisfied Customers:

    Master's Degree, strong math and writing skills, experience in one-on-one tutoring (college English)
  • F. Naz's Avatar

    F. Naz

    Chartered Accountant

    Satisfied Customers:

    Experience with chartered accountancy
  • Bizhelp's Avatar



    Satisfied Customers:

    Bachelors Degree and CPA with Accounting work experience
  • Seanna's Avatar



    Satisfied Customers:

    3,000+ satisfied customers, all topics, A+ work

Related Homework Questions