Hi all,
I want to make an application in which i have to retrieve the meaning of a word while mouse hovering the word.
I have to use php,ajax and javascript for this application.Please anyone give me a suggestion. I have no idea. I am a beginner in php,ajax and javascript.
Thanks
Amrita
Hi Amrita,
How would you want to display the result obtained? In a tooltip box or display the result inside a div below the word on which you hover the mouse.
You can accomplish this by calling API of any dictionary website. Below is a simple code that uses www.the freedictionary.com’s javascript to display a pop-up when a user double clicks any word.
[php]
Live Dictionary Hi all,I want to make an application in which i have to retrieve the meaning of a word while mouse hovering the word.
I have to use php,ajax and javascript for this application.Please anyone give me a suggestion. I have no idea. I am a beginner in php,ajax and javascript.
Thanks
Amrita
Feel free to contact me on [email protected] in case you need urgent help.
Thanku for ur response…
Actually i want to retrieve the meaning of a word from a table stored in MySQL database with word and definition columns. When the user mouse hovers a word that is in the table,its meaning should pop up. I have to do it with ajax,javascript and php.
This is my code:----
function getDefinition(currWord)
{
var nDefinition = “”;
for (i=0; i<wordList.length; i++)
{
if (wordList[i] == currWord)
{
nDefinition = definitionList[i];
}
}
return nDefinition;
}
function showDefinition(defineWord)
{
var toolTip = getDefinition(defineWord);
var tipTxt = toolTip.split("|");
tipContainer.style.display = '';
for (i=0; i<tipTxt.length; i++)
{
tipContainer.appendChild(document.createTextNode(tipTxt[i]))
tipContainer.appendChild(document.createElement('br'))
}
}
function getMidWindow()
{
if (document.documentElement && document.documentElement.scrollLeft || document.documentElement && document.documentElement.scrollTop)
{
midWindow = document.documentElement.clientWidth/2;
}
else
{
midWindow = document.body.clientWidth/2;
}
}
function initContext()
{
var rawText = document.getElementById('subjectMatter');
var workText = rawText.innerHTML;
workText = workText.replace(/(\<p\>)/gi,"$1 ");
for (i=0; i<wordList.length; i++)
{
var currWord = new RegExp("([\\s\\r\\n]+"+wordList[i]+"[\\s,;.:?!]+)",'gi')
workText = workText.replace(currWord,"<span class='word'>$1<\/span>");
}
rawText.innerHTML = workText;
}
function initTip()
{
tipContainer = document.getElementById('nFloat')
tipContainer.style.display = 'none';
if (!IE){document.captureEvents(Event.mousemove)}
document.onmousemove=stayHome;
getMidWindow();
}
function init()
{
initContext();
var nBody = document.getElementsByTagName('body')[0];
var tipBox = document.createElement('div');
tipBox.className = "definition";
tipBox.id = "nFloat";
nBody.appendChild(tipBox);
initTip();
var nWords = document.getElementById('subjectMatter').getElementsByTagName('span');
for (i=0; i<nWords.length; i++)
{
nWords[i].onmouseover = function()
{
showDefinition(this.firstChild.data.toLowerCase().replace(/^\s+|\s+$/,"").replace(/[^a-zA-Z-\s]/g,"").replace(/^\s+|\s+$/,""));
}
nWords[i].onmouseout = function()
{
hideDefinition();
}
}
}
function parseGlossary()
{
var nList = GlossaryResponse.getElementsByTagName('word');
var nDef = GlossaryResponse.getElementsByTagName('definition');
for (i=0; i<nList.length; i++)
{
wordList[i] = nList[i].firstChild.data;
definitionList[i] = nDef[i].firstChild.data;
}
init();
}
function createGlossary()
{
var GlossaryRequest = window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
GlossaryRequest.onreadystatechange = function()
{
if (GlossaryRequest.readyState == 4)
{
if (GlossaryRequest.status == 200)
{
GlossaryResponse = GlossaryRequest.responseXML;
parseGlossary();
}
else {
alert('Error Glossarymine.xml File '+ GlossaryRequest.statusText);
}
}
}
var forceGET = "?n="+ parseInt(Math.random()*999999999);
GlossaryRequest.open("GET", "Glossarymine.xml"+forceGET, true);
GlossaryRequest.send(null);
}
onload=createGlossary;
onresize=getMidWindow;