Hover Translation Tool - javascript

I apologize in advance if this question violates any forum rules.
I have tried many google searches but have been unable to come up with the results I am looking for.
Basically, I would like a hover translation tool to be developed for Burmese -> English. I know there are many tools available, but I have not encountered one specifically for this pair. I have found a tool which I like, and after which I would like to model this one. It is called Rikaichan, and is available at http://www.polarcloud.com/rikaichan as an add-on for Firefox and Chrome.
I have a beginner/intermediate knowledge of html, css, javascript, jQuery, and PHP. I have a dictionary on my computer that can be searched in either language.
My question is this: How does one develop a hover translation tool?
I am not looking for all the code, but just for some help getting started. Based on my limited knowledge, I would guess something like this. The tool has to only attempt to translate if it is Burmese. There are a variety of Burmese fonts, and not all of them are Unicode. So, I don't know if it would have to be developed separately for the different fonts or not. So, let's pretend they are all Unicode. So, when a user hovers over some text, using a javascript/jquery mouseover event, a search is triggered. The search term is the word hovered and it searches in the dictionary file. When encountered, the text pops up and shows the user the possible words.
But, I'm just kind of stuck. Any help?

Related

What language do I need to learn to make make a script for my Epson receipt printer? (Manual link included)

The printer: TM-T88V
The Manual: https://files.support.epson.com/pdf/pos/bulk/tmt88v_swum_reve.pdf
A receipt-marker Web template for the printer: http://www.i-pos.nl/epson/
(Provided by Epson)
I'm a noob that doesn't know any computer languages. I've dug all I can but I still can't make sense of it all. I still don't know what I need to learn to print the receipts I want to print.
There's mention of XML, HTML, CSS, and Javascript. But I don't know which one I need to learn. And I don't want to waste time learning one I don't need for this specific purpose.
What I want is to make a receipt that looks very similar to that of another business who makes wonderful receipts, and who uses this printer.
Ideally this is just a txt document or something very simple that I can manually change the lines of and click print. I do not need any sort of POS program with text boxes, buttons, or anything on a website for now. I just need a simple, off-line, on-my-desktop type solution. I want to plug the printer into my computer, change a few lines of text or code, and print it and have it look like their receipt, except with my logo and address.
Even if I can figure out how to print a receipt I manually made in Illustrator. I'm content doing that as well.
Please help me figure this out.
Edit: Would it at all be possible to pay someone to make some sort of noob-friendly setup where I just change lines of text and click print and get the result I want?
Would this be costly?
Would I be better off learning how to do this myself?
According to this manual, page 64, it'll be Javascript. But this document talks about the TMT88V-i, and you have a TMT88V. I'd suggest you to try this out in order to be fixed.

Script to switch from plain to multi coloured needed - if it's even possible?

I'm working on a website update for a charity (status pending) to provide support for learning difficulties for both children and adults, as well as their family and friends.
The learning difficulties are associated with Auditory Processing Disorder, Visual Processing Disorder and so on. These LD's encompass Dyslexia, Disgraphia, etc.
Anyway, I need to create a button that will change the option of viewing the text either as I've written it here (plain black on white bg) or to this link:
apduk site
I will be using joomla, and I think this can be done with a javascript, but my basic javascript knowledge is long gone - any ideas or tips on how to achieve this, perhaps so that I could change the available colours in the script to suite various LD's would be very much appreciated.
Many thanks in advance,
Steve
You basically want to switch your stylesheet for another.
If you google stylesheet switcher there is quite al ot of info about how to do this. Here is an example from my quick search:
http://www.cssnewbie.com/simple-jquery-stylesheet-switcher/#.Uox7omRmWPU
Or even if you search SO there are a few questions that relate to this:
Style Switcher & Text Resizer Combined?

How can I find jquery/javascript/modernizer code responsible for a effect

