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

djsteiner Nybegynder

03. december 2012 - 14:45 Der er 8 kommentarer og
1 løsning

Udvidelse af form

Hej med jer jeg er på udkig efter noget kode som kan bruges til udvidelse en form, på samme måde som på denne side:

http://www.homeaway.dk/search/refined/keywords:fra/sovepladser:6/sovevaerelser:2/arrival:2012-12-05/departure:2012-12-13

Jeg tænkte på noget jquery

Synes godt om

olebole Juniormester

03. december 2012 - 15:44 #1

<ole>

Prøv at kikke på jQuery's show

/mvh
</bole>

Synes godt om

djsteiner Nybegynder

04. december 2012 - 11:53 #2

Hej Ole tak for dit link.

Jeg har kigget på det og prøver mig nu lidt frem.

Mit problem er nu at jeg gerne vil kunne vise og skjule en specifik div hvordan gør jeg det?

Skal jeg lave et nyt spørgsmål?

Synes godt om

djsteiner Nybegynder

04. december 2012 - 13:18 #3

Jeg prøvet sådan her er det helt håbløst?

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>

$(document).ready(function(){

$("#showr").click(function () {
var divname= this.value;
$("div"+divname).show("slow")
});
});

$(document).ready(function(){

$("#hidr").click(function () {
var divname= this.value;
$("div"+divname).hide(1000);
});

});

</script>
</head>
<body>

<div id="buttonsDiv">

<button id="showr" class="buttons" value="div1">Show</button>
<button id="hidr" class="buttons" value="div1">Hide</button>

</div>

<div>

<div id="div1" style="display:none">
Hello World
</div>

<div id="div2" style="display:none">
Test
</div>

<div id="div3" style="display:none">
Another Test
</div>

<div id="div4" style="display:none">
Final Test
</div>

</div>

</body>
</html>

Synes godt om

olebole Juniormester

04. december 2012 - 14:00 #4

$("#"+divname).show("slow")

Synes godt om

olebole Juniormester

04. december 2012 - 14:03 #5

Dokumentationen for selectors. Det er denne, du skal bruge, når du kalder med en ID

Synes godt om

djsteiner Nybegynder

12. december 2012 - 10:36 #6

Hej igen Ole så fik jeg tid til at kigge på det igen og er kommet frem til denne løsning som kan det jeg leder efter:

Tak for din hjælp!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery anyDropDown</title>

<style type="text/css">

* {font-family: Arial; font-size: 12px; margin: 0; padding: 0}
body {margin: 20px}
a {color: #ccc; text-decoration: none}
a:hover {color: #fff}

.dropdown_container {width: 215px; position: relative; margin: 0 auto; z-index: 1000}
.dropdown {width: 210px; height: 22px; background: url(images/dropdown_bg.png) no-repeat; color: #fff; padding: 8px 0 0 10px}
.dropdown_menu {background: #333; width: 220px; margin: -3px auto 0 auto; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; position: absolute}
.dropdown_menu ul {list-style: none; padding: 10px}
.dropdown_menu ul li {display: block; padding: 0 0 3px 0}

</style>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript" src="jquery.anyDropDown.js"></script>

<script type="text/javascript">
$(function(){

$('.dropdown_container').anyDropDown({
dropDownElem: '.dropdown', //the class name for your drop down
dropDownMenuElem: '.dropdown_menu', //the class name for the drop down menu
slideDownEasing: 'easeInOutCirc', //easing method for slideDown
slideUpEasing: 'easeInOutCirc', //easing method for slideUp
slideDownDuration: 200, //easing duration for slideDown
slideUpDuration: 200, //easing duration for slideUp
closeMessage: 'Click to close menu...'
});

});
</script>

</head>

<body>

<div class="dropdown_container">

<div class="dropdown">Please select a category...</div>

<div class="dropdown_menu">
<ul>
<li><a href="#">Link Item 1</a></li>
<li><a href="#">Link Item 2</a></li>
<li><a href="#">Link Item 3</a></li>
<li><a href="#">Link Item 4</a></li>
</ul>
</div>

</div>

</body>
</html>

Synes godt om

djsteiner Nybegynder

12. december 2012 - 10:39 #7

Lukke tid samler du stadig ikke på point Ole?

eller skal jeg selv smide et svar?

Tak for hjælpen

Synes godt om

djsteiner Nybegynder

10. januar 2013 - 13:50 #8

lukketid

Synes godt om

olebole Juniormester

10. januar 2013 - 19:59 #9

Selvtak. Sorry, det havde jeg ikke set, men du har helt ret ... jeg samler ikke *o)

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

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
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

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

16:00

Ugen i tech: Her er den nye kandidat til at blive Europas billigste elbil / Skræddersy din egen AI-bot med Google

30/08

Test af Tesla Model 3 Performance: Aldrig har man fået så meget sportsvogn til så få penge

30/08

Dell vil frasælge cybersikkerhedsfirma efter flere forfejlede forsøg

30/08

Danmarks to store it-styrelser skal reduceres markant: Skal samlet sige farvel til hver fjerde stilling i de kommende år

30/08

Nørgaards kæmpe-comeback: ENDELIG får vi et ministerium for civilforsvar - og et ægte digitaliseringsministerium UDEN ligestilling

30/08

Du kan score op til 1,7 millioner kroner på at finde en enkelt sårbarhed

30/08

Nu når en af Danmarks helt store GDPR-retssager til vejs ende: Står over for bødekrav på 800.000 kroner

30/08

CrowdStrike med første regnskab efter globalt nedbrud: Har kostet selskabet 800 millioner kroner

30/08

Regeringen vil reducere bevilling til Datatilsynet med millioner: Skal bruge væsentligt færre penge på løn og tilsyn

30/08

Selskab med 40.000 ansatte dropper VMware efter ballade - vælger anden løsning

30/08

Politiet klar til at skrive kontrakt på nyt dansk fingeraftrykssystem frem til 2035: Leverandøren er fundet - nu mangler blot pengene

Vis flere artikler

IT-JOB

OK a.m.b.a.

OK søger to udviklere til vores IT-finansteam

Paychex Europe

Lead Developer for Emply at Paychex Europe

Banedanmark

Vil du være med til at sikre cyber- og informationssikkerhed i Banedanmark?

Region Midtjylland

Vækker ord som governance, risk og compliance din interesse – så er du måske den specialist, vi søger!

ALD Automotive Danmark A/S

Senior Software Engineer

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

42 min siden	Hvordan slukker man tastatur lys på en PC (AMD Ryzen 5 3550H) Af Philip Kuhlmann i PC
I dag 14:35	eftersøger pinnacle14 ultimate Af Janove i Foto & video
I dag 13:45	Langsom forbindelse gennem ethernetkabel Af Esben i LAN/WAN
I går 23:37	Poe strøm Af lurup i LAN/WAN
I går 14:46	GIF-EDITOR Af snestrup2000 i Billedbehandling