Avatar billede duuink Nybegynder
01. maj 2006 - 17:33 Der er 10 kommentarer og
2 løsninger

rollover tekstbox??

hej derude,,,

jeg mangler et script som kan følgende:

når jeg rollover et link så kommer der en slags tekstbox frem foran alt andet og fortæller om linket =)

håber i forstår :S

Thomas
Avatar billede olebole Juniormester
01. maj 2006 - 20:28 #1
<ole>

<a href="side.html" title="En tekst om linket">Link</a>

/mvh
</bole>
Avatar billede duuink Nybegynder
01. maj 2006 - 20:31 #2
ikke på den måde....

men samme princip...

bare med en stor tekstbox som man kan sætte op
Avatar billede thesurfer Nybegynder
02. maj 2006 - 01:07 #3
Avatar billede thesurfer Nybegynder
02. maj 2006 - 01:08 #4
Husk at holde musen over linksne, så du kan se effekterne (der er en del effekter)..

/theSurfer
Avatar billede thesurfer Nybegynder
02. maj 2006 - 01:08 #5
Smider lige et svar.

/theSurfer
Avatar billede duuink Nybegynder
02. maj 2006 - 12:17 #6
meget fint... men kan det virkelig ikke gøres enklere?
Avatar billede thesurfer Nybegynder
02. maj 2006 - 12:41 #7
Enklere? Du skal bare inkludere scriptet, og tilføje 1 "linie" til linket.. :-)
Man kunne også lave sine egne.. men det er at opfinde den dybe tallerken igen..

Så vidt jeg ved, bruges overLIB i samtlige browsere, så du behøver ikke at tænke på kompabilitet.. og det fungerer glimrende.. :-)

/theSurfer
Avatar billede webstuff Nybegynder
02. maj 2006 - 20:37 #8
Ved ikke om du kan finde noget inspiration i dette script jeg har lavet :-)
http://cases.hotserv.dk/javascript/case011/
Avatar billede thesurfer Nybegynder
02. maj 2006 - 21:01 #9
Yes.. det var inspirerende.. :-)

<html>
<head>
<script type="text/javascript">
function SkrivTekst(txt){
    var BigImage = document.getElementById("BigImage");
    BigImage.innerHTML = txt;
}
function MoveBigImage(x, y){
    var BigImage = document.getElementById("BigImage");
    BigImage.style.display = "block";
    BigImage.style.left = (x+15) + "px";
    BigImage.style.top = (y+15) + "px";
}
function HideBigImage(){
    document.getElementById("BigImage").style.display = "none";
}
</script>
</head>
<body>
<center>
<h1>Udskift Billede Ved MouseOver</h1>
    <div id="BigImage" style="border:1px solid #000;width:100px;height:100px;display:none;position:absolute;">
        &nbsp;
    </div>
    <br /><br />

        <a href="#" onclick="return false" onMouseOver="SkrivTekst('dette er teksten til link: 1');" onMouseMove="MoveBigImage(event.clientX, event.clientY);" onMouseOut="HideBigImage();">link: 1</a>

        <a href="#" onclick="return false" onMouseOver="SkrivTekst('Heyhey! Det er sq link nr 2!');" onMouseMove="MoveBigImage(event.clientX, event.clientY);" onMouseOut="HideBigImage();">link: 2</a>

        <a href="#" onclick="return false" onMouseOver="SkrivTekst('Yeehaw.. nr 3');" onMouseMove="MoveBigImage(event.clientX, event.clientY);" onMouseOut="HideBigImage();">link: 3</a>

        <a href="#" onclick="return false" onMouseOver="SkrivTekst('Scriptet kan rettes til, så man kan ændre på størrelsen på boksen og andet halløj');" onMouseMove="MoveBigImage(event.clientX, event.clientY);" onMouseOut="HideBigImage();">link: 4</a>

</center>
</body>
</html>

/theSurfer
Avatar billede webstuff Nybegynder
02. maj 2006 - 21:16 #10
Præcis Surfer :-)
Så må vi se om han kan bruge det ;o)
Avatar billede duuink Nybegynder
03. maj 2006 - 18:28 #11
uha... det ser godt ud...

endelig så jeg kan forstå det ;D

hehe.. vil se på det ligeså snart jeg kommer igang med kodningen igen...

Tak alle sammen
Avatar billede webstuff Nybegynder
05. maj 2006 - 11:31 #12
tillader mig lige at lægge et svar - da jeg højst sandsynligvis ikke ser dette spørgsmål igen inden det er forsent ;o)

//webstuff
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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