Avatar billede the_nest Nybegynder
15. december 2001 - 22:04 Der er 7 kommentarer og
1 løsning

title forsvinder!

Kan man på nogen måde få titles til at blive der altid eller længere tid?
eg.:

<a href=\"www.blah.com\" title=\"blah blah!\">blah</a>
Avatar billede sukos Juniormester
15. december 2001 - 22:06 #1
Du kan jo bruge noget javascript ved mouseover til at vise et lag. Spørg i javascript kategorien.
Avatar billede olebole Juniormester
15. december 2001 - 22:07 #2
Avatar billede the_nest Nybegynder
15. december 2001 - 22:10 #3
Det er til editering af en database hvor der bliver lavet en liste på siden med row\'s men det er ikke alle værdier der bliver vist, så resten vises med \"title\". Jeg ved godt man kan lave det med layers. Men det tror jeg bliver for tungt/stort hvis der er 100 entries på en side der alle har en \"title\".
Avatar billede olebole Juniormester
15. december 2001 - 22:13 #4
Så kan du ikke gøre noget.
/mvh
Avatar billede the_nest Nybegynder
15. december 2001 - 22:13 #5
Olebole din idé kan bruges THX :)
Avatar billede olebole Juniormester
15. december 2001 - 23:17 #6
En lidt mindre model med færre muligheder (som måske er overflødige) kunne være denne, hvor tooltip\'et ikke fløjter med musen rundt over link\'et. Det er en noget slankere version og efter min mening kønnere. Du kan selv style, osv på den:

<html>
<head>
<style>
#titleDIV {
    position:            absolute;
    font-family:        ms sans serif, verdana;
    font-size:            10px;
    visibility:            hidden;
    color:                #000000;
    background-color:    #ffffcc;
    border:                1px solid #000000;
    padding:            2px 5px 2px 5px;
}
</style>

<script type=\"text/JavaScript\">
var delay = 300; // Antal millisekunder før tooltip vises
var offX = 12; // Offset for visning af tooltip i forhold til cursoren
var offY = 15; // Offset for visning af tooltip i forhold til link-top
var titleObj, mX, timer;
function getY(obj) {
    if (obj == document.body) return obj.offsetTop
    else return obj.offsetTop +getY(obj.offsetParent);
}
function show() {
    titleObj.style.visibility = \"visible\";
}
function over(myL) {
    clearTimeout(timer);
    titleObj.innerHTML = myL.myTitle;
    titleObj.style.left = mX+offX;
    titleObj.style.top = getY(myL)+offY;
    timer = setTimeout(\"show()\",delay);
}
function out() {
    clearTimeout(timer);
    titleObj.style.visibility = \"hidden\";
}
window.onload = function() {
    document.onmousemove = findMouse;
    titleObj = (document.getElementById)? document.getElementById(\"titleDIV\") : document.all[\"titleDIV\"];
    for (i=0; i<document.links.length; i++) {
        document.links[i].onmouseover = function () { over(this) }
        document.links[i].onmouseout = function () { out() }
    }
}
function findMouse(e) {
    mX = (!document.all)? e.pageX : event.clientX;
}
</script>

</head>
<body>

<div id=\"titleDIV\"></div>

<a href=\"www.blah1.com\" myTitle=\"blah blah 1!\">blah</a><br>
<a href=\"www.blah2.com\" myTitle=\"blah blah 2!\">blah</a><br>
<a href=\"www.blah3.com\" myTitle=\"blah blah 3!\">blah</a><br>
<a href=\"www.blah4.com\" myTitle=\"blah blah 4!\">blah</a><br>

</body>
</html>

/mvh og tak for points  ;o)
Avatar billede olebole Juniormester
15. december 2001 - 23:18 #7
Jeg har til gengæld ikke lavet den NS4.X-kompatibel  ;o)
Avatar billede olebole Juniormester
15. december 2001 - 23:27 #8
Ehhh .....den var vist heller ikke særlig NS6-venlig  :o)

<html>
<head>
<style>
#titleDIV {
    position:            absolute;
    font-family:        ms sans serif, verdana;
    font-size:            10px;
    visibility:            hidden;
    color:                #000000;
    background-color:    #ffffcc;
    border:                1px solid #000000;
    padding:            2px 5px 2px 5px;
}
</style>

<script type=\"text/JavaScript\">
var delay = 300; // Antal millisekunder før tooltip vises
var offX = 12; // Offset for visning af tooltip i forhold til cursoren
var offY = 15; // Offset for visning af tooltip i forhold til link-top
var titleObj, mX, timer;
function getY(obj) {
    if (obj == document.body) return obj.offsetTop
    else return obj.offsetTop +getY(obj.offsetParent);
}
function show() {
    titleObj.style.visibility = \"visible\";
}
function over(myL) {
    titleObj.innerHTML = myL.myTitle;
    titleObj.style.left = mX+offX;
    titleObj.style.top = getY(myL)+offY;
    timer = setTimeout(\"show()\",delay);
}
function out() {
    clearTimeout(timer);
    titleObj.style.visibility = \"hidden\";
}
window.onload = function() {
    document.onmousemove = findMouse;
    titleObj = (document.getElementById)? document.getElementById(\"titleDIV\") : document.all[\"titleDIV\"];
    for (i=0; i<document.links.length; i++) {
        document.links[i].myTitle = document.links[i].title;
        document.links[i].title = \"\";
        document.links[i].onmouseover = function () { over(this) }
        document.links[i].onmouseout = function () { out() }
    }
}
function findMouse(e) {
    mX = (!document.all)? e.pageX : event.clientX;
}
</script>

</head>
<body>

<div id=\"titleDIV\"></div>

<a href=\"www.blah1.com\" title=\"blah blah 1!\">blah</a><br>
<a href=\"www.blah2.com\" title=\"blah blah 2!\">blah</a><br>
<a href=\"www.blah3.com\" title=\"blah blah 3!\">blah</a><br>
<a href=\"www.blah4.com\" title=\"blah blah 4!\">blah</a><br>

</body>
</html>

/mvh
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester