Søg
Avatar billede danm Nybegynder
14. januar 2008 - 18:00 Der er 9 kommentarer og
1 løsning

Vise et layer lige under tekst ved onmouseover

Hej

Jeg har nogle labels (i ASP.net) som indeholder navnet på en vare. Nå brugeren kører musen henover skal der så vises et billede af varen.
Alt det har jeg fået lavet i et script som så ved onmouseover viser et layer med et billede i, på selve musens koordinater.
Dette ser desværre knap så godt ud da det kan flyve lidt rundt og nogen gange se lidt skørt ud.
Istedet vil jeg gerne have at dette layer bliver vist lige under selve teksten (på en fast position så det ikke vises forskelligt afhængig af hvor musen køres henover teksten)
Nogen der har haft lavet sån et script før?
Avatar billede w13 Novice
14. januar 2008 - 19:10 #1
Kunne nok bare være:

<script type="text/javascript">
function ToggleDisplay(id){id=document.getElementById(id);id.style.display=id.style.display==""?"none":""}
</script>

<label onmouseover="ToggleDisplay('vare1')" onmouseout="ToggleDisplay('vare1')">Vis vare nr. 1</label>

<p>Vare nr. 1</p>
<div id="vare1" style="display:none"><img src="vare1.jpg"></div>
Avatar billede danm Nybegynder
14. januar 2008 - 20:53 #2
Takker for svaret! Det virker, næsten..
Jeg mangler bare lige at få lavet sådan at teksten nedenunder ikke rykker sig når layeret vises.
Er der noget jeg lige kan tilføje så at det altid ligger ovenpå alt det andet?
Avatar billede w13 Novice
14. januar 2008 - 21:01 #3
Skal det vises i stedet for det andet, eller hvordan?
Avatar billede roenving Novice
14. januar 2008 - 22:15 #4
Måske skal du bruge overLIB: http://www.bosrup.com/web/overlib/ !-)
Avatar billede danm Nybegynder
15. januar 2008 - 00:02 #5
overLIB er et ok script, men der følger popupen rundt sammen med musen.
Det som det gør nu er (lidt dårligt tegnet):

før mouse over:

vare 1
vare 2
vare 3

ved mouse over:

vare 1
-----
|  |
|  |
-----
vare 2
vare 3

Men ønsket ved mouse over:

Vare 1
---- 2
|  | 3
|  |
----

Altså billedet skal bare være ovenover teksten nedenunder. Ligesom overLIB, men bare uden at den flytter sig rundt med musen..
Avatar billede w13 Novice
15. januar 2008 - 11:40 #6
"ovenover teksten nedenunder"?
Avatar billede danm Nybegynder
15. januar 2008 - 14:38 #7
Ja, billedet skal være flydende. Ligesom eksemplet på overLIB.
Avatar billede danm Nybegynder
16. januar 2008 - 01:03 #8
Jeg har prøvet at tilføje "position:absolute", men dette gjorde ikke den store forskel..
Men dette har nok noget at gøre med at layeret jo bliver oprettet på en præcis plads.

Jeg tænkte så istedet. Kan jeg læse de præcise koordinater for dette layer som vi har placeret under teksten? Så kunne jeg bare holde dette skjult, men så bruge koordinaterne til at vise et andet layer som jeg så opretter som flydende, og ved mouseover så vises blot dette layer.
Avatar billede roenving Novice
17. januar 2008 - 00:12 #9
-- så benyt overLibs mulighed for at have det i grid, eller sæt den korrekte offset (se eksemplerne på forsden !-)
Avatar billede danm Nybegynder
06. marts 2008 - 17:44 #10
Nå, jeg lavede to layers, det ene var fast, og indeholdt teksten. Det andet var flydende, og fik så bare koordinaterne som det faste layer endte med at have. Så lavede den hvad den skulle.. Ellers tak for besvarelserne
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 4 27/04/202620:09 30/04/202622:36
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 19:09 Download Win 11 - 25H2 Af ErikHg i Windows
30/0410:42 Access Import af csv fil - forkerte datatyper Af Henrik Berg Hansen i Andet software
29/0419:37 Hente CSV fil, indsætte CSV data i TABEL for JAVASCRIPT Af snestrup2000 i Programmeringsværktøjer
29/0412:23 Facebook Af hkv i Sociale medier
29/0411:38 JAVASCRIPT omdan ekstern variabel til søjleværdi .. Af snestrup2000 i Programmeringsværktøjer
White papers
Flere white papers »