CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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

Synes godt om

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>

Synes godt om

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/

Synes godt om

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?

Synes godt om

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">

</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> </p>
<p> </p>
<p> </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?

Synes godt om

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>

Synes godt om

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

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Kodning af element i custom css Af Jacob Hedelund i Andet programmering	3	14/10/202410:35	14/10/202419:46
Delphi 11 - converter webp til jpg fil Af juzas i Andet programmering	5	12/10/202413:28	14/10/202403:54
Trim tekst i batch script Af Dan Elgaard i Andet programmering	5	05/09/202411:08	10/09/202415:29
ASP Classic fil fra subfolder Af bsn i Andet programmering	3	07/05/202416:14	08/05/202401:00
Session Variable Af bsn i Andet programmering	3	01/05/202409:44	02/05/202409:29

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS