Mouseover this word:\c[17] \[TITLE:I'm a tooltip.TEXT:ABCDEFGHIJKLMNoP]
\c[0]Hover over it!Bitmap.prototype._drawTextOdd = Bitmap.prototype._drawTextBody;
Bitmap.prototype._drawTextBody = function(text, tx, ty, maxWidth) {
if(text === "\x99"){
arguments[0] = "";
$gameMessage._addingTitles = true;
}
if(text === "\x98"){
arguments[0] = "";
$gameMessage._addingTitles = false;
$gameMessage._currentToolTip++;
}
if($gameMessage._addingTitles){
var y = SceneManager._scene._windowLayer.children[0].y;
var padding = SceneManager._scene._windowLayer.children[0]._padding;
var tt = document.createElement("div");
tt.className = "tooltip";
tt.innerHTML = " ";
tt.style.position = "absolute";
tt.style.left = Math.round(tx + padding) + "px";
tt.style.top = Math.round(ty + y - padding / 2) + "px";
tt.style.width = Math.round(this.measureTextWidth(text)) + "px";
var height = parseInt((this.fontSize+"").replace(/\D+/g,"")) + 5;
tt.style.height = height + "px";
tt.style.zIndex = "999";
//tt.style.backgroundColor = "red"; // to debug title position
tt.setAttribute("title", $gameMessage._toolTips[$gameMessage._currentToolTip]);
document.body.appendChild(tt);
}
this._drawTextOdd.apply(this, arguments);
};
Game_Message.prototype.clearOdd = Game_Message.prototype.clear;
Game_Message.prototype.clear = function() {
this.clearOdd.call(this, arguments);
this._toolTips = [];
this._currentToolTip = 0;
this._addingTitles = false;
var tt = document.getElementsByClassName("tooltip");
while(tt.length > 0)
tt[0].parentNode.removeChild(tt[0]);
};
Game_Message.prototype.add = function(text) {
var tt = this._toolTips;
text = text.replace(/\\\[TITLE:([^\]]+?)TEXT:([^\]]+?)\]/g, function(m, title, text){
tt.push(title);
return "\x99" + text + "\x98";
});
this._texts.push(text);
};Mouseover this word:\c[17] \[TITLE:I'm a tooltip.TEXT:ABCDEFGHIJKLMNoPCLICK:This is message from clicking ABC]
\c[0]Hover over it!\c[16] \[TITLE:I'm another tooltip.TEXT:12345CLICK:This is message from clicking 123]
Bitmap.prototype._drawTextOdd = Bitmap.prototype._drawTextBody;
Bitmap.prototype._drawTextBody = function(text, tx, ty, maxWidth) {
if(text === "\x99"){
arguments[0] = "";
$gameMessage._addingTitles = true;
}
if(text === "\x98"){
arguments[0] = "";
$gameMessage._addingTitles = false;
$gameMessage._currentToolTip++;
}
if($gameMessage._addingTitles){
var y = SceneManager._scene._windowLayer.children[0].y;
var padding = SceneManager._scene._windowLayer.children[0]._padding;
var tt = document.createElement("div");
tt.className = "tooltip";
tt.innerHTML = " ";
tt.style.position = "absolute";
tt.style.left = Math.round(tx + padding) + "px";
tt.style.top = Math.round(ty + y - padding / 2) + "px";
tt.style.width = Math.round(this.measureTextWidth(text)) + "px";
var height = parseInt((this.fontSize+"").replace(/\D+/g,"")) + 5;
tt.style.height = height + "px";
tt.style.zIndex = "999";
//tt.style.backgroundColor = "red"; // to debug title position
tt.setAttribute("title", $gameMessage._toolTips[$gameMessage._currentToolTip]);
tt.setAttribute("value",$gameMessage._currentToolTip);
tt.addEventListener("mousedown", function(e){
var value = parseInt(tt.getAttribute("value"));
var message = $gameMessage._toolMessages[value];
var prevMessage = $gameMessage._previousMessage.join("\n");
setTimeout(function(){
$gameMessage.add(message, true);
$gameMessage.newPage();
$gameMessage.add(prevMessage);
}, 200);
e.preventDefault();
});
document.body.appendChild(tt);
}
this._drawTextOdd.apply(this, arguments);
};
Game_Message.prototype.clearOdd = Game_Message.prototype.clear;
Game_Message.prototype.clear = function() {
this.clearOdd.call(this, arguments);
this._toolTips = [];
this._toolMessages = [];
this._previousMessage = [];
this._currentToolTip = 0;
this._addingTitles = false;
var tt = document.getElementsByClassName("tooltip");
while(tt.length > 0)
tt[0].parentNode.removeChild(tt[0]);
};
Game_Message.prototype.add = function(text, toolMessage) {
if(toolMessage === undefined){
this._previousMessage.push(text);
var tt = this._toolTips;
var tm = this._toolMessages;
text = text.replace(/\\\[TITLE:([^\]]+?)TEXT:([^\]]+?)CLICK:([^\]]+?)\]/g,
function(m, title, text, click){
tt.push(title);
tm.push(click);
return "\x99" + text + "\x98";
});
}
this._texts.push(text);
};var itemCodex = itemCodex || {};
// STUFF YOU NEED TO MODIFY
itemCodex.highlightColor = "\\c[17]"; // highlighted word color
itemCodex.menuName = "Codex"; // the name in your menus
itemCodex.dictionary = {
"word 1" : [
"Short description word 1", // short description / tooltip
"Lorem ipsum long description.\nThis is a bit longer description.", // long description
0 // game switch ON to show, 0 if none
],
"word 2" : [
"This is about word2 ",
"A little bit of a summary if you will.\nThis is a newline \\\\n",
0
],
"word 3" : [
"Hi! I'm word 3!",
"This is about bunch of stuff.\nYes it is",
0
],
"word 4" : [
"Flumaadsfsaas!!!",
"Hi! I'm word 4!",
0
]
};
// tt.style.backgroundColor = "rgba(255,255,0,0.5)"; // to debug title position