Avatar billede overclockdk Nybegynder
21. august 2006 - 06:11 Der er 6 kommentarer

Javascript mouseover

Hej jeg ville gerne vide om der er nogen der kender en kode som kan omdanne en knap (eller ren tekst) om til en lille mouse over balloon?


i ved sådan som de har deres kalender her www.wowing.dk nederst i venstre hjørne holder man musen over den 11 mener jeg det er, så kommer der en lille info boks. Sådan en ville jer gerne have hvis der er nogen der kan lave sådan en. og gerne med blå bagrund og hvis tekst farve.



Mvh Nikolaj
Avatar billede rynke10 Novice
21. august 2006 - 08:06 #1
Du kan jo lave det på samme måde som de gør. De har brugt et script herfra
www.peterkerl.de
Så kaldes et link sådan her
<a onMouseOver="showBallon('· gert i DM<br>', 0, 300); return true;" onMouseOut="hideBallon(); return true;"> 10 </a>
Avatar billede rynke10 Novice
21. august 2006 - 08:10 #2
Du kan se flere eksempler her, tooltip tekst der følger musen, med fast position, til højre eller venstre o.s.v.
http://www.bosrup.com/web/overlib/
Avatar billede overclockdk Nybegynder
22. august 2006 - 07:01 #3
jeg kan ikke få det til at virke ... en der gider lave en zip fil med de java filer jeg skal bruge, og en lille html fil så jeg kan se eksempel?
Avatar billede overclockdk Nybegynder
22. august 2006 - 07:08 #4
Nej nu fik jeg det sørme til at virke hvordan får jeg så sat et billede ind i denne tekst som popper op?


her er kode:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title></title><base href="http://www.bosrup.com/web/overlib/" /><link type="text/css" rel="stylesheet" href="/web/overlib/default.css"><meta name="robots" content="INDEX,NOFOLLOW"><link rel="alternate" type="application/rss+xml" title="RSS" href="http://www.bosrup.com/web/overlib/?action=rss">
<style type="text/css">
<!--
.style2 {
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
-->
</style>
</head><body><div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>

<script language="JavaScript" src="overlib.js"></script>
<script language="javascript" src="overlib_anchor.js"></script>
<script language="javascript" src="overlib_crossframe.js"></script>
<script language="javascript" src="overlib_cssstyle.js"></script>
<script language="javascript" src="overlib_exclusive.js"></script>
<script language="javascript" src="overlib_followscroll.js"></script>
<script language="javascript" src="overlib_hideform.js"></script>
<script language="javascript" src="overlib_shadow.js"></script>
<script language="javascript" src="overlib_centerpopup.js"></script>

<div class="header"><h1><a href="http://groups.yahoo.com/groups/overlib/" class="style2" onMouseOver="return overlib('The Deadmine = 10G\n Scarlet Monestary = 15G', CAPTION, 'Priser \& Instance\'');" onMouseOut="return nd();">Priser og instance</a></h1></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body></html>


Og så ville jeg gerne have et lille gif billede ind lige efter teksten "The deadmine =10g (billede9 \n


kan man det?
Avatar billede roenving Novice
22. august 2006 - 17:22 #5
Har du prøvet bare at indsætte koden ?-)

<div class="header"><h1><a href="http://groups.yahoo.com/groups/overlib/" class="style2" onMouseOver="return overlib('The Deadmine = 10G <img src=\"billede9.gif\">\n Scarlet Monestary = 15G', CAPTION, 'Priser \& Instance\'');" onMouseOut="return nd();">Priser og instance</a></h1></div>
Avatar billede overclockdk Nybegynder
23. august 2006 - 06:59 #6
Ja så får jeg bare dette link



» \n
Scarlet Monestary = 15G', CAPTION, 'Priser \& Instance\'');" onMouseOut="return nd();">Priser og instance



og det er ikke helt rigtigt (virker heller ikke)


det er sådan her jeg mener det, ved den røde pil vil jeg have et lille 10px x 10px billede ind. http://wowing.dk/host/images/4363exp.JPG
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