[Hỏi đáp] Vấn đề tooltip

 19.12.15 19:53  Bài viết hay nhất1
trandangduat
trandangduat 
Thành viên thân thiết
Tình hình em có thẻ :
Code:
#tooltip
nhưng bây giờ em muốn nó hiện vào title lastpost(em không biết nên cứ gọi đại loại là vậy) của index_box
Forum em là PunBB
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 19.12.15 19:57  Bài viết hay nhất2
markai30
markai30 
Quản trị viên

trandangduat wrote:Tình hình em có thẻ :
Code:
#tooltip
nhưng bây giờ em muốn nó hiện vào title lastpost(em không biết nên cứ gọi đại loại là vậy) của index_box
Forum em là PunBB

1. Tooltip của em chứa gì
2. Tooltip tự tạo hay là sử dụng tooltip sẵn có của last.
3. Nếu là thứ 2 thì đừng nghĩ đến nhé. Làm vậy chỉ rắc rối hơn thôi.
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 19.12.15 20:02  Bài viết hay nhất3
trandangduat
trandangduat 
Thành viên thân thiết

markai30 wrote:
trandangduat wrote:Tình hình em có thẻ :
Code:
#tooltip
nhưng bây giờ em muốn nó hiện vào title lastpost(em không biết nên cứ gọi đại loại là vậy) của index_box
Forum em là PunBB

1. Tooltip của em chứa gì - Xuống câu 2 ạ
2. Tooltip tự tạo hay là sử dụng tooltip sẵn có của last. - tự tạo ạ
Code:

tooltip{
  z-index: 999;
      left: -300px; top:0px;
      visibility: hidden;
      position: absolute;
      padding: 15px;
      text-align:left;
      -moz-opacity: 0.8;
      opacity: 0.8;
      filter: alpha(opacity=80);
}
tooltip{
  border: #000000 0px solid;
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      font-size: 9pt; font-weight:bold;
      font-family: Arial; color:#fff;
      background-color: #000;
      width: auto;
      max-width: 340px;
      width:expression(document.body.clientWidth > 340? "340px": "auto");
  -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
   
}
3. Nếu là thứ 2 thì đừng nghĩ đến nhé. Làm vậy chỉ rắc rối hơn thôi. - loại
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 19.12.15 20:12  Bài viết hay nhất4
markai30
markai30 
Quản trị viên

trandangduat wrote:
markai30 wrote:
trandangduat wrote:Tình hình em có thẻ :
Code:
#tooltip
nhưng bây giờ em muốn nó hiện vào title lastpost(em không biết nên cứ gọi đại loại là vậy) của index_box
Forum em là PunBB

1. Tooltip của em chứa gì - Xuống câu 2 ạ
2. Tooltip tự tạo hay là sử dụng tooltip sẵn có của last. - tự tạo ạ
Code:

tooltip{
  z-index: 999;
      left: -300px; top:0px;
      visibility: hidden;
      position: absolute;
      padding: 15px;
      text-align:left;
      -moz-opacity: 0.8;
      opacity: 0.8;
      filter: alpha(opacity=80);
}
tooltip{
  border: #000000 0px solid;
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      font-size: 9pt; font-weight:bold;
      font-family: Arial; color:#fff;
      background-color: #000;
      width: auto;
      max-width: 340px;
      width:expression(document.body.clientWidth > 340? "340px": "auto");
  -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
    
}
3. Nếu là thứ 2 thì đừng nghĩ đến nhé. Làm vậy chỉ rắc rối hơn thôi. - loại

Đưa anh nguyên cái css ko. Anh hiểu chết liền. Cái tooltip của em chứa dữ liệu gì.
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 19.12.15 20:15  Bài viết hay nhất5
trandangduat
trandangduat 
Thành viên thân thiết
Tất cả css forum em á
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 19.12.15 20:19  Bài viết hay nhất6
markai30
markai30 
Quản trị viên

trandangduat wrote:Tất cả css forum em á

