[quote=jafarjr]brow tanya dunk biar foto viewer bisa keliatan tyus ngikutin kursor gmn yah caranya???[/quote] taro ini kbagian C [spoiler]/** * Viewer's Main Photo at WIWTM * Copyright 2007-2008 by FeRuZZ © http://profiles.friendster.com/feruzz * Internalize AJAX handler * No warranty expressed or implied. Use at your own risk. **/ /*global VIEWERPIC*/ VIEWERPIC = {}; (function () { VIEWERPIC = { // private property photo: null, init: function () { if (pageViewerID !== "") { try { VIEWERPIC.ajaxRequest("GET", "http://" + location.hostname + "/" + pageViewerID, true, null, VIEWERPIC.viewer, null); } catch (e) {} } }, viewer: function (htm) { if (htm.replace(/^\s*|\s*$/g, "") === "") { window.alert("ERROR: Empty xmlresponse! \n Unable to parse your details!"); return; } else { htm = htm.slice(htm.indexOf("<div class=\"imgblock200\">") + 0, htm.indexOf("<ul id=\"controlPanelButtons\">") + 0); htm = htm.slice(htm.indexOf("<img src=\"") + 10, htm.indexOf("\"></a></div>") + 0); VIEWERPIC.photo = document.createElement("div"); VIEWERPIC.photo.id = "viewerphoto"; VIEWERPIC.photo.align = "center"; VIEWERPIC.photo.appendChild(document.createElement("a")); VIEWERPIC.photo.getElementsByTagName("a")[0].href = "/" + pageViewerID; VIEWERPIC.photo.getElementsByTagName("a")[0].target = "_blank"; VIEWERPIC.photo.getElementsByTagName("a")[0].title = pageViewerFName; VIEWERPIC.photo.getElementsByTagName("a")[0].appendChild(document.createElement("img")); VIEWERPIC.photo.getElementsByTagName("img")[0].src = htm; VIEWERPIC.photo.appendChild(document.createElement("br")); VIEWERPIC.photo.appendChild(document.createElement("span")); VIEWERPIC.photo.getElementsByTagName("span")[0].className = "q"; VIEWERPIC.photo.getElementsByTagName("span")[0].appendChild(document.createElement("a")); VIEWERPIC.photo.getElementsByTagName("a")[1].href = "/" + pageViewerID; VIEWERPIC.photo.getElementsByTagName("a")[1].target = "_blank"; VIEWERPIC.photo.getElementsByTagName("a")[1].title = pageViewerFName; VIEWERPIC.photo.getElementsByTagName("a")[1].innerHTML = pageViewerFName; document.getElementById("viewerpic").parentNode.replaceChild(VIEWERPIC.photo, document.getElementById("viewerpic")); } }, ajaxRequest: function (type, url, async, param, func, handlerparam) { /** * ajaxRequest - You may not remove or change this notice. * version: 2.4 * Copyright 2008 by FeRuZZ © http://profiles.friendster.com/feruzz. * * @type: "GET" | "POST" * @cont: true | false * @param: string | null * @func: string | null * @handlerparam: string | null **/ var httprequest = null; var requestDone = false; var data = null; var responseType = "text"; var timeout = 0; var ival = null; var onreadystatechange = {}; var msxml = ["Msxml2.XMLHTTP.6.0", "Msxml2.XMLHTTP.3.0", "Msxml2.XMLHTTP", "Microsoft.XMLHTTP"]; for (var x = 0, len = msxml.length; x < len; x += 1) { try { httprequest = window.ActiveXObject ? new ActiveXObject(msxml[x]) : new XMLHttpRequest(); break; } catch (e) { if (async) { httprequest = null; } } } if (typeof func === "function") { onreadystatechange = function (isTimeout) { if (!requestDone && httprequest && (httprequest.readyState === 4 || isTimeout === "timeout")) { requestDone = true; if (ival) { window.clearInterval(ival); ival = null; } if (!httprequest.status && location.protocol === "file:" || (httprequest.status >= 200 && httprequest.status < 300) || httprequest.status === 304 || httprequest.status === 1223) { var resPonse = (/xml/i.test(responseType))? httprequest.responseXML : httprequest.responseText; func(resPonse.replace(new RegExp("<script[^>]*>.*?<\/script>", "gi"), ""), handlerparam); } } }; } if (async) { ival = window.setInterval(onreadystatechange, 13); if (timeout > 0) { window.setTimeout(function () { if (httprequest) { httprequest.abort(); if (!requestDone) { onreadystatechange("timeout"); } } }, timeout); } } if (type === "GET" && (/GET/i.test(type))) { var ts = new Date().getTime(); var ret = url.replace(/(\?|&)_=[\S\s]*?(&|$)/, "$1_=" + ts + "$2"); url = ret + ((ret === url) ? (url.match(/\?/) ? "&" : "?") + "_=" + ts : ""); } if (data && type === "GET" && (/GET/i.test(type))) { url += (url.match(/\?/) ? "&" : "?") + data; data = null; } if (type === "POST" && (/POST/i.test(type))) { var headers = "application/x-www-form-urlencoded" + ("UTF-8" ? "; charset=" + "UTF-8" : ""); var contentLength = param ? param.length: 0; try { httprequest.setRequestHeader("Content-type", headers); httprequest.setRequestHeader("Content-length", contentLength); if (httprequest.overrideMimeType && (navigator.userAgent.match(/Gecko\/(\d{4})/) || [0, 2005])[1] < 2005) { httprequest.setRequestHeader("Connection", "close"); } } catch (err) {} } httprequest.open(type, url, async); httprequest.setRequestHeader("ajaxRequest", "true"); httprequest.setRequestHeader("X-Requested-With", "XMLHttpRequest"); httprequest.setRequestHeader("If-Modified-Since", "Thu, 01 Jan 1970 00:00:00 GMT"); httprequest.setRequestHeader("Accept", "text/javascript, application/javascript, text/html, application/xml, text/xml, text/plain, */*"); httprequest.send(param); if (!async) { onreadystatechange(); } } }; })(); VIEWERPIC.init();[/spoiler] trus taro ini d css [spoiler]#viewerphoto img { height: 100px; width: 100px; border: 2px #97B6CA solid; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-border-radius: 10px; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } #viewerphoto a:hover img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-border-radius: 10px; -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; }[/spoiler] trus taro ini d tag body tooltips nya [quote]<div id='viewerpic'></div>[/quote]