Trebam da uradim nesto na brzaka, a nikada nisam radio sa java script-om. Treba da kada predjem misom preko LinkButton-a da mi se pojavi popup sa slikom unutra. Popup ne sme da ima meni (close, maximize) znaci samo slika da se vidi. Takodje ne znam da li je bitno ali te labele pravim dinamicki (kolko ih ima u bazi). Hvala unapred
Tooltip ili popup sa slikom
Zaključano
Zakačeno
iskreno, nemoj ni da se smaras sa time.
jQuery + plugins su tvoji prijatelji.
http://plugins.jquery.com/project/imghover
jQuery + plugins su tvoji prijatelji.
http://plugins.jquery.com/project/imghover
Potpis
Sloba je za 12 godina promenio antropološki kod srpskog naroda. On je od jednog
naroda koji je bio veseo, pomalo površan, od jednog naroda koji je bio znatiželjan, koji
je voleo da vidi, da putuje, da upozna,
od naroda koji je bio kosmopolitski napravio narod koji je namršten, mrzovoljan,
sumnjicav, zaplašen, narod koji se stalno nešto žali, kome je stalno neko kriv - Z.Đinđić
naroda koji je bio veseo, pomalo površan, od jednog naroda koji je bio znatiželjan, koji
je voleo da vidi, da putuje, da upozna,
od naroda koji je bio kosmopolitski napravio narod koji je namršten, mrzovoljan,
sumnjicav, zaplašen, narod koji se stalno nešto žali, kome je stalno neko kriv - Z.Đinđić
Ne bih se ni trudio da se smaram, zato i imam problem... ne smem da koristim third party :(
Koristi native ajax CollapsiblePanelExtender mada je i jQuery native od 4.0...
Potpis
To sto nekoliko miliona ljudi tvrdi da nisi u pravu ne znaci da stvarno nisi - Frank Zappa
https://youtu.be/DLe358DPGXU
https://youtu.be/DLe358DPGXU
jQuery je pod MIT licencom sto znaci da smes da ga koristis u proprietary projektima dok god je prisutna licenca (a licencu imas u samom .js fajlu) ui mozes da ga drizs na svom serveru. jQuery je ok, ja ga koristim poprilicno, ne mogu ni da zamislim da bih sad radio neko DOM petljanje bez njega.
Potpis
Sloba je za 12 godina promenio antropološki kod srpskog naroda. On je od jednog
naroda koji je bio veseo, pomalo površan, od jednog naroda koji je bio znatiželjan, koji
je voleo da vidi, da putuje, da upozna,
od naroda koji je bio kosmopolitski napravio narod koji je namršten, mrzovoljan,
sumnjicav, zaplašen, narod koji se stalno nešto žali, kome je stalno neko kriv - Z.Đinđić
naroda koji je bio veseo, pomalo površan, od jednog naroda koji je bio znatiželjan, koji
je voleo da vidi, da putuje, da upozna,
od naroda koji je bio kosmopolitski napravio narod koji je namršten, mrzovoljan,
sumnjicav, zaplašen, narod koji se stalno nešto žali, kome je stalno neko kriv - Z.Đinđić
Nasao sam resenje na netu :), mozda nekome zatreba pa evo koda koji me je spasio...
cs
js
cs
Code:
...
LinkButton lbl = (LinkButton)item["TemplateColumn"].FindControl("lb");
lbl.Attributes.Add("onmouseover", "showtrail(0,0,'http://localhost/dnn/caxyz.jpg');");
lbl.Attributes.Add("onmouseout", "hidetrail();");
...
...
LinkButton lbl = (LinkButton)item["TemplateColumn"].FindControl("lb");
lbl.Attributes.Add("onmouseover", "showtrail(0,0,'http://localhost/dnn/caxyz.jpg');");
lbl.Attributes.Add("onmouseout", "hidetrail();");
...
js
Code:
var w = 1
var h = 1
if (document.getElementById || document.all)
document.write('<div id="trailimageid" style="position:absolute;visibility:hidden;left:0px;top:-1000px;width:1px;height:1px;border:1px solid #888888;background:#DDDDDD;"><img id="ttimg" src="img/s.gif" /></div>')
function gettrailobj() {
if (document.getElementById) return document.getElementById("trailimageid").style
else if (document.all) return document.all.trailimagid.style
}
function truebody() {
return (!window.opera && document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body
}
function hidetrail() {
document.onmousemove = ""
document.getElementById('ttimg').src = '/img/s.gif'
gettrailobj().visibility = "hidden"
gettrailobj().left = -1000
gettrailobj().top = 0
}
function showtrail(width, height, file) {
if (navigator.userAgent.toLowerCase().indexOf('opera') == -1) {
w = width
h = height
// followmouse()
document.getElementById('ttimg').src = file
document.onmousemove = followmouse
gettrailobj().visibility = "visible"
gettrailobj().width = w + "px"
gettrailobj().height = h + "px"
}
}
function followmouse(e) {
if (navigator.userAgent.toLowerCase().indexOf('opera') == -1) {
var xcoord = 20
var ycoord = 20
if (typeof e != "undefined") {
xcoord += e.pageX
ycoord += e.pageY
}
else if (typeof window.event != "undefined") {
xcoord += truebody().scrollLeft + event.clientX
ycoord += truebody().scrollTop + event.clientY
}
var docwidth = document.all ? truebody().scrollLeft + truebody().clientWidth : pageXOffset + window.innerWidth - 15
var docheight = document.all ? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
if (xcoord + w + 3 > docwidth)
xcoord = xcoord - w - (20 * 2)
if (ycoord - truebody().scrollTop + h > truebody().clientHeight)
ycoord = ycoord - h - 20;
gettrailobj().left = xcoord + "px"
gettrailobj().top = ycoord + "px"
}
}
var w = 1
var h = 1
if (document.getElementById || document.all)
document.write('<div id="trailimageid" style="position:absolute;visibility:hidden;left:0px;top:-1000px;width:1px;height:1px;border:1px solid #888888;background:#DDDDDD;"><img id="ttimg" src="img/s.gif" /></div>')
function gettrailobj() {
if (document.getElementById) return document.getElementById("trailimageid").style
else if (document.all) return document.all.trailimagid.style
}
function truebody() {
return (!window.opera && document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body
}
function hidetrail() {
document.onmousemove = ""
document.getElementById('ttimg').src = '/img/s.gif'
gettrailobj().visibility = "hidden"
gettrailobj().left = -1000
gettrailobj().top = 0
}
function showtrail(width, height, file) {
if (navigator.userAgent.toLowerCase().indexOf('opera') == -1) {
w = width
h = height
// followmouse()
document.getElementById('ttimg').src = file
document.onmousemove = followmouse
gettrailobj().visibility = "visible"
gettrailobj().width = w + "px"
gettrailobj().height = h + "px"
}
}
function followmouse(e) {
if (navigator.userAgent.toLowerCase().indexOf('opera') == -1) {
var xcoord = 20
var ycoord = 20
if (typeof e != "undefined") {
xcoord += e.pageX
ycoord += e.pageY
}
else if (typeof window.event != "undefined") {
xcoord += truebody().scrollLeft + event.clientX
ycoord += truebody().scrollTop + event.clientY
}
var docwidth = document.all ? truebody().scrollLeft + truebody().clientWidth : pageXOffset + window.innerWidth - 15
var docheight = document.all ? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
if (xcoord + w + 3 > docwidth)
xcoord = xcoord - w - (20 * 2)
if (ycoord - truebody().scrollTop + h > truebody().clientHeight)
ycoord = ycoord - h - 20;
gettrailobj().left = xcoord + "px"
gettrailobj().top = ycoord + "px"
}
}
Tvoj nick treba da glasi Vasilij Zajcev, lik iz filma se tako zvao :)