jquery

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Fullstack developer / React / Java / CQRS / Zorg

Functieomschrijving Ben jij een Fullstack Developer met ruim 3 jaar ervaring aan zowel de Front-end (React) als aan de Back-end (Java) én lijkt het je leuk om te gaan werken bij een organisatie die rechtmatigheid in de zorg controleert? Wil jij meteen aan de slag met de ontwikkeling van een nieuwe applicatie die de kwaliteit van zorg(verleners) in Nederland inzichtelijk maakt en meedenken over nieuwe innovatieve oplossingen waarbij security hoog in het vaandel staat? Lees dan nu verder! Je werkzaamheden zullen onder andere bestaan uit: het ontwerpen en bouwen van diverse applicaties in de zorg (50% Front-end met o.a. React,

Bekijk vacature »

Fullstack C# developer gezocht, eigen product, inh

Ben je een C# developer en op zoek naar een nieuwe baan? Waar je naast C# en .NET Core ook werkt met (web)technieken als WebAPI, Angular en Xamarin? Waar je je kunt focussen op het maken van een eigen product en er ruimte is voor het leveren van kwaliteit? Nieuwsgierig? Lees dan verder! Voor een bedrijf in Alblasserdam zijn we momenteel op zoek naar een fullstack C# developer. Het gaat hier om een jong en stabiel bedrijf welke een online platform ontwikkeld heeft die complementair zijn aan de IoT apparatuur die ze reeds verkopen. Inmiddels wordt het platform wereldwijd verkocht,

Bekijk vacature »

Noordoost Java Developer vacature

Java Developer Noordoost Word onderdeel van een topteam met ervaren Java Developers. Loop voorop in de ontwikkelingen en help mee innoveren. Focus op Java Wij bouwen State of the Art applicaties met de nieuwste Java technologie en frameworks. Dit doen we door ons te richten op de open source-oplossingen binnen de wereld van Java, alle nieuwe ontwikkelingen te volgen en onze kennis te delen binnen onze eigen Java Community. Dit betekent bijvoorbeeld dat we aanwezig zijn op veel conferenties; Oracle Code One, Devoxx en JFall. We organiseren ook onze eigen collegiale sessies en hackatons waar we kennis en plezier combineren.

Bekijk vacature »

Senior Java Developer vacature

Jij volgt ontwikkelingen op de voet. Sterker nog: jij bent er onderdeel van. Jij loopt voorop. Jij denkt met klanten mee en helpt hen innoveren. Zo kun jij een bijdrage leveren aan de Rabobank-app, de beveiliging van treinen voor Pro-rail verbeteren of de website van ING een boost geven. Vergaderen? Liever gewoon zorgen dat het werkt! Hoe omschrijft men een Sogetist? Gedreven, resultaatgericht en niet snel tevreden. Wat niet wil zeggen dat je nooit met hem of haar kunt lachen. Integendeel. Plezier hoort wat ons betreft net zo goed bij werken. Maar we gaan op de eerste plaats voor de

Bekijk vacature »

Linux Engineer - High Traffic Websites

Ben jij een Linux Engineer in hart en nieren en ben je meer te vinden op StackOverflow/GitHub dan op social media? Werk je graag met tools als Puppet en Ansible en ben je gepassioneerd in het maken van technische ontwerpen? Dan hebben wij de perfecte job voor jou! Als Linux Engineer werk je samen in een ambitieus tech team van 7 personen (en groeiend) in hartje Rotterdam waarin onderlinge samenwerking en kwaliteit centraal staan. Je werkt aan nieuwe features voor onze high traffic platformen en bent zeker niet verlegen ingesteld. Je bent dan ook kritisch op je werk en prikkelt

Bekijk vacature »

Senior .NET developer / C# / Azure / Zorg

Functieomschrijving Ben jij een Senior .NET Developer met minimaal 5 jaar ervaring? Coach jij graag andere .NET ontwikkelaar en zorg jij ervoor dat je samen met je team het uiterste haalt uit de techniek? Dan is deze functie perfect voor jou! Programmeren van high-availability en high-security applicaties in C#; Overleggen met de informatie analisten en testers; Ontwikkelen van webservices (WCF); Coachen van andere ontwikkelaars; Begeleiden van het team, Product Owner en Stakeholders; Waarborgen van de SCRUM principes; Wegnemen van impediments voor het team; 20% van je tijd besteden aan innovatie; Deelnemen aan projecten om nieuwe ketenpartijen toe te voegen; Bouwen

Bekijk vacature »

.NET ontwikkelaar / C# / miljarden berichten

Functieomschrijving Ben jij als .NET Developer bekend met oplossingen voor zwaar berichtenverkeer? Wil jij onderdeel zijn van een organisatie in regio Den Bosch die de verantwoording heeft om grote hoeveelheden gevoelige data veilig te versturen? Dan is dit je kans om voor een topclub te komen werken! Programmeren van high-availability en high-security applicaties in C#; Samen met je teamgenoten nieuwe applicaties/diensten ontwikkelen in .NET; Overleggen met de informatie analisten en testers; Ontwikkelen van webservices (WCF); 20 % van je tijd besteden aan innovatie; Deelnemen aan projecten om nieuwe ketenpartijen toe te voegen; Bouwen van unit testen. Functie-eisen Beschikt over HBO/WO

Bekijk vacature »

.NET Developer / C# / Amsterdam / financiële

Functieomschrijving Wil jij als .NET Developer bij deze organisatie in Amsterdam als kartrekker in een Scrum team fungeren en je helemaal uitleven in de backend met C#? Krijg jij een grote kick van veel verantwoordelijk en mogelijkheden in een .NET backend? Vindt jij het leuk requirements op te halen bij de business en deze te vertalen in concrete oplossingen? Dan past deze functie jou perfect! Als developer nieuwe gave features implementeren; Werken met technieken als C# .NET en (REST) API's webservices; Ontwikkelen van koppelingen middels API's; Maken van technische keuzes en beslissingen over de architectuur; Junior collega's coachen; Initiatief nemen

Bekijk vacature »

Testautomatiseerder / Java developer

Functieomschrijving Ben jij de Technisch Tester die het leuk vindt om met Java code aan de slag te gaan en met zijn werkzaamheden als Technisch Tester een bijdrage kan leveren aan de veiligheid van de samenleving? Lees dan snel dit functieprofiel van Technisch Tester! Opstellen en uitvoeren van geautomatiseerde testen; Uitvoeren van acceptatie/functionele testen; Aanpassingen maken in de bestaande applicatie; Debuggen van de applicatie; In gesprek gaan met eindgebruikers om verbetervoorstellen op te halen. Functie-eisen Minimaal HBO-werk en denkniveau; JE bent minimaal TMap of ISTQB gecertificeerd; Minimaal 3 jaar werkervaring als Technisch Tester; Java kennis (kunnen lezen/schrijven/debuggen); Kennis TestNG/Selenium is

Bekijk vacature »

PHP ontwikkelaar / Innovatie / Creativiteit

Functieomschrijving Ben jij de ontwikkelaar die op de hoogte is van de laatste ontwikkelingen en sta jij te springen om de nieuwste tools en technieken toe te passen in jouw werk? Trek dan nu aan de bel! Deze organisatie is al meer dan 20 jaar actief in het verzamelen en doorsturen van grote hoeveelheden data. Dit gebeurt doormiddel van hun zelf ontwikkelde platform die verschillende communicatieoplossingen biedt. Met bijna 600 gebruikers kan je jezelf wel inbeelden hoe groot de hoeveelheid data aan tekst, afbeeldingen en voicerecords is. Om er voor te zorgen dat de applicatie up-to-date, innovatief en vernieuwend is,

Bekijk vacature »

Front-end Developer / Java / GUI / Levensreddend

Functieomschrijving Ben jij als Front-End Developer een starter, junior of medior op de arbeidsmarkt en wil je aan de slag voor een productontwikkelaar met een positieve maatschappelijke impact in de regio van Utrecht? Werk je graag voor een echte soft- en hardwareclub en zie jij het als een uitdaging om aan (mogelijk) levensreddende producten te werken? Lees dan snel verder! Het ontwikkelen van GUI's in Java voor embedded devices en client applicaties; Het vernieuwen en aanpassen van GUI's en zorgen voor een goede integratie met nieuwe producten; Het ontwikkelen van software dat moet voldoen aan hoge kwaliteitseisen; Je participeert als

Bekijk vacature »

PHP/Magento developer gezocht met 1-2 jaar werkerv

Functieomschrijving In deze rol werk je met PHP/Magento dus het is fijn als je met 1 van de 2 gevraagde technieken ervaring hebt. Mocht je Magento gecertificieerd zijn, reageer dan direct! Dus heb jij passie voor E-commerce omgevingen en ervaring met PHP en/of Magento dan ben je hier aan juiste adres. Functie-eisen - HBO werk- en denkniveau; - Minimaal 1-2 jaar relevante werkervaring; - Magento kennis is een pré. - Kennis van PHP frameworks. Bedrijfsomschrijving Deze informele organisatie zoekt een PHP/Magento developer die inmiddels 1-2 jaar werkervaring heeft. Ze bouwen hier aan hele toffe E-commerce oplossingen. De oplossing zijn divers

Bekijk vacature »

Mobile App Developer

Ons Mobile ontwikkelteam zoekt een fanatieke Mobile App Developer. Ben jij creatief en heb je passie voor het ontwikkelen van apps? Dan zijn wij op zoek naar jou! Jouw baan ChipSoft heeft al diverse apps uitgebracht en het aantal gebruikers hiervan neemt snel toe. De apps doen het erg goed bij de zorginstellingen. Je kunt hierbij denken aan apps verpleegkundigen, thuiszorgmedewerkers, de logistieke dienst en - natuurlijk - de artsen zelf. Door jouw hands-on mentaliteit, eigenwijsheid en technisch inzicht kun je nauwkeurig herbruikbare software schrijven. Die software sluit naadloos aan op onze ‘back end’ (HiX, onze ICT-totaaloplossing voor de zorg).

Bekijk vacature »

Full Stack .NET Developer / Angular 8 / Amsterdam

Functieomschrijving Ben jij de Full Stack .NET developer die graag in de regio Amsterdam aan de slag gaat om vanaf scratch nieuwe features te ontwikkelen? Wil jij een verbindende rol spelen tussen business en IT? Ga jij graag aan de slag bij een grote Noord-Europese financiële organisatie met meerdere thuismarkten? Lees dan snel verder! Als developer nieuwe gave features ontwikkelen; Werken met technieken als C#, Angular 8 en Javascript,; Maken van technische keuzes en beslissingen over de architectuur; Junior collega's coachen; Initiatief nemen voor nieuwe technische mogelijkheden; Je bent een belangrijke schakel - en vindt het leuk - om te

Bekijk vacature »

.NET Developer Zorg-ICT

Complexe software ontwikkelen: dat is jouw ding! Voor onze vestiging in Hoogeveen zoeken wij fanatieke junior en senior .NET Developers die met de laatste Microsoft-tools en -technieken willen werken. Jij bent gemotiveerd en draagt graag verantwoordelijkheid voor je 'eigen' software, die wordt ingezet in ziekenhuizen door heel Nederland. Jouw baan Je bent verantwoordelijk voor het ontwerpen, ontwikkelen, ondersteunen en onderhouden van jouw eigen module. Dit gaat om complexe ICT-producten die feilloos moeten functioneren binnen de complexe omgeving van een zorgorganisatie. Je werkt zelfstandig of in een klein team. ChipSoft maakt gebruik van een zelf ontwikkeld multi tier framework. Tijdens een

Bekijk vacature »
Peter  paul

peter paul

24/11/2008 15:47:00
Quote Anchor link
Ik las dat ik de vraag hier moest stellen en dat voor mijn robleem ik het beste met jquey kon werken.

Ik heb zelf nog nooit met deze taal gewerkt dus weet er weinig tot niets van af.

Ik heb het volgende waar ik tegen aan loop.
Drie knoppen langs elkaar. Daar onder een plaats waar wat content kan.

Ik begin met 3 knoppen zonder content. Als ik op 1 van de knoppen klik moet er content komen van de betreffende knop, klik ik op een andere knop dan komt er die content te staan. Klik ik nogmaals op de zelfde knop dan zou ik graag willen dat de content weer volledig verdwijnt.

Ik heb echt alles afgezocht maar niet gevonden waar ik naar opzoek ben. kan iemand mij aan een stukje code helpen waar ik mee verder kan.
 
PHP hulp

PHP hulp

02/04/2020 01:42:00
 
Ano Niem

Ano Niem

24/11/2008 16:10:00
 
Peter  paul

peter paul

24/11/2008 20:04:00
Quote Anchor link
dankje ik ga zeker nog gebruiken maken van die site. er stonden een aantal mooie dingen op.

Maar ik ben niet tegen gekomen waar ik naar opzoek was.
hier is een voorbeeld van wat ik zoek. let niet op de inhoud zelf ik heb zo maar wat in getypt.

http://www.youtube.com/watch?v=IXlFSAIi3vc

wanneer je iets naar beneden scrolled onder de video zelf zie je. Delen, favoriet, afspeellijst enz. als je der op klikt komt er wat nieuwe content bij en wanneer je op een andere klikt wordt de content vervangen voor de des betreffende knop.

het enige verschil is dat ik ook graag zou willen dat wanneer je met een bepaalde knop de content opent dat je hem ook me de zelfde knop weer kan sluiten.

Kan iemand mij ook aan zo'n script helpen??
 
Peter  paul

peter paul

26/11/2008 15:53:00
Quote Anchor link
Ik schop hem maar weer eens omhoog.
Gewijzigd op 01/01/1970 01:00:00 door peter paul
 
Tamara

Tamara

26/11/2008 16:01:00
Quote Anchor link
kijk is bij jquery plugins....
Gewijzigd op 01/01/1970 01:00:00 door Tamara
 
Jacco Engel

Jacco Engel

26/11/2008 16:10:00
Quote Anchor link
Niet gewoon

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!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=iso-8859-1" />
<title>Untitled Document</title>
</head>
<script type="text/javascript">
function setContent(bron,doel)
{

    document.getElementById(doel).innerHTML = document.getElementById(bron).value ;
}

function clearContent(doel)
{
    document.getElementById(doel).innerHTML = "" ;
}

</script>
<body>
<textarea id="input_content"></textarea>
<input type="button" value="Set content" onclick="setContent('input_content','content')" />
<input type="button" value="Clear content" onclick="clearContent('content')" />

<div id="content">
</div>
</body>
</html>


Of denk ik nu te makkelijk?
 
Peter  paul

peter paul

28/11/2008 16:18:00
Quote Anchor link
@jacco: Nee, dat is niet echt wat ik bedoel, uiteraard wel bedankt voor je tijd.

Ik zal het nog wat duidelijker proberen uit te leggen.
Als ik naar de pagina ga zie je alleen 3 buttons langs elkaar. Wanneer je op een van de buttons klikt dan komt er onder deze buttons een content gedeelte. De knoppen zijn dus bedoeld om de content te laten zien of juist niet. Maar de knoppen moet en ook zo werken, dat wanneer er al content van button 1 is te zien en je klikt op twee dat dan de content van 1 weg gaat en de content van button 2 er komt te staan.

Hier zie je eigenlijk precies wat ik bedoel.
http://www.youtube.com/watch?v=IXlFSAIi3vc

Wanneer je iets naar beneden scrolled onder de video zelf zie je. Delen, favoriet, afspeellijst enz. als je der op klikt, komt er wat nieuwe content bij en wanneer je op een andere klikt, wordt de content vervangen voor de des betreffende knop.
 
Tamara

Tamara

28/11/2008 16:25:00
Quote Anchor link
linkje

je kan ook even google op de naam die op youtube staat ;)

heb hem binnen 2 minuten gevonden.
 
Peter  paul

peter paul

29/11/2008 15:31:00
Quote Anchor link
bedankt voor een reactie maar ik heb eens naar je link gekeken en het is totaal iets anders dan waar ik naar opezoek ben.

Btw je zegt: Je googled even naar de naam. Maar waar haal je die naam vandaan dan??
 
Niek Weevers

Niek Weevers

29/11/2008 17:11:00
Quote Anchor link
Je wilt in principe met tabs werken.
Dit kan ideaal met jquery. Wat youtube doet is in combinatie met ajax, maar dit hoeft niet. In principe zet je al je content van de verschillende tabjes al in de broncode, je regelt dan alleen nog met jquery welke je laat zien of verbergt.

Kijk hier maar ff. Je kan zelf dan nog erbij scripten dat je standaard niks laat zien.
(Dit is de oudere versie)

Je vroeg ook nog wat jqeury is. Het is simpel gezegd een javascript library (dus het is geen taal). Ik vind hem ideaal, het is een goede library waar je met relatief weinig en makkelijke code leuke dingen uithaalt.
Gewijzigd op 01/01/1970 01:00:00 door Niek Weevers
 
Peter  paul

peter paul

05/12/2008 15:01:00
Quote Anchor link
Ik heb naar de pagina gekeken die je me linkte maar ik wordt er niet wijzer uit. Ik ben vervolgens maar weer eens verder gaan googlen en heb toen met wat hulp van sites dit gemaakt

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<html>
<head>

<script language="javascript">
function toggle(showHideDiv, switchTextDiv) {
    var ele = document.getElementById(showHideDiv);
    var text = document.getElementById(switchTextDiv);
    if(ele.style.display == "block") {
            ele.style.display = "none";
        text.innerHTML = "open";
      }    else {
        ele.style.display = "block";
        text.innerHTML = "close";
    }
}


</script>
</head>

<body>
<a id="myFilter" href="javascript:toggle('Filter','myFilter');" >open</a>

                        <div id="Filter" style="display: none;">
                            content</div>

</body>
</html>\


Dit is een beetje wat ik bedoel makkelijk maar het werkt goed. Nou zou ik graag alleen 3 van deze links naast elkaar willen. en als de een geopend is dat die sluit wanneer er op een andere link geklikt wordt.
 
Mitchell

Mitchell

05/12/2008 15:07:00
Quote Anchor link
Een accordion? n_n'
 
Tamara

Tamara

05/12/2008 15:11:00
Quote Anchor link
peter schreef op 29.11.2008 15:31:
bedankt voor een reactie maar ik heb eens naar je link gekeken en het is totaal iets anders dan waar ik naar opezoek ben.

Btw je zegt: Je googled even naar de naam. Maar waar haal je die naam vandaan dan??


nou, dat filmpje heeft een naam/titel... en die titel heb ik gegoogled
 
Niek Weevers

Niek Weevers

05/12/2008 18:18:00
Quote Anchor link
Ok met jquery.
Zorg dus eerst dat je de jquery.js inlaadt.
Daarna maak je de volgende html.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<ul id="items">
    <li>
        <a class="dicht" href="#" title="Eerste item">Eerste item</a>
        <div>
            Content 1e item
           </div>
    </li>
    <li>
        <a class="dicht" href="#" title="Tweede item">Tweede item</a>
        <div>
            Content 2e item
           </div>
    </li>
    <li>
        <a class="dicht" href="#" title="Derde item">Derde item</a>
        <div>
            Content 3e item
           </div>
    </li>
</ul>


De volgende javascript zet je eronder of in de header
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<script type="text/javascript">
$("#items div").hide();
                        
// Eerste blok is zichtbaar en de link krijgt class=open
$("#items div:first").show();
$("#items a:first").addClass("open");
$("#items a:first").removeClass("dicht");

$("#items a").click( function()
{
    
    if ( $(this).hasClass("open") )
    {
        $(this).removeClass("open");
        $(this).addClass("dicht");
        $("div", this.parentNode).hide();
    }
    else
    {
        // Alle links met class open, krijgen de class dicht
        $("#items a.open").addClass("dicht");
        $("#items a.open").removeClass("open");
        
        // Alleen de link waar op is geklikt krijgt de class open
        $(this).removeClass("dicht");
        $(this).addClass("open");
        
        // Alle blokken worden ingeklapt
        $("#items div").hide();
        
        // Betreffende blok wordt uitgeklapt
        $("div", this.parentNode).show();
    }
});
</script>


Dit zorgt ervoor dat standaard de eerste open is en wanneer je een andere open klikt dat degene die open is, weer dicht gaat.
Ook heb ik classes toegevoegd zodat je met css de class open anders kan open dan de class dicht.
 
Peter  paul

peter paul

05/12/2008 18:57:00
Quote Anchor link
bedankt voor je hulp, het begint een beetje gênant te worden maar ik kom er nog steeds niet helemaal uit ik heb dit gedaan


Ik heb dit ingeladen http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.2.6.min.js

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Eerste item</title>

<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$("#items div").hide();
                        
// Eerste blok is zichtbaar en de link krijgt class=open
$("#items div:first").show();
$("#items a:first").addClass("open");
$("#items a:first").removeClass("dicht");

$("#items a").click( function()
{
    
    if ( $(this).hasClass("open") )
    {
        $(this).removeClass("open");
        $(this).addClass("dicht");
        $("div", this.parentNode).hide();
    }
    else
    {
        // Alle links met class open, krijgen de class dicht
        $("#items a.open").addClass("dicht");
        $("#items a.open").removeClass("open");
        
        // Alleen de link waar op is geklikt krijgt de class open
        $(this).removeClass("dicht");
        $(this).addClass("open");
        
        // Alle blokken worden ingeklapt
        $("#items div").hide();
        
        // Betreffende blok wordt uitgeklapt
        $("div", this.parentNode).show();
    }
});
</script>

</head>

<body>
<ul id="items">
    <li>
        <a class="dicht" href="#" title="Eerste item">Eerste item</a>
        <div>
            Content 1e item
           </div>
    </li>
    <li>
        <a class="dicht" href="#" title="Tweede item">Tweede item</a>
        <div>
            Content 2e item
           </div>
    </li>
    <li>
        <a class="dicht" href="#" title="Derde item">Derde item</a>
        <div>
            Content 3e item
           </div>
    </li>
</ul>
</body>

</html>


Maar dan krijg ik het volgende

Eerste item
Content 1e item
Tweede item
Content 2e item
Derde item
Content 3e item

ik krijg dus alles te zien. doe ik iets fout?
 
Niek Weevers

Niek Weevers

05/12/2008 19:09:00
Quote Anchor link
Je hebt het script in je header.
Wat je dan even moet doen is het volgende om je javascript heen zetten
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
<script type="text/javascript">
$(function()
{

//je script die je er nu hebt staan

});
</script>

Dan gebruikt hij dit pas als de pagina is geladen. Wanneer je het script in de html onder je stukje html zet dan hoeft bovenstaande niet
 
Peter  paul

peter paul

05/12/2008 19:39:00
Quote Anchor link
hij werkt perfect. Ik weet dat ik lastg ben maar ik heb nog een klein vraagje is het mogelijk om de links langs elkaar te krijgen en dat de content in een ander tabel komt ??
 
Niek Weevers

Niek Weevers

05/12/2008 19:48:00
Quote Anchor link
Dan zou het script iets omgebouwd moeten worden. Dan moet je de links naast elkaar laten floaten.
Daaronder zet je de divs neer, waarvan je er dus maar een laat zien.
Met het klikken moet je dus de juiste div aanroepen.
Het script wat je nu hebt gebruikt (die van mij) roept deze div door te kijken naar de div indezelfde li als de link.

Ik heb er vanavond geen tijd meer voor om dit even om te bouwen (de Sint komt he :D)
Als je een beetje door hebt hoe deze jquery in elkaar zit, dan kun je het natuurlijk ook eerst zelf gaan proberen, volgens de volgende structuur
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
<ul class="tabs">
<li><a href="#1" title="Eerste item">Eerste item</a></li>
<li><a href="#2" title="Eerste item">Eerste item</a></li>
<li><a href="#3" title="Eerste item">Eerste item</a></li>
</ul>
<div id="1"></div>
<div id="2"></div>
<div id="3"></div>


Of kijk ff op http://www.degraafschap.nl/ . Daar is dit ook zo toegepast.
Gewijzigd op 01/01/1970 01:00:00 door Niek Weevers
 
Peter  paul

peter paul

07/12/2008 10:00:00
Quote Anchor link
Ik heb helaas nog geen flauw idee hoe de query werkt en hoe ik hem moet veranderen om tot de oplossing te komen, dus ik hoop hier wat hulp bij te krijgen.
 
Peter  paul

peter paul

10/12/2008 09:24:00
Quote Anchor link
ik zet hem maar weer eens boven in de lijst.
 
Dennis Mertens

Dennis Mertens

10/12/2008 09:35:00
Quote Anchor link
Je gebruikt jQuery, en om dit goed te laten lopen zet je al het javascript in een document ready.

Dus alles binnen de <script> </script> tag.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
$(document).ready(function() {

// Hier je javascript code

#
});


Zie: http://snipplr.com/view/3739/jquery-showhide/
Als voorbeeld.

En hier nog een mooie tab:
http://docs.jquery.com/UI/Tabs

De code
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <link rel="stylesheet" href="http://dev.jquery.com/view/tags/ui/latest/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">
  <script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.core.js"></script>
  <script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.tabs.js"></script>


  <script>
  $(document).ready(function(){
    $("#example > ul").tabs();
  });
  </script>
  
</head>
<body>
  
        <div id="example" class="flora">
            <ul>

                <li><a href="#fragment-1"><span>One</span></a></li>
                <li><a href="#fragment-2"><span>Two</span></a></li>
                <li><a href="#fragment-3"><span>Three</span></a></li>
            </ul>
            <div id="fragment-1">
                <p>First tab is active by default:</p>
                <pre><code>$('#example > ul').tabs();</code></pre>
            </div>
            <div id="fragment-2">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
            </div>
            <div id="fragment-3">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
            </div>
        </div>
</body>
</html>

Je ziet 3 links:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
                <li><a href="#fragment-1"><span>One</span></a></li>
                <li><a href="#fragment-2"><span>Two</span></a></li>
                <li><a href="#fragment-3"><span>Three</span></a></li>

In de href staat de locatie. Deze locatie (achter de #) wordt de div's die daaronder staan bedoelt.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<div id="fragment-1">

Gewoon dezelfde naam. Makkelijker kan niet.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.