I'm learning web design, and there is no better method than redoing others work. So I'm reading other pages code, but it's so hard to find the jQuery, Javascript or modernizer or ... code responsible for the effect.
I'm using firebug, also used firequery, but the problem is they give me the event but not the code and a big tree of DOM, I don't know where even I look into it.
I really don't care which event is triggered, but I do care how the code is written. If I find the code so I can understand the event is on click or on focus...
Or let's say a website has a some javascript file, linked to a website. when I load the webpage i get a webpage consist of DOM and external/internal script. When I see a cool effect and want to read the code, I run firebug, inspect element to find the element. After that I don't know what to do? I can't search for selector or event in the script because maybe the developer of the site used different selector that I'm searching. Sometimes I find the code, but it's so jammed, not in human readable form, I don't know how to change the code to something indent and neat
The problem becomes more dramatic when the website using other java framework than jQuery.
I've searched a lot, used many tools, but couldn't find anything useful, please with your advice light my way to learn web developing
edit:--
I found a way but I'm sure there should be a better way outside
first in chrome I inspect the element to find the corresponding element, then i right click and check all the break point on it(if it doesn't work i do the same for parent element)
after that i play with that element to trigger the function and it break
usually the function that called the method is down in the callstack
also for reading
also for reading the script i use pretty print of chrome, i used some online prettyfier but most of them has limitation in number of character, for a long script none of the google first page resault is good enough. so the only good option here is for now is chrome, anyone have any other method?
It is difficult to learn how to do things just from inspecting it, as many effects may be implemented entirely in JavaScript, which may be deep, hidden away in a source file.
You mention that the code is not in human readable form, beautifying it may help:
https://stackoverflow.com/a/6318092/1061602
Most 'visual' effects should be able to be viewable from the CSS, e.g. JQuery Mobile's buttons, it is possible to see how the different classes are combined, ui-shadow, ui-btn, ui-disabled etc
Otherwise, searching for selectors is pretty much all you can do. Personally, if I am learning, looking at too much code at one time can be overwhelming. Also a lot of the UI effects may be difficult to trace.
My advice is, perhaps a better way around it would be to try and describe one single effect that you require, and then search on Google or Stack Overflow for guidance on how to create that effect.
The usual documentation sources will be useful:
http://www.w3schools.com/css3/default.asp
http://api.jquery.com/
Happy learning!

Javascript to move selected web text to MS Word

Im annoyed that this doesn't seem possible, but i wanted to check with the community to see if someone has developed a working version of something similar.
I'm a graduate student and spend a LOT of time online researching, and when I find that sweet paragraph that makes just the argument I've been searching for, I've gotta copy and paste it out of chrome (on mac os x) and into word (2011). I've built a "strip all formatting" macro that works well enough, but what i would like is a pipe from chrome into my open word document that gives me 1 key "send selection to word document" (like ~).
I've got the js working to get selected text and move it around, but i cannot seem to open the document i want to move the text into. Ideally, this would work as a chrome plugin (I've built them before), but I've seen no documentation about JS => Word on other platforms (obviously activeX controls dont work for me).
Any suggestions?
You can use an automator service to do this. Open Applications > Automator, and then create a service, which receives selected text (one of the built in defaults). This works in any app, and is accessible via the Services menu when you right click.
You can do this easily with TextEdit for example using these two actions:
Service receives selected text
New Textedit Document.
I've just tried it to confirm it. It can also copy rich text etc (including links) if you want. I imagine something similar is possible with word, and there is a built in service already to do the same if you have installed TextWrangler (another word processor).
JavaScript is contained within the browser for security reasons, so you will not be able to do it with JavaScript.
The best thing that i can come up with is to write a 'bot' kinda thing that just coppy pastes, so not for in an extention.

Simple lightbox feedback form? Included screenshot

There are so many lightboxes to choose from, I'm looking for a very lightweight one to use in an embedded javascript widget that would be a single domain name. I saw the perfect one on chainreactioncycles.com, it popped up out of nowhere so I took a screenshot:
I tried looking for info on it on the page source, but couldn't find anything that would let me trace where it came from... Would anybody know of one like this? Or exactly that one?
If not exactly like above, anything similar would be great too, keeping the following in mind:
Very small javascript download (animation not needed)
Self contained, not dependent on any libraries other than jquery (since I'm already using that anyway).
Works in major browsers
Close button (like GetSatisfaction or UserVoice)
Dims background
Avoids javascript namespace conflicts (or can easily be made to avoid them)
CSS styling of lightbox does not interfere with site styling
Have you used an existing lightbox scripts for this same purpose with similar requirements? Did you roll your own? Insights welcome!
What you are looking for is called a modal box.
Here is a list of them
... and here is a striking replica of what you are looking for
Check out Zoombox.. It sounds like what you're looking for... Simple to use... Allows custom content.. jQuery Module... From past experience it covers what you have outlined as requirements etc
http://www.grafikart.fr/zoombox will tell you all you need to know.

Categories