[es] - Tooltip ili popup sa slikom

mmix
Miljan Mitrović
Chief Software Architect
Financial Intelligence Software Ltd.
Passau, Deutschland

SuperModerator
Član broj: 17944
Poruke: 6050

+4631 Profil

Re: Tooltip ili popup sa slikom

^{03.03.2011. u 16:29 - pre 172 meseci}

iskreno, nemoj ni da se smaras sa time.

jQuery + plugins su tvoji prijatelji.

http://plugins.jquery.com/project/imghover

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ć

Odgovor na temu

Valerij Zajcev

Član broj: 40886
Poruke: 1374
*.dynamic.sbb.rs.

+2 Profil

Re: Tooltip ili popup sa slikom

^{03.03.2011. u 18:12 - pre 172 meseci}

Ne bih se ni trudio da se smaram, zato i imam problem... ne smem da koristim third party :(

Odgovor na temu

pl4stik
Senior .NET programmer/Consultant
oDesk
NI na nebu NI na zemlji

Član broj: 173596
Poruke: 723
*.dynamic.isp.telekom.rs.

Sajt: xx-auth.com.azhar.arvixe...

+31 Profil

Re: Tooltip ili popup sa slikom

^{03.03.2011. u 20:23 - pre 172 meseci}

Koristi native ajax CollapsiblePanelExtender mada je i jQuery native od 4.0...

To sto nekoliko miliona ljudi tvrdi da nisi u pravu ne znaci da stvarno nisi - Frank Zappa

https://youtu.be/DLe358DPGXU

Odgovor na temu

mmix
Miljan Mitrović
Chief Software Architect
Financial Intelligence Software Ltd.
Passau, Deutschland

SuperModerator
Član broj: 17944
Poruke: 6050

+4631 Profil

Re: Tooltip ili popup sa slikom

^{03.03.2011. u 20:25 - pre 172 meseci}

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.

Odgovor na temu

Valerij Zajcev

Član broj: 40886
Poruke: 1374
*.dynamic.sbb.rs.

+2 Profil

Re: Tooltip ili popup sa slikom

^{03.03.2011. u 20:43 - pre 172 meseci}

Nasao sam resenje na netu :), mozda nekome zatreba pa evo koda koji me je spasio...

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();");
...

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"

        }

    }

Odgovor na temu