jquery

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Functioneel Applicatiebeheerder

CNB is de grootste dienstverlener in de markt van bloembollen en vaste planten. In deze markt verricht CNB de volgende diensten: bemiddeling, veilen en het koelen en prepareren van bloembollen. Vanuit ons hoofdkantoor in Lisse werken bijna 100 collega’s dag in dag uit aan de bemiddeling van bloembollen. In Bovenkarspel vindt het koelen en prepareren van de bloembollen plaats. Wij zijn op zoek naar een enthousiaste Functioneel Applicatiebeheerder die een applicatie, maar ook sfeer kan bouwen! Jij: Vindt het leuk om binnen een klein IT-team aan de slag te gaan met het functioneel beheer van voornamelijk Microsoft Dynamics Navision, maar

Bekijk vacature »

Senior back end developer /Software engineer (Free

General Description: Philips Digital Cognitive Diagnostics is a new business within the Philips CTO-ventures organization. The venture is tasked with developing a new “software only” product called IntelliSpace Cognition. This new product, which is a class II medical device will help neurologists in assessing the cognitive performance of people with a neuro (degenerative) disease. The initial market for IntelliSpace Cognition is the US. A product video can be found here: https://youtu.be/U5KipcjPtz8 The venture is currently seeking for a Senior Software Engineer. The position is based in Eindhoven, the Netherlands. Requirements: • Design, test, develop, deploy, maintain and improve software assets

Bekijk vacature »

Mobile App Developer

Ons Mobile-ontwikkelteam zoekt een gedreven Mobile App Ontwikkelaar. Ben jij analytisch 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. Je kunt hierbij denken aan apps voor verpleegkundigen, thuiszorgmedewerkers, de sterilisatieafdeling 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). Samen met je collega’s ben je verantwoordelijk voor het ontwerpen en

Bekijk vacature »

C#.NET Ontwikkelaar/consultant

Functieomschrijving Ben jij een C# Developer die binnen een innovatieve, logistieke organisatie wilt werken? Vind je het interessant om jouw ontwikkelde software en code te koppelen aan complexe systemen en daarnaast de implementatie te begeleiden? Laat je horen! Je wordt onderdeel van de developers' club, van circa vijftien collega's, ofwel in een team van software developer waar jullie projectmatig aan de slag gaan met het ontwikkelen van software oplossingen voor klanten. Alle functionele requirements komen via consultants bij het software team terecht. Deze worden in een projectteam van minimaal twee software developers opgepakt, waar je vervolgens zelfstandig of samen met

Bekijk vacature »

Technisch Ontwerper / Applicatie Ontwikkelaar

Technisch Ontwerper / Applicatie Ontwikkelaar Actief Wat ga je doen? Als Technisch Ontwerper / Applicatie Ontwikkelaar kom je te werken bij onze gerenommeerde klanten op projecten of opdrachten van omvang en formaat. Je bent verantwoordelijk voor het omzetten van functionele specificaties naar een technisch ontwerp, het ontwerp van programmaspecificaties voor toepassingen, de realisatie van (gewijzigde) programmaonderdelen en databestanden van toepassingen en de technische systeemtest van applicatietoepassingen. Daarnaast geef je vorm aan webpagina’s en applicaties, stel je gebruikersdocumentatie op en verleen je ondersteuning bij het oplossen van productiefouten. Tevens ben je verantwoordelijk voor het samenstellen en onderhouden van de applicatie c.q.

Bekijk vacature »

C# Developer gezocht die mee wil denken in archite

Functieomschrijving Ben jij een C# ontwikkelaar die ook kennis heeft van VB.NET en/of Java? Krijg jij energie van het verbeteren van software m.b.v. C# om een betere Enterprise Application Integration te krijgen? Lees dan snel verder! Verantwoordelijk voor de volledige ontwikkelcyclus; Meedenken in de architectuur van de applicaties, EAI is hierin key!; Verbeteren en doorontwikkelen van bestaande software, voornamelijk met C#; Bruggenbouwer van functioneel naar development, waarbij je zelf ook hands-on bezig bent; Direct schakelen met interne klanten. Functie-eisen HBO werk- en denk niveau; Ervaring met EAI is een pre; Aantoonbare ervaring met het doorontwikkelen van bestaande software; Je hebt

Bekijk vacature »

Java developer junior

Functie­omschrijving "Je leert zo veel als developer. En de kennis die je opdoet, gebruik je meteen in projecten mét maatschappelijke relevantie. Dat is gaaf!" Mardon Peterson - Ontwikkelaar bij de Belastingdienst. Onze 300 Java-developers realiseren applicaties die direct van grote invloed zijn op de Nederlandse samenleving. De online aangifteapplicatie is er een waarmee we miljoenen mensen bereiken en waarmee we zelfs de Computable Award in de wacht hebben gesleept. Onze Java-ontwikkelaars werken ook voor de Douane of de FIOD van de Belastingdienst. Dat gebeurt in zon zeventig groot- en kleinschalige projecten in bijna honderd multidisciplinaire scrum-teams. We werken in een

Bekijk vacature »

C# Developer

C# Developer De uitgebreide versie Jij hebt ruim twee jaar ervaring als developer. Nu wil je graag je tanden zetten in nog complexere projecten. Met je team bereik je nieuwe hoogtes en zelfstandig maak je meters. Stilstand is achteruitgang voor jou; je hebt behoefte aan collegae die jou alles leren over Microsoft technologie maar wilt tegelijkertijd ook graag je eigen opgedane kennis delen. Alles wat vandaag nog onbekend is, moet je morgen toepassen in de volgende uitdaging en dàt is wat jou scherp houdt. Je hebt geen zin in een 60-urige werkweek maar haalt wel plezier uit zo nu en

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 »

.NET Developer

.NET Developer De uitgebreide versie Jij hebt ruim twee jaar ervaring als developer. Nu wil je graag je tanden zetten in nog complexere projecten. Samen met je team bereik je nieuwe hoogtes en zelfstandig maak je meters. Je hebt behoefte aan collegae die jou alles leren op het gebied van technologie maar wilt tegelijkertijd ook graag je eigen opgedane kennis delen. Alles wat vandaag nog onbekend is, moet je morgen toepassen in de volgende uitdaging en dàt is wat jou scherp houdt. Je hebt geen zin in een 60-urige werkweek maar haalt wel plezier uit zo nu en dan een

Bekijk vacature »

React Native developer (junior/medior/senior)

Reisbalans is het best beschikbare pakket voor reiskostendeclaraties, kilometer- en rittenregistratie, verantwoording van mobiliteitskaartgebruik en voor een persoonlijk mobiliteitsbudget. Reisbalans is opgestart onder Achmea en sinds oktober 2017 onderdeel van de MIG. Reisbalans faciliteert de Rijksoverheid met een whitlabel portal voor haar 100.000 medewerkers. Daarnaast maken diverse klanten als Achmea, SIG, PNH, Omgevingsdienst NZKG gebruik van Reisbalans. In 2018 zijn samenwerkingen met het GVB en RET opgestart en in 2019 met Q-Buzz, Louwman en Wittebrug. Functieomschrijving: Samen met het App team draag je bij aan het verder ontwikkelen van de App. Dit doe je door nieuwe functionaliteiten te bedenken en

Bekijk vacature »

Microservice PHP developer gezocht voor dynamisch

Functieomschrijving We zoeken voor deze klant een PHP (back-end) ontwikkelaar met minimaal 3 jaar steady werkervaring. Het is belangrijk dat je graag met nieuwe technologieën werkt en echt kwaliteit wil leveren. Ze werken hier voornamelijk met Symfony maar uiteraard ook uitstapjes naar andere technieken. Zo werken ze onder andere technieken als NoSQL en Kubernetes. Het team bestaat uit zo'n 6 developers en er wordt in een open sfeer gewerkt. Elke ochtend begin je met een stand-up meeting en je zal continu in contact staan met je collega's. Functie-eisen – Je hebt HBO werk en/of denk niveau; – Je hebt ervaring

Bekijk vacature »

Software ontwikkelaar

Voor diverse bedrijven in de regio Maastricht & Maastricht Aachen Airport, zijn wij op zoek naar zowel junior als ervaren “software developers”. Je dag begint met de dagelijkse stand-up; samen met je teamgenoten maak je een plan voor de komende dag. Door het meteen kunnen toepassen van je opgedane kennis, ga je ook meteen bijdragen aan het developteam en aan de resultaten van het bedrijf. Als Software Developer ontwikkel je mee, met behulp van .NET (C#, ASP.NET, MVC, SQL), HTML, CSS en JavaScript ontwerp en realiseer je klant specifieke opdrachten. Je dagelijkse werkzaamheden bestaan uit het analyseren van de behoeften

Bekijk vacature »

C# developer

Op zoek naar leuke collega's waarmee je kunt lachen, gave projecten en een ambitieuze werkgever die heel goed voor je zorgt? Aangenaam: Profit4Cloud! Wij zijn nu met 55 collega's en werken sinds 2015 vanuit 5 vestigingen aan mooie projecten met een fijne groep collega's die allemaal maar één ding willen: mooie en slimme software-oplossingen ontwikkelen met de nieuwste technieken. We zijn goed bezig en zijn daarom op zoek naar versterking: Medior C# developers. Ben jij de Medior C# developer die enthousiast wordt van mooie projecten waar binnen jij een belangrijke rol speelt? Dan is Profit4Cloud jouw 'place-to-be'! Als Medior C#

Bekijk vacature »

Front-end developer en werken aan grote pensioen p

Functieomschrijving Mooie websites (aan de voorkant) maken die goed vindbaar zijn, dat is waar deze front-end functie om draait. Het is belangrijk dat je graag met nieuwe technologie werkt en graag kwaliteit wil leveren. Je komt met leuke collega's te werken waar het prettig kennis mee delen is. De toegepaste techniek is state-of-the art en je kunt hier met de laatste technologie werken als front-end developer. Functie-eisen - Je beschikt over HBO/WO werk en denkniveau; - Je bent 3+ jaar ervaring met HTML(5), CSS(3) en Javascript; - Je bent gewend te werken in een Scrum/Agile omgeving en ziet hier de

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

09/08/2020 06:59:53
 
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.