Cái tooltip em có nội dung gì trong đó. vd: Giới thiệu topic. hay link topic hay tên thành viên.
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 19.12.15 20:27  Bài viết hay nhất7
trandangduat
trandangduat 
Thành viên thân thiết
Giới thiệu topic aj
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 19.12.15 20:57  Bài viết hay nhất8
Kelvin_Kingleon
Kelvin_Kingleon 
Thành viên thân thiết
đầu tiên mở topic_list_box ra, sau đó tìm
Code:
<h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>&nbsp;
sau đó thay thế bằng:
Code:
 <h2 class="topic-title"><a onmouseover="show_tooltip(this,'Subject:  {topics_list_box.row.TOPIC_TITLE} <br><br>Posted: {topics_list_box.row.FIRST_POST_TIME}<br><br>Views:  {topics_list_box.row.VIEWS}<br><br>Replies: {topics_list_box.row.REPLIES}');" onmouseout="hidetip();" class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>
sao đó vào js, thêm js, tích vào subforum. code:
Code:
/*
* Application: Tooltip on topic mouseover
* Description: Show tooltip when you mouseover the topic title.
* Version: 1.25112013-jq1.9.1
* Copyright (c) 2014 PunBB.biz
*/
var versionMinor = parseFloat(navigator.appVersion);
var versionMajor = parseInt(versionMinor);
var IE = document.all && !window.opera && versionMajor < 7;
var IE7 = document.all && !window.opera && versionMajor >= 7;
var OP = window.opera;
var FF = document.getElementById;
var NS = document.layers;
function get_item(name, opener) {
    if (IE) {
        return (opener) ? window.opener.document.all[name] : document.all[name]
    } else if (FF) {
        return (opener) ? window.opener.document.getElementById(name) : document.getElementById(name)
    } else if (NS) {
        return (opener) ? window.opener.document.layers[name] : document.layers[name]
    }
}
function change_display(name, value, opener) {
    if (IE) {
        element = (opener == true) ? window.opener.document.all[name].style : document.all[name].style
    } else if (FF) {
        element = (opener == true) ? window.opener.document.getElementById(name)
            .style : document.getElementById(name)
            .style
    } else if (NS) {
        element = (opener == true) ? window.opener.document.layers[name] : document.layers[name]
    }
    element.display = value
}
function reverse_display(name, opener) {
    element = get_item(name);
    if (!element) {
        return false
    }
    var display = (element.style.display != 'block') ? 'block' : 'none';
    change_display(name, display, opener)
}
var current_tooltip;
function show_tooltip(caller, content, content_title) {
    var current_tooltip = get_item('tooltip');
    if (!current_tooltip) {
        var current_tooltip = document.createElement('div');
        current_tooltip.setAttribute('id', 'tooltip');
        document.body.appendChild(current_tooltip)
    }
    current_tooltip.style.zIndex = 100;
    current_tooltip.style.position = 'absolute';
    if (content_title) {
        content = '<p class="header">' + content_title + '</p><p>' + content + '</p>'
    } else {
        content = '<p>' + content + '</p>'
    }
    current_tooltip.innerHTML = content;
    current_tooltip.style.visibility = 'visible';
    caller.onmousemove = move_tooltip;
    caller.onmouseout = function() {
        current_tooltip.style.visibility = "hidden"
    };
    caller.title = ''
}
var offsetxpoint = -60;
var offsetypoint = 20;
var real_body = (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body;
real_body = (document.documentElement) ? document.documentElement : document.body;
function move_tooltip(e) {
    var curX = (!IE) ? e.pageX : event.clientX + real_body.scrollLeft;
    var curY = (!IE) ? e.pageY : event.clientY + real_body.scrollTop;
    var rightedge = IE && !window.opera ? real_body.clientWidth - event.clientX - offsetxpoint : window.innerWidth - e.clientX - offsetxpoint - 20;
    var bottomedge = IE && !window.opera ? real_body.clientHeight - event.clientY - offsetypoint : window.innerHeight - e.clientY - offsetypoint - 20;
    var leftedge = (offsetxpoint < 0) ? offsetxpoint * (-1) : -1000;
    current_tooltip = get_item('tooltip');
    if (rightedge < current_tooltip.offsetWidth) current_tooltip.style.left = IE ? real_body.scrollLeft + event.clientX - current_tooltip.offsetWidth + "px" : window.pageXOffset + e.clientX - current_tooltip.offsetWidth + "px";
    else if (curX < leftedge) current_tooltip.style.left = "5px";
    else current_tooltip.style.left = curX + offsetxpoint + "px"; if (bottomedge < current_tooltip.offsetHeight) current_tooltip.style.top = IE ? real_body.scrollTop + event.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : window.pageYOffset + e.clientY - current_tooltip.offsetHeight - offsetypoint + "px";
    else current_tooltip.style.top = curY + offsetypoint + "px"
}
function popup(link, oWidth, oHeight, oName) {
    if (oWidth > screen.width) {
        oWidth = screen.width
    }
    if (oHeight > screen.height) {
        oHeight = screen.height
    }
    var PosX = (screen.width - oWidth) / 2;
    var PosY = (screen.height - oHeight) / 2;
    var params = "width=" + oWidth + ", height=" + oHeight + ", top=" + (PosY) + ",left=" + (PosX);
    params += ('toolbar=0,menubars=0,location=no,scrollbars=1,directories=0,statubar=0,resizable=0');
    window.open(link, ((!oName) ? 'popuped' : 'popuped'), params)
}
function add_search_engine(engine, title, category) {
    if (FF && (typeof window.sidebar == "object") && (typeof window.sidebar.addSearchEngine == "function")) {
        window.sidebar.addSearchEngine(engine + '_ff.src', engine + '.gif', title, category)
    } else if (IE7) {
        window.external.AddSearchProvider(engine + '_ie.src')
    } else {
        alert('Your browser do not support this utility')
    }
}
inter = '';
speed = 10;
frequency = 10;
L_txt_close = 'Clic to close this preview';
function showImage(event, finalWidth, finalHeight, image, img_width, img_height) {
    if (document.getElementById('preview_block')
        .firstChild) {
        for (var i = 0; i < document.getElementById('preview_block')
            .childNodes.length; i++) {
            document.getElementById('preview_block')
                .removeChild(document.getElementById('preview_block')
                    .childNodes[i])
        }
    }
    var mouseX = 0;
    var mouseY = 0;
    var vScroll = 0;
    var hScroll = 0;
    var inWidth = getWindowWidth();
    var inHeight = getWindowHeight();
    if (document.all) {
        mouseX = window.event.clientX + document.documentElement.scrollLeft;
        mouseY = window.event.clientY + document.documentElement.scrollTop;
        vScroll = document.documentElement.scrollTop;
        hScroll = document.documentElement.scrollLeft
    } else {
        mouseX = event.clientX + window.scrollX;
        mouseY = event.clientY + window.scrollY;
        vScroll = window.scrollY;
        hScroll = window.scrollX
    }
    var div = document.createElement('div');
    div.style.height = '0';
    div.style.width = '0';
    div.className = 'preview';
    div.style.position = 'absolute';
    div.style.top = mouseY + 'px';
    div.style.left = mouseX + 'px';
    div.style.zIndex = '1000';
    div.setAttribute('id', 'image');
    div.onclick = new Function("document.getElementById('preview_block').removeChild(document.getElementById('preview_block').firstChild);window.clearInterval(inter);");
    var finalLeft = (inWidth - finalWidth) / 2;
    var finalTop = (inHeight - finalHeight) / 2;
    finalTop += vScroll;
    var stepLeft = (finalLeft - mouseX) / speed;
    var stepTop = (finalTop - mouseY) / speed;
    var stepWidth = finalWidth / speed;
    var stepHeight = finalHeight / speed;
    document.getElementById('preview_block')
        .appendChild(div);
    if (!img_width) {
        img_width = 840
    }
    if (!img_height) {
        img_height = 600
    }
    inter = window.setInterval('moveAndResize(' + stepLeft + ',' + stepTop + ',' + stepWidth + ',' + stepHeight + ',' + finalHeight + ',"' + image + '",' + img_width + ',' + img_height + ')', frequency);
    return false
}
function moveAndResize(stepLeft, stepTop, stepWidth, stepHeight, finalHeight, image, img_width, img_height) {
    if (!document.getElementById('preview_block') || !document.getElementById('preview_block')
        .firstChild) {
        window.clearInterval(inter);
        return false
    }
    var div = document.getElementById('preview_block')
        .firstChild;
    var height = div.style.height.match(/[0-9\.]*/);
    var width = div.style.width.match(/[0-9\.]*/);
    var top = div.style.top.match(/[0-9\.]*/);
    var left = div.style.left.match(/[0-9\.]*/);
    height = Number(height);
    width = Number(width);
    top = Number(top);
    left = Number(left);
    height += stepHeight;
    width += stepWidth;
    top += stepTop;
    left += stepLeft;
    div.style.height = height + 'px';
    div.style.width = width + 'px';
    div.style.top = top + 'px';
    div.style.left = left + 'px';
    if (height >= finalHeight) {
        window.clearInterval(inter);
        var img = document.createElement('img');
        img.setAttribute('src', image);
        img.setAttribute('alt', L_txt_close);
        img.setAttribute('title', L_txt_close);
        img.setAttribute('width', img_width);
        img.setAttribute('height', img_height);
        img.style.cursor = 'pointer';
        div.appendChild(img);
        var p = document.createElement('p');
        p.style.cursor = 'pointer';
        div.appendChild(p)
    }
}
function getWindowHeight() {
    var pageHeight = window.innerHeight;
    pageHeight = (pageHeight) ? pageHeight : document.documentElement.clientHeight;
    pageHeight = (pageHeight) ? pageHeight : document.body.clientHeight;
    return pageHeight
}
function getWindowWidth() {
    var pageWidth = window.innerWidth;
    pageWidth = (pageWidth) ? pageWidth : document.documentElement.clientWidth;
    pageWidth = (pageWidth) ? pageWidth : document.body.clientWidth;
    return pageWidth
}
chèn vào css
Code:
#tooltip .header {display:none}
        #tooltip .tiplFMvi{border-bottom:1.5px dashed;padding-bottom:5px;margin-bottom:5px}
        #tooltip{max-width:550px;position:absolute;background-color:#FFF;border:2px solid blue;padding:5px;border-radius:3px;color:#000;z-index:99;}
nguồn:punbb
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 19.12.15 20:59  Bài viết hay nhất9
markai30
markai30 
Quản trị viên

Kelvin_Kingleon wrote:đầu tiên mở topic_list_box ra, sau đó tìm
Code:
<h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>&nbsp;
sau đó thay thế bằng:
Code:
 <h2 class="topic-title"><a onmouseover="show_tooltip(this,'Subject:  {topics_list_box.row.TOPIC_TITLE} <br><br>Posted: {topics_list_box.row.FIRST_POST_TIME}<br><br>Views:  {topics_list_box.row.VIEWS}<br><br>Replies: {topics_list_box.row.REPLIES}');" onmouseout="hidetip();" class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>
sao đó vào js, thêm js, tích vào subforum. code:
Code:
/*
* Application: Tooltip on topic mouseover
* Description: Show tooltip when you mouseover the topic title.
* Version: 1.25112013-jq1.9.1
* Copyright (c) 2014 PunBB.biz
*/
var versionMinor = parseFloat(navigator.appVersion);
var versionMajor = parseInt(versionMinor);
var IE = document.all && !window.opera && versionMajor < 7;
var IE7 = document.all && !window.opera && versionMajor >= 7;
var OP = window.opera;
var FF = document.getElementById;
var NS = document.layers;
function get_item(name, opener) {
    if (IE) {
        return (opener) ? window.opener.document.all[name] : document.all[name]
    } else if (FF) {
        return (opener) ? window.opener.document.getElementById(name) : document.getElementById(name)
    } else if (NS) {
        return (opener) ? window.opener.document.layers[name] : document.layers[name]
    }
}
function change_display(name, value, opener) {
    if (IE) {
        element = (opener == true) ? window.opener.document.all[name].style : document.all[name].style
    } else if (FF) {
        element = (opener == true) ? window.opener.document.getElementById(name)
            .style : document.getElementById(name)
            .style
    } else if (NS) {
        element = (opener == true) ? window.opener.document.layers[name] : document.layers[name]
    }
    element.display = value
}
function reverse_display(name, opener) {
    element = get_item(name);
    if (!element) {
        return false
    }
    var display = (element.style.display != 'block') ? 'block' : 'none';
    change_display(name, display, opener)
}
var current_tooltip;
function show_tooltip(caller, content, content_title) {
    var current_tooltip = get_item('tooltip');
    if (!current_tooltip) {
        var current_tooltip = document.createElement('div');
        current_tooltip.setAttribute('id', 'tooltip');
        document.body.appendChild(current_tooltip)
    }
    current_tooltip.style.zIndex = 100;
    current_tooltip.style.position = 'absolute';
    if (content_title) {
        content = '<p class="header">' + content_title + '</p><p>' + content + '</p>'
    } else {
        content = '<p>' + content + '</p>'
    }
    current_tooltip.innerHTML = content;
    current_tooltip.style.visibility = 'visible';
    caller.onmousemove = move_tooltip;
    caller.onmouseout = function() {
        current_tooltip.style.visibility = "hidden"
    };
    caller.title = ''
}
var offsetxpoint = -60;
var offsetypoint = 20;
var real_body = (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body;
real_body = (document.documentElement) ? document.documentElement : document.body;
function move_tooltip(e) {
    var curX = (!IE) ? e.pageX : event.clientX + real_body.scrollLeft;
    var curY = (!IE) ? e.pageY : event.clientY + real_body.scrollTop;
    var rightedge = IE && !window.opera ? real_body.clientWidth - event.clientX - offsetxpoint : window.innerWidth - e.clientX - offsetxpoint - 20;
    var bottomedge = IE && !window.opera ? real_body.clientHeight - event.clientY - offsetypoint : window.innerHeight - e.clientY - offsetypoint - 20;
    var leftedge = (offsetxpoint < 0) ? offsetxpoint * (-1) : -1000;
    current_tooltip = get_item('tooltip');
    if (rightedge < current_tooltip.offsetWidth) current_tooltip.style.left = IE ? real_body.scrollLeft + event.clientX - current_tooltip.offsetWidth + "px" : window.pageXOffset + e.clientX - current_tooltip.offsetWidth + "px";
    else if (curX < leftedge) current_tooltip.style.left = "5px";
    else current_tooltip.style.left = curX + offsetxpoint + "px"; if (bottomedge < current_tooltip.offsetHeight) current_tooltip.style.top = IE ? real_body.scrollTop + event.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : window.pageYOffset + e.clientY - current_tooltip.offsetHeight - offsetypoint + "px";
    else current_tooltip.style.top = curY + offsetypoint + "px"
}
function popup(link, oWidth, oHeight, oName) {
    if (oWidth > screen.width) {
        oWidth = screen.width
    }
    if (oHeight > screen.height) {
        oHeight = screen.height
    }
    var PosX = (screen.width - oWidth) / 2;
    var PosY = (screen.height - oHeight) / 2;
    var params = "width=" + oWidth + ", height=" + oHeight + ", top=" + (PosY) + ",left=" + (PosX);
    params += ('toolbar=0,menubars=0,location=no,scrollbars=1,directories=0,statubar=0,resizable=0');
    window.open(link, ((!oName) ? 'popuped' : 'popuped'), params)
}
function add_search_engine(engine, title, category) {
    if (FF && (typeof window.sidebar == "object") && (typeof window.sidebar.addSearchEngine == "function")) {
        window.sidebar.addSearchEngine(engine + '_ff.src', engine + '.gif', title, category)
    } else if (IE7) {
        window.external.AddSearchProvider(engine + '_ie.src')
    } else {
        alert('Your browser do not support this utility')
    }
}
inter = '';
speed = 10;
frequency = 10;
L_txt_close = 'Clic to close this preview';
function showImage(event, finalWidth, finalHeight, image, img_width, img_height) {
    if (document.getElementById('preview_block')
        .firstChild) {
        for (var i = 0; i < document.getElementById('preview_block')
            .childNodes.length; i++) {
            document.getElementById('preview_block')
                .removeChild(document.getElementById('preview_block')
                    .childNodes[i])
        }
    }
    var mouseX = 0;
    var mouseY = 0;
    var vScroll = 0;
    var hScroll = 0;
    var inWidth = getWindowWidth();
    var inHeight = getWindowHeight();
    if (document.all) {
        mouseX = window.event.clientX + document.documentElement.scrollLeft;
        mouseY = window.event.clientY + document.documentElement.scrollTop;
        vScroll = document.documentElement.scrollTop;
        hScroll = document.documentElement.scrollLeft
    } else {
        mouseX = event.clientX + window.scrollX;
        mouseY = event.clientY + window.scrollY;
        vScroll = window.scrollY;
        hScroll = window.scrollX
    }
    var div = document.createElement('div');
    div.style.height = '0';
    div.style.width = '0';
    div.className = 'preview';
    div.style.position = 'absolute';
    div.style.top = mouseY + 'px';
    div.style.left = mouseX + 'px';
    div.style.zIndex = '1000';
    div.setAttribute('id', 'image');
    div.onclick = new Function("document.getElementById('preview_block').removeChild(document.getElementById('preview_block').firstChild);window.clearInterval(inter);");
    var finalLeft = (inWidth - finalWidth) / 2;
    var finalTop = (inHeight - finalHeight) / 2;
    finalTop += vScroll;
    var stepLeft = (finalLeft - mouseX) / speed;
    var stepTop = (finalTop - mouseY) / speed;
    var stepWidth = finalWidth / speed;
    var stepHeight = finalHeight / speed;
    document.getElementById('preview_block')
        .appendChild(div);
    if (!img_width) {
        img_width = 840
    }
    if (!img_height) {
        img_height = 600
    }
    inter = window.setInterval('moveAndResize(' + stepLeft + ',' + stepTop + ',' + stepWidth + ',' + stepHeight + ',' + finalHeight + ',"' + image + '",' + img_width + ',' + img_height + ')', frequency);
    return false
}
function moveAndResize(stepLeft, stepTop, stepWidth, stepHeight, finalHeight, image, img_width, img_height) {
    if (!document.getElementById('preview_block') || !document.getElementById('preview_block')
        .firstChild) {
        window.clearInterval(inter);
        return false
    }
    var div = document.getElementById('preview_block')
        .firstChild;
    var height = div.style.height.match(/[0-9\.]*/);
    var width = div.style.width.match(/[0-9\.]*/);
    var top = div.style.top.match(/[0-9\.]*/);
    var left = div.style.left.match(/[0-9\.]*/);
    height = Number(height);
    width = Number(width);
    top = Number(top);
    left = Number(left);
    height += stepHeight;
    width += stepWidth;
    top += stepTop;
    left += stepLeft;
    div.style.height = height + 'px';
    div.style.width = width + 'px';
    div.style.top = top + 'px';
    div.style.left = left + 'px';
    if (height >= finalHeight) {
        window.clearInterval(inter);
        var img = document.createElement('img');
        img.setAttribute('src', image);
        img.setAttribute('alt', L_txt_close);
        img.setAttribute('title', L_txt_close);
        img.setAttribute('width', img_width);
        img.setAttribute('height', img_height);
        img.style.cursor = 'pointer';
        div.appendChild(img);
        var p = document.createElement('p');
        p.style.cursor = 'pointer';
        div.appendChild(p)
    }
}
function getWindowHeight() {
    var pageHeight = window.innerHeight;
    pageHeight = (pageHeight) ? pageHeight : document.documentElement.clientHeight;
    pageHeight = (pageHeight) ? pageHeight : document.body.clientHeight;
    return pageHeight
}
function getWindowWidth() {
    var pageWidth = window.innerWidth;
    pageWidth = (pageWidth) ? pageWidth : document.documentElement.clientWidth;
    pageWidth = (pageWidth) ? pageWidth : document.body.clientWidth;
    return pageWidth
}
chèn vào css
Code:
#tooltip .header {display:none}
        #tooltip .tiplFMvi{border-bottom:1.5px dashed;padding-bottom:5px;margin-bottom:5px}
        #tooltip{max-width:550px;position:absolute;background-color:#FFF;border:2px solid blue;padding:5px;border-radius:3px;color:#000;z-index:99;}
nguồn:punbb

Chỉ hiện một cái tiêu đề bài viết. Có cần chèn cả một đống thế kia không? Bó tay.
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 19.12.15 21:03  Bài viết hay nhất10
Kelvin_Kingleon
Kelvin_Kingleon 
Thành viên thân thiết
tình hình là e mới đọc lại và biết mình đã chỉ sai bạn đó bảo hình như là hiện tên topic trong index_box thì phải :v ko hình dung nổi mà
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
   Bài viết hay nhất11
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 
You cannot reply to topics in this forum