jquery

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

C# Angular Developer Ontwikkelaar Leaseauto

Functieomschrijving C# Angular Developer Ontwikkelaar Leaseauto Ontwikkelen in C#.Net in maatwerk applicaties; Nieuwbouw en uitbouw van de systemen in C# .NET; Ondersteuning bieden aan de klanten op de applicaties; Requirements in kaart brengen; Maken van een technisch ontwerp. Functie-eisen HBO/WO diploma is een eis; Minimaal 3 jaar ervaring met Angular, C#.Net, HTML, CSS, Javascript; Goede beheersing van de Nederlandse en Engelse taal; Ervaring met relationele databases of mobiele oplossingen is gewenst; Makkelijk in de omgang, analytisch en communicatief. Bedrijfsomschrijving Onze klant is een IT dienstverlener, ter versterking van het team zijn ze op zoek naar een ervaren C# .NET Ontwikkelaar.

Bekijk vacature »

Full-Stack Web Developer

Kennis van C#, JavaScript, CSS en HTML5? En wil je die kennis inzetten om de zorg te verbeteren met slimme en innovatieve online portalen? Jouw baan Als Full-Stack Web Developer programmeer jij zowel front-end als back-end en ontwikkel je nieuwe functionaliteiten in het webportaal voor zorgverleners of patiënten. Denk hierbij aan vragenlijsten, labuitslagen en het bewerken van persoonsgegevens. Ook stort jij je vol overgave op lastige vraagstukken die binnenkomen via onze consultants. Samen met je team bedenk en bespreek je oplossingen en voer je code-reviews uit om elkaar naar een nóg hoger niveau te tillen. Jouw team Ons team? Work

Bekijk vacature »

Senior applicatieontwikkelaar

Ben jij een gedreven applicatieontwikkelaar met minimaal drie jaar werkervaring? En wil je een uitdagende baan met impact én jezelf breed ontwikkelen? Bij UPS bouw je mee aan complexe systemen die wereldwijd worden gebruikt en krijg je alle ruimte om nóg beter te worden in je vak. Dit ga je doen In een dynamisch scrumteam werk je aan de hand van processen en technologieën zoals CI/CD en DevOps aan het behalen van jullie doelen. Je bent betrokken bij alle facetten van applicatieontwikkeling: van ontwerpen en bouwen tot testen en implementeren. Je levert ontwerpen die passen bij de onderliggende frameworks en

Bekijk vacature »

Medior PHP Developer

As a PHP Developer at Coolblue, you ensure that our webshops are bizarre fast and super tight. How do I become a PHP Developer at Coolblue? As a Medior PHP Developer you work together with other development teams to make our webshop work as optimally as possible and to make our customers happy. Although you are a PHP Developer, you are not averse to a little C # or Javascript. Want to become an PHP Developer at Coolblue? Else will explain how to do that. You enjoy doing this Writing PHP code, but can also find your way in C

Bekijk vacature »

Mendix Expert Developer (Senior) (NL)

Mendix Expert Developer (Senior) (NL) Den Haag HBO/WO IT Professional "Als Mendix expert impact maken op de groeiende E-commerce markt met onze logistieke software en onze kritieke logistieke keten. Je doet dit door ontwikkeling en uitbreiding van onze Mendix Cloud omgeving, waarbij je complexe business processen vertaalt naar kritieke Mendix applicaties.". Wat ga je doen? PostNL is becoming a postal tech company Als Mendix Expert Developer ben je onderdeel van een multidisciplinair Business-IT-team bestaande uit onder andere een Lead, Mendix Developers en Solution Consultants. Wij zetten Mendix in voor kritieke processen waarbij applicaties optimaal moeten performen, want wanneer deze uitvallen,

Bekijk vacature »

Technisch Applicatiebeheerder

Technisch Applicatiebeheerder Amersfoort, Nederland ___________________________________________________________________________ Functieomschrijving Je kerntaken bestaan uit controle, onderhoud en communicatie rond de voor jou toegewezen applicaties binnen ons EDI-netwerk. Voor meldingen en storingen ben je het aanspreekpunt voor je collega’s van onze supportafdelingen in Nederland, Duitsland en België. Zo ziet de applicatiebeheerder toe op de nieuwe release of updates van de applicatie en zorgt ervoor dat implementaties vlekkeloos verlopen. Het kan voorkomen dat er een bezoek gebracht moet worden aan het Datacenter voor applicatieonderhoud. Je wordt intern opgeleid zodat je zelfstandig complexe problemen kunt oplossen. Verantwoordelijkheden • Actief monitoren EDI-netwerk • Beheren EDI netwerk en interne

Bekijk vacature »

Fullstack .Net (Core)/C# Developer zet zich in voo

Voor een organisatie gespecialiseerd in het ontwikkelen van software voor dierenartspraktijken ben ik op zoek naar Fullstack .Net (Core)/ C# Developers. De organisatie, 15 jaar geleden opgericht heeft een internationale klantenkring met meer dan 10.000 praktijken. Er hangt een nuchtere en familiaire sfeer, waar je je snel in thuis zal voelen. In 3 Scrum teams wordt er gewerkt aan her/doorontwikkeling van de dierenartspraktijksoftware en aanverwante tools. Je focus ligt bij het design, programmeren, unit testen en deployen van van nieuwe functionaliteiten. Waarbij je voor 80% bezig bent in de backend en 20% in de frontend. Wat moet je kunnen? -

Bekijk vacature »

Java Software Developer - Utrecht - Startup

Are you looking to extend your skillset, develop ground-breaking software and work together with a great team on projects that matter? Are you interested in using the latest technologies and dive deeper into the world of Blockchain and Artificial Intelligence? Work with great people on great projects that matter Improving social benefit programs supporting (local) government, healthcare and education Helping people and businesses to take control of their personal information and data Sharing W3C Verifiable Credentials like competencies, certificates, diplomas Decentralized finance and Tokenization Improving support and reliability of medical trials Opportunity to work on Blockchain standardization Improving stewardship and

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 »

Software Developer / full stack / Java / Angular

Functieomschrijving Would you like to work at a company in Eindhoven on a custom application landscape, both front and backend? Does Java hold few secrets for you and are you also experienced with Javascript / Angular? Then we are looking for you! Als Developer werk je aan zowel de front-end als back-end van het maatwerk applicatielandschap; Je werkt mee in projecten op het gebied van systeemuitbreiding, vernieuwing en verbetering; Je werkt met o.a. Java, JEE, Spring, Angular, CI, SQL, Agile, webservices; Je denkt mee over de vertaalslag naar technische oplossingen en adviseert de organisatie op jouw vakgebied; Je werkt in

Bekijk vacature »

Java Developer / Overheid / Complexiteit

Functieomschrijving Wil jij als Java Developer een bijdrage leveren aan een veiliger Nederland en je als Java Developer bezig houden met zeer complexe bedrijfskritische applicaties? Lees dan snel verder! Doorontwikkelen bedrijfskritische applicaties; Aanpassingen maken in de bestaande applicatie; Vertalen van jouw visie op continuous integration en continuous delivery; Debuggen van de applicatie; In gesprek gaan met eindgebruikers om verbetervoorstellen op te halen. Functie-eisen Minimaal HBO-werk en denkniveau; Minimaal 5 jaar werkervaring als Java Developer; Je bent minimaal OCP-Java SE 6 gercertificeerd; Je hebt kennis van Webservices en Continuous Integration; Je bent analytisch sterk en zowel klant- als resultaatgericht. Bedrijfsomschrijving Binnen

Bekijk vacature »

Java Developer (Romanian)

For a dynamic industrial software specialist, we are looking for a Java developer. Company This globally well respected and recognized company has 30 years of experience with building ERP logistic and financial applications for the cleaning industry. The organization counts over 150 employees and several customers throughout the world. Job description • Work remotely with your Romanian colleagues • Understanding business requirements from the customers • Analyze applications remotely from the office or from home • Programming in Java together with the development department • Handle technical escalations • Contribute in in extending good software practices • Work closely with

Bekijk vacature »

Backend .NET Developer C# Voetbal

Functieomschrijving Ben jij een backend .NET Developer en heb je een passie voor voetbal? Beschik je daarbij ook over ervaring met .NET Core? Neem dan snel contact op voor meer informatie! Ontwikkelen van webapplicaties in .NET Core, C# en SQL; Het creëren van nieuwe features; Koppelingen maken met andere microservices; Werken aan innovatieve projecten. Functie-eisen HBO werk- en denkniveau; Minimaal 4 jaar ervaring als Developer; Kennis en ervaring met .NET Core en Kubernetes is een harde eis; Je hebt een passie voor voetbal! Bedrijfsomschrijving Binnen deze organisatie in de regio Den Haag zal je als .NET Developer terecht komen in

Bekijk vacature »

Medior / Senior Android Developer

Als Mobile Developer zorg jij voor een ultieme klantervaring voor het zoeken en kopen van producten bij Coolblue via de app. Hoe word ik Android Developer bij Coolblue? Je bent succesvol in het schrijven van Kotlin of Java code en werkt nauw samen met je collega’s, bijvoorbeeld in de vorm van pair programming, om de kwaliteit te waarborgen. Daarbij denk je na over technische keuzes zoals architectuur, tools en processen. Verder houd je de prestaties van de app in de gaten en analyseer je met het team hoe je dit kunt verbeteren. Het werken volgens Scrum methode is jouw niet

Bekijk vacature »

.NET Developer C# Familiebedrijf Senior / Medior

Bedrijfsomschrijving Als .NET Ontwikkelaar kom je te werken in de regio van Lelystad bij een organisatie die toonaangevende klanten uit heel Nederland heeft. De producten en diensten van de organisatie bereiken miljoenen Nederlanders. Er komt een grote hoeveelheid informatie bij kijken en deze moet discreet en veilig verwerkt worden. Procesgericht werken als Developer is hierbij van groot belang. De organisatie en de Ontwikkelaars van het platform hebben een adviserende rol, je hebt te maken met verschillende klantprocessen en de markt is constant in beweging. Je komt te werken bij een familiebedrijf met een prettige, informele sfeer en een fijne werkomgeving.

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

20/10/2020 01:17:41
 
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.