Avatar billede sth Novice
19. august 2008 - 15:48 Der er 6 kommentarer og
1 løsning

Hjælp med folde ud funktion

Hej

Hvordan laver man en side som ”fodler” sig ud når musen køre hen over
Når man går ind på degulesider.dk og søger på jensen, ( http://www.degulesider.dk/vbw/super/resultat.do?twoFieldName=jensen&twoFieldAddr=Herning )så bliver alle personer vist, og hvis man så køre musen hen over en person så kommer det lidt flere informationer frem, hvordan laver  man det?

Jeg har fundet noget der ligner  på http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm men virker dog kun nå man trykker på et link eller en kanp, er der nogend e rkan lave den om så den virker når man køre musen henover?
Avatar billede jokkejensen Novice
19. august 2008 - 16:13 #1
taget fra eksemplet du linker til..

<b><a href="java script:animatedcollapse.show(['jason', 'kelly', 'michael'])">Show Examples 1, 2, 3</a> | <a href="java script:animatedcollapse.hide(['jason', 'kelly', 'michael'])">Hide Examples 1, 2, 3</a></b>

Skal være

<b><a onmouseover="java script:animatedcollapse.show(['jason', 'kelly', 'michael'])">Show Examples 1, 2, 3</a> | <a onmouseover="java script:animatedcollapse.hide(['jason', 'kelly', 'michael'])">Hide Examples 1, 2, 3</a></b>

Altså skal du bare sættee det som en event på et element onmouseover

<div onmouseover="java script:animatedcollapse.show(['jason', 'kelly', 'michael'])">


/JJ
Avatar billede roenving Novice
20. august 2008 - 06:13 #2
-- men uden java script:-direktivet, når det skal bruges i en event !-)
Avatar billede sth Novice
20. august 2008 - 14:17 #3
Super, det virker
men hvordan får jeg den til at "lukke" igen når musen så ikke er over, hvilket vel må være den omvendte funktion af "onmouseover"
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<script type="text/javascript" src="jquery-1.2.2.pack.js"></script>
<script type="text/javascript" src="animatedcollapse.js">

/***********************************************
* Animated Collapsible DIV v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>


<script type="text/javascript">

animatedcollapse.addDiv('knap', 'fade=1,height=80px')

animatedcollapse.init()

</script>
</HEAD>

<BODY>

<p><b>Example 1 (individual):</b></p>

<a onmouseover="java script:animatedcollapse.toggle('knap')">Example 1:</a>

<div id="knap" style="width: 300px; background: #FFFFCC; display:none">
<b>Content inside DIV!</b><br />
<b>Note: Fade effect enabled. Height programmically defined. DIV hidden using inline CSS.</b><br />
</div>


</div>
</BODY>
</HTML>
Avatar billede sth Novice
20. august 2008 - 14:50 #4
ok jeg fandt løsningen,

kommer du med et svar
Avatar billede sth Novice
25. august 2008 - 22:25 #5
jokkejensen, kan jeg få dig ti lat smide et svar?
Avatar billede sth Novice
10. september 2008 - 15:16 #6
jokkejensen er du der? jeg mangler et svar
Avatar billede sth Novice
01. august 2010 - 17:24 #7
jeg lukker, da der ikke kommer andre svar.
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