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
TheDoctor, Professional w/Adv. Degree
Category: Homework
Satisfied Customers: 1297
Experience:  M.S. in Internet Information Systems
Type Your Homework Question Here...
TheDoctor is online now
A new question is answered every 9 seconds

I need help with the JQuery/ Javascript bugs including video

Resolved Question:

I need help with the JQuery/ Javascript bugs including video and mouselisteners.
Submitted: 5 months ago.
Category: Homework
Expert:  TheDoctor replied 5 months ago.
Hello again! Thank you for requesting me.

When requesting me, it is better to put **For TheDoctor** as the first thing in your question instead of in the subject. When you put it in the subject, I do not necessarily receive a notification of that.

Please zip up your code and upload it to http://ge.tt

Once uploaded, you will be given a link on the right. Click on the 'Copy Link' option and then paste it here.

Thank you
Customer: replied 5 months ago.

I believed the video is too big for the ge.tt


Alternative ink: https://www.dropbox.com/sh/yx5v7faj9oc5gz2/oaMIMo_Da1

Expert:  TheDoctor replied 5 months ago.
Hi Samuel,

Please explain what you need assistance with.
Expert:  TheDoctor replied 5 months ago.
Hi Samuel,

Can you identify the bugs for me? Provide a description of what you are trying to do with this and where you are experiencing bugs?

It is very difficult to open another person's project and fix issues when those issues have been explicitly stated. I can make assumptions and do a bunch of searching for issues. But that is horribly inefficient and I would likely miss things.

Also, please let me know by when you need the fixes.

Thank you
Customer: replied 5 months ago.

I will need it before Tues morning.

Expert:  TheDoctor replied 5 months ago.
Alright. I will await the requested description of how it is supposed to work and what the bugs are/how to reproduce them.

Thank you
Customer: replied 5 months ago.

This is the captioning project and it has the following bugs:


Mouseover bug: it should automatically play and when the mouse lands on the video, it is playing. When the mouse lands on textarea or subtitles itself, the video stop.


Caption bug: Caption should appear on the screen.


Transcript bug: Caption doesn't appear into textarea when the option selected to 4 lines


 


Also, this project focus more into speed and efficiency. Also, I want to use JSON: Heard that the speed efficiency of json. Load instead of xml.


I need to attach a listener to the video - to the timeupdate event. Whenever this event fires, the video time has changed. Read the curtime property of the video element on every fire of that event, and compare it to the time in the JSON file.


If they match, show the text


 


Expert:  TheDoctor replied 5 months ago.
Thank you. I will contact you once I have an update.
Customer: replied 5 months ago.

Wonderful. Nice to hear from you, TheDoctor.

Expert:  TheDoctor replied 5 months ago.
You too Samuel.
Customer: replied 5 months ago.

What is the status?

Expert:  TheDoctor replied 5 months ago.
I will have this to you by tonight, as requested. Thank you.
Customer: replied 5 months ago.

Any clarification?

Expert:  TheDoctor replied 5 months ago.

I will have something for you before 11PM EST.

 

Please let me know what browser and version you are using when you view these bugs.

Customer: replied 5 months ago.

Chrome and 30.0.1598.101m. Basically, it is up to date.

Expert:  TheDoctor replied 5 months ago.
Hello again Samuel!

Please download the project here:

DOWNLOAD

I did not include the video files in my zip because there is no point in sending you your own video files.

Everything appears to work now. Feel free to make any changes that you want. The captions now display and so does the transcript. It is using JSON (there were some parse issues with your JSON file).

Obviously, I had to update player . js, ccFinal.html, captions.json

So make sure that you have all of my changes when testing and make sure that you do a hard refresh (CTRL-F5 or Shift-Refresh).

Other than the captions/transcript appearing, I have the mouseovers working as well.

If you mouse over the captions or transcript (depending on which one is currently displayed), the movie will pause. When you mouse off, the movie will start back up.

However, if you pause the movie with the video control, then mousing over things does not restart the movie. I added this because it was amazingly annoying. Let's say that you intentionally press pause on the movie. The way you had it, as soon as the mouse is moved over the page, if it touched the caption or transcript area, it would restart because the mouseout restarts the movie. Mousing out from the transcript or caption should only restart the movie if the movie was paused as a result of hovering over the caption or transcript.

If the movie was intentionally paused with a pause button, moving the mouse over the caption or transcript should not restart the movie. That is just insanely annoying and make it very difficult to control. I found myself saying to my screen, "No! Stay Paused! I want you paused! No! No more glowsticks! Stop!" -- So I added the functionality to make certain that the hover/mouseout functionality works better.

Let me know if you have any questions. I'm here to help!

Please remember to rate my answer. Thank you so much and have a wonderful day!


Expert:  TheDoctor replied 5 months ago.
THIS ANSWER IS LOCKED!
You can view this answer by clicking here to Register or Login and paying $3.
If you've already paid for this answer, simply Login.
TheDoctor, Professional w/Adv. Degree
Category: Homework
Satisfied Customers: 1297
Experience: M.S. in Internet Information Systems
TheDoctor and 4 other Homework Specialists are ready to help you
Customer: replied 5 months ago.

Actually, the captions doesn't work.

Expert:  TheDoctor replied 5 months ago.
The captions were working perfectly when I sent it to you. They were certainly working for me. I'm sure I didn't imagine them working. Can you provide details? Have you made changes?
Customer: replied 5 months ago.

Yeah, I did made some changes. I think there might be javascript errors.

Expert:  TheDoctor replied 5 months ago.

Send me your files. I'll take a look for you. You don't need to send the videos.

Customer: replied 5 months ago.

 

Expert:  TheDoctor replied 5 months ago.
The captions still work perfectly, but your first two lines in your player . js is causing a fatal JavaScript error. You added:

$( "#draggable" ).draggable();
$( "#resizable" ).resizable();

However, there are no elements in the HTML that have the ID draggable or resizable. And if their were, you would need to put these lines inside of of $(document).ready(function()... like:

$(document).ready(function() {
$( "#draggable" ).draggable();
$( "#resizable" ).resizable();
});

Without that, it would attempt to find elements with those IDs before the DOM is available, and that will never work. But again, these elements don't appear in your HTML anyway.

So jQuery return null for those elements. You then attempt to call a member function on a null object, which throws a fatal error.

So it doesn't actually have anything to do with the work I did or the captions. You are simply breaking the JavaScript.

If you press F12 while in Chrome, it will bring up the developer tools. Choose console and then you can see any errors that come up.
Customer: replied 5 months ago.

 

Expert:  TheDoctor replied 5 months ago.
Press F12 and view the console:

Uncaught TypeError: Object [object Object] has no method 'resizable'

It is still letting you know that there is no element with the id "resizable"

I see you attempted to add it. But an element cannot have more than one ID

So what you attempted to do is not valid HTML. An element can have more than one class, but not more than one ID.

Again, this has nothing to do with the caption work that you asked me to do. This is new code you are adding that is breaking the page. I cannot continue to provide free assistance for new issues unrelated to the work I did. If you are adding in new code that breaks the script, I cannot provide ongoing free support. You will need to enter a new question for new issues.

If you press F12 in Chrome and look at the console, it tells you exactly where the errors are.

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... Justanswer.com.
JustAnswer.com...has seen a spike since October in legal questions from readers about layoffs, unemployment and severance.
Web sites like justanswer.com/legal
...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
< Last | 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:

 
 
 
  • Manal Elkhoshkhany's Avatar

    Manal Elkhoshkhany

    Tutor

    Satisfied Customers:

    4514
    More than 5000 online tutoring sessions.
< Last | Next >
  • http://ww2.justanswer.com/uploads/BU/BusinessTutor/2012-2-2_115741_Kouki2.64x64.jpg Manal Elkhoshkhany's Avatar

    Manal Elkhoshkhany

    Tutor

    Satisfied Customers:

    4514
    More than 5000 online tutoring sessions.
  • http://ww2.justanswer.com/uploads/LI/lindaus/2012-6-10_04811_IMG20120609164157.64x64.jpg Linda_us's Avatar

    Linda_us

    Finance, Accounts & Homework Tutor

    Satisfied Customers:

    3099
    Post Graduate Diploma in Management (MBA)
  • http://ww2.justanswer.com/uploads/lanis/2009-4-1_233717_phput9xef_c1pm.jpg Lani S.'s Avatar

    Lani S.

    Tutor

    Satisfied Customers:

    2453
    Registered Nurse, Internet Researcher, Private Tutor
  • http://ww2.justanswer.com/uploads/chooser77/2009-08-18_162025_Chris.jpg Chris M.'s Avatar

    Chris M.

    M.S.W. Social Work

    Satisfied Customers:

    2258
    Master's Degree, strong math and writing skills, experience in one-on-one tutoring (college English)
  • http://ww2.justanswer.com/uploads/ComputersGuru/2010-02-13_051118_Photo41.JPG LogicPro's Avatar

    LogicPro

    Engineer

    Satisfied Customers:

    2193
    Expert in Java C++ C C# VB Javascript Design SQL HTML
  • http://ww2.justanswer.com/uploads/JawaadAhmed/2009-6-27_12137_SIs_SHadi.jpg F. Naz's Avatar

    F. Naz

    Chartered Accountant

    Satisfied Customers:

    1962
    Experience with chartered accountancy
  • http://ww2.justanswer.com/uploads/JK/jkcpa/2011-1-16_182614_jkcpa.64x64.jpg Bizhelp's Avatar

    Bizhelp

    CPA

    Satisfied Customers:

    1865
    Bachelors Degree and CPA with Accounting work experience