divswap function() jquery

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

C# developer

Functie Als C# ontwikkelaar ben jij de spin in het web bij deze organisatie. Jij begeleidt en traint de field engineers die bij de klanten machines leveren en installeren. Daarnaast ondersteun jij de field engineers als zij bij de klant vastlopen bij het installeren van de machine m.b.t. software matige vragen. Jouw doel is dan ook om de technische kennis van de field engineers door middel van training zoveel mogelijk uit te breiden. Dit om ervoor te zorgen dat zij zelfstandiger software matige problemen kunnen oplossen. Ook ben jij verantwoordelijk voor het bedenken van software oplossingen voor klanten en dit

Bekijk vacature »

Dynamische Oracle/APEX Ontwikkelaar in de logistie

Bedrijfsomschrijving De organisatie in de regio Rotterdam is gespecialiseerd in het ontwikkelen van moderne webbased software voor de ERP branche. In totaal is er 20FTE aan specialisten actief binnen de organisatie. De ICT afdeling bestaat momenteel uit 15FTE. Ze groeien ontzettend hard en daarom zoeken zij een Oracle/APEX Developer die het reeds sterke team nog sterker komt maken. Hier werken ze op projectbasis voor verschillende grote organisaties in de logistieke sector. Het is een informele organisatie waarbinnen een fijne werksfeer heerst. Zoals aangegeven willen ze het team nog sterker maken en daarvoor zoeken ze bij voorkeur medior of senior Oracle/APEX

Bekijk vacature »

.Net ontwikkelaar - Het schoolsysteem verbeteren!

Bedrijfsomschrijving Onze klant is een prettige en kleinschalige organisatie waar hard gewerkt wordt om het onderwijs te verbeteren. Daarom werken ze aan complexe om administratieve, financiële en facilitaire processen te versnellen en te verbeteren. Dit doen ze vanuit een platte organisatie voor klanten die door geheel Nederland verspreid zitten, hier horen vanzelfsprekend een aantal aansprekende HBO scholen en universiteiten toe. Functieomschrijving Je komt terecht in een organisatie waar op dit moment 2 scrumteams werken. Jij zal als .Net developer binnen 1 van deze scrumteams functioneren, iedereen binnen dit team heeft zijn/haar eigen expertise waardoor er met verschillende invalshoeken aan een

Bekijk vacature »

PHP Developer Symfony

Dit ga je doen Ontwikkelen van Product Informatie Management (PIM) systemen; Werken aan zowel grotere als kleine projecten voor toonaangevende klanten binnen o.a. de retail. Hier ga je werken Als PHP Developer kom je te werken binnen een vooruitstrevende organisatie die Product Informatie Management (PIM) systemen levert aan hun klanten. Hun klanten zijn toonaangevende bedrijven binnen o.a. de retail. De organisatie zit gevestigd in regio Zwolle en bestaat uit zo'n 35 medewerkers, waarvan 30 IT. Je komt te werken binnen één van de zelfsturende development teams welke ieder verantwoordelijk zijn voor hun 'eigen' klanten. Jouw team bestaat uit 6 backend

Bekijk vacature »

Senior PHP developer

Functie Als Senior PHP developer heb je een sterke mening over de architectuur van projecten en de processen binnen het team. Je bent de sparringpartner voor je Team Lead. Ook ondersteun je met jouw kennis de minder ervaren developers in jouw team. Ze werken regelmatig aan projecten vanaf scratch en dit geeft ruimte om voor nieuwe technieken te kiezen. Naast het ontwikkelen van software ben je continue bezig om ook jezelf te ontwikkelen. Ze werken met o.a.: PHP, Laravel, Doctrine, PHP Unit, Behat, React, TypeScript, (My)SQL, Postgress, Redis, ElasticSearch, Docker, Nginx, GIT flow, JIRA, AWS. Eisen • HBO werk- en

Bekijk vacature »

.NET Developer

Dit ga je doen Binnen het team bouw je aan een applicatie met andere .Net Developers, testers een Product Owner en een Business Analyst. Met het team wordt de backlog besproken. In overleg claim jij jouw deel en zorgt ervoor dat onderhoud en innovatie wordt gerealiseerd. Het project dat momenteel draait is het opgraden van de omgeving. Doorontwikkelen van de huidige applicatie; Overleggen met teamleden om de backlog te verdelen; Onderhouden van de huidige omgeving; Sparren met de business en het ophalen van nieuwe requirements. Hier ga je werken De organisatie is een van de grootste landelijke aanbieder van diverse

Bekijk vacature »

SAP Integratie Ontwikkelaar

Ben jij ambitieus in de verdere ontwikkeling van SAP binnen HANOS, en heb je kennis van SAP PI, CPI (SAP integration suite) en of andere middleware tooling? Dan ben jij mogelijk onze nieuwe SAP Integratie (middleware) Ontwikkelaar! Lees snel verder en solliciteer! Wat ga je doen? Als SAP Financieel Consultant ben je, als deel van een gedreven team van interne SAP consultants, de schakel tussen de gebruikersorganisatie en ICT. Je draagt proactief bij aan een optimale aansluiting van de SAP-functionaliteit (een applicatielandschap met o.a. Suite on HANA, Fiori, Hybris, C4C en BO), op de bedrijfsprocessen. Verder ondersteun je de HANOS

Bekijk vacature »

Software Programmeur

Functie omschrijving Ben jij op zoek naar een organisatie waar je samen met een team werkt aan iets moois en waar je naast hard werken ook hard kunt lachen? Dan ben je hier aan het juiste adres! Voor een informeel IT-bedrijf in omgeving Wassenaar zijn wij op zoek naar versterking. Ben jij op zoek naar een nieuwe uitdaging als Software Programmeur lees dan snel verder! Werkzaamheden Programmeur Je bent bezig met het ontwikkelen van software en webapplicaties. Je kunt technische klussen uitvoeren op locatie. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een project goed

Bekijk vacature »

Junior .NET developer

Functie Jij hebt natuurlijk net jouw Bachelor op zak en gaat nu voor het eerst aan de slag bij een werkgever als junior .NET ontwikkelaar. Waarschijnlijk lijkt het jou spannend om ineens aan de slag te gaan bij klanten in de consultancy. Maak je niet druk, jij komt hier terecht in een warm bad en wordt totaal niet in het diepe gegooid. Zodra jij hier begint wordt jij gekoppeld aan een persoonlijke manager met een persoonlijk ontwikkelplan. Jij krijgt een scala aan trainingen, denk aan trainingen ten behoeve van het opdoen van zelf kennis en gedragscompetenties, maar ook trainingen voor

Bekijk vacature »

Back-end Software Developer

Functie omschrijving Ben jij op zoek naar een uitdagende development functie bij een klein gespecialiseerd softwarebedrijf? Wil jij graag hybride werken (combi tussen thuis + kantoor), loop jij warm voor maatwerk software en voel jij je prettig in een informele cultuur? Zoek dan niet verder! Reageer direct! Voor een gewilde werkgever in omgeving Tilburg zoeken wij een back-end software developer met een aantal jaar werkervaring. Je gaat werken voor een klein softwarebedrijf dat gespecialiseerd is in de ontwikkeling van integratiesoftware. Jouw werkzaamheden zien er als volgt uit: In een klein team met 4 ontwikkelaars houd jij je bezig met afwisselende

Bekijk vacature »

.Net developer

Sogeti is een organisatie met een goede werksfeer en zo min mogelijk hiërarchische verhoudingen. Ga je bij ons als .Net Developer aan de slag? Dan werk je dagelijks met collega’s aan de mooiste IT-projecten. Als developer bouw je in DevOps teams aan enterprise applicaties, nieuwe IOT, Chatbots of AI oplossingen. Deze snelgroeiende groep collega’s krijgt energie van hun vak en dat merk je op de werkvloer. Natuurlijk krijg jij de mogelijkheid je te certificeren in dit vakgebied. We organiseren regelmatig technische Meet-ups en doen we veel aan kennisdeling. Mede hierdoor zij wij vorig jaar Microsoft Partner of the year geworden.

Bekijk vacature »

Digital Agency is looking for PHP developers!

Functie The team currently has 20 colleagues, consisting of developers (front and backend) and the operations team, which also includes management and two scrum masters. They are looking for a PHP developer who is able to work independently. You will work in one of the three scrum teams and start working on a project for the customer. The interesting thing about this is that you do have variety in terms of work, but at the same time continuously work for existing customers. This also gives you the opportunity to really go into depth and develop innovative technical solutions. In terms

Bekijk vacature »

.NET developer

Functie As a .NET developer you work together in a multidisciplinary development team with 1-2 Senior .NET developers, two front-end developers, Data Scientists and one UX designer. As a team you work on developing a Cloud based application and making this application more stable. Unit testing will also become very important in your new position. Together with the Senior .NET developer you will be responsible for developing the API. You work with a lot of data and occasionally there will also be data issues and some queries will have to be run. This means that you will work a lot

Bekijk vacature »

Social Media Specialist

Social Media Specialist locatie: Rotterdam (Zuid Holland) Wij zoeken op korte termijn een nieuwe collega, een social media specialist/ adviseur sociale media (24 uur), voor ons sprankelende team Communicatie van CJG Rijnmond. Onze focus ligt op het informeren en binden van onze in- en externe klanten en stakeholders en het versterken van onze naamsbekendheid en zichtbaarheid. Dat doen we in nauwe samenwerking met elkaar. Over de functie Ons team bestaat uit 7 communicatieprofessionals met ieder een eigen expertise. Als lid van het online team ben je verantwoordelijk voor het ontwikkelen, uitvoeren en analyseren van onze socialemediastrategie. Ook stel je campagnes

Bekijk vacature »

Back-end programmeur

Functieomschrijving Heb jij kort geleden jouw HBO ICT diploma in ontvangst mogen nemen? Of ben je toe aan een nieuwe uitdaging? Voor een uitdagende werkgever in omgeving Waalwijk zijn wij op zoek naar een enthousiaste softwareontwikkelaar met kennis of ervaring met C# en SQL. In een uitdagende rol als C#.NET Developer werk je samen met een enthousiast en informeel team aan het bouwen van maatwerk software voor variërende klanten. Verder ziet jouw takenpakket er als volgt uit: Je draagt bij aan de implementatie van aanpassingen, verbeteringen en aanvullingen in de C# based applicaties; Je houdt je bezig met het ontwikkelen

Bekijk vacature »
Goto Learn

Goto Learn

12/07/2014 12:58:52
Quote Anchor link
Hallo Allemaal,

Momenteel probeer ik een function() voor divSwap te maken om van (zoals de naam het al zegt) div's te gaan wisselen, maar na van alles geprobeerd te hebben wil het niet echt lukken.

Ik kan het gewoon lekker simpel houden, bijvoorbeeld dit:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
$("#bewerken").click(function() {
$('#div_mydiv').slideUp('fast');
$("#div_mydiv_edit").slideDown('slow');
});
$("#sluiten").click(function() {
$('#div_mydiv_edit').slideUp('fast');
$("#div_mydiv").slideDown('slow');
});


Maar als je meerdere div's hebt, is dit dus niet handig en bovendien onnodig meer werk. Ook is het slordig als ik het op deze manier zou doen, dus wil ik graag een function aanmaken die de rest kan doen.

Voor zover ik ben:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
var divSwap = function(div1, div2) {
    var divb = $(div1);
    
    if(divb)
    {
        $(div1).slideUp('fast');
        $(div2).slideDown('slow');
    }
};


in html is "onclick":

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
onclick="divSwap('div_mydiv', 'div_mydiv_edit');"


Iemand die mij op weg kan helpen? Alvast bedankt!
 
PHP hulp

PHP hulp

16/02/2025 17:02:56
 
Frank Nietbelangrijk

Frank Nietbelangrijk

12/07/2014 20:39:59
 
Goto Learn

Goto Learn

12/07/2014 20:55:49
Quote Anchor link
@Frank Nietbelangrijk,

Dank je voor je antwoord en moeite. Het komt aardig in de buurt, maar dat 'click' function, zoals je het gedaan hebt op deze manier is juist de reden waarom ik function() wilt aanmaken op basis van onclick.

Als je bijv op deze

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
onclick="divSwap('div_mydiv', 'div_mydiv_edit');"


klikt in (onclick zit overigens in a href), dan komt er nieuwe div met nieuw a href waar het dan weer zo staat:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
onclick="divSwap('div_mydiv_edit', 'div_mydiv');"


En als je op de laatste hierboven klikt, gaat hij dus weer terug naar de eerste onclick hierboven.

Kleine Voorbeeld html wat jquery moet handelen:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
<div id="div_mydiv" style="display: block;"> < -- is zichtbaar
content....... blaah blaah
<a href="" onclick="divSwap('div_mydiv', 'div_mydiv_edit');">Bewerken</a> <-- Als erop geklikt wordt verdwijnt #div_mydiv en gaat ie naar #my_mydiv_edit

// div_mydiv_edit is niet zichtbaar zolang div_mydiv zichtbaar is en niet geklikt is op onclick="divSwap('div_mydiv', 'div_mydiv_edit');"

<div id="div_mydiv_edit" style="display: none;">
content..... blaah blaah
<a href="" onclick="divSwap('div_mydiv_edit', 'div_mydiv');">Sluiten</a> <-- Als erop geklikt wordt verdwijnt #div_mydiv_edit en gaat ie weer terug naar #my_mydiv
</div>
Gewijzigd op 12/07/2014 21:03:09 door Goto Learn
 
Ger van Steenderen
Tutorial mod

Ger van Steenderen

12/07/2014 21:38:25
Quote Anchor link
Code (js)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="div_mydiv" style="display: block;">
<
a href="" class="toggle" data_show="#div_mydiv_edit">Bewerken</a>
</
div>
<
div id="div_mydiv_edit" style="display: block;">
<
a href="" class="toggle" data-show="#div_mydiv">Bewerken</a>
</
div>
<
script type="text/javascript">
$(".toggle").on("click", function(e) {
    e.preventDefault();
    $($(this).data("show")).slideUp("fast");
    $(this).parent().slideDown("slow");
});
</
script>
Gewijzigd op 12/07/2014 21:40:32 door Ger van Steenderen
 
Goto Learn

Goto Learn

12/07/2014 21:48:32
Quote Anchor link
@Ger van Steenderen

Bedankt voor je antwoord en moeite, maar hij pakt hem niet en bovendien kan je niet op 1 class of id gaan bouwen, omdat er meerdere div's zijn met verschillende id's, vandaar een function en onclick="".
Gewijzigd op 12/07/2014 21:49:04 door Goto Learn
 
Frank Nietbelangrijk

Frank Nietbelangrijk

13/07/2014 01:58:11
 
Goto Learn

Goto Learn

13/07/2014 13:12:49
Quote Anchor link
@Frank Nietbelangrijk

Bedankt voor je moeite en ik waardeer je hulp!! Met beetje aanpassingen heb ik hem precies kunnen krijgen, zoals ik het wilt. Hopelijk was dit ook een beetje uitdaging voor jou!
 
Frank Nietbelangrijk

Frank Nietbelangrijk

13/07/2014 16:09:14
Quote Anchor link
ha nee niet echt een uitdaging meer vrees ik, maar graag gedaan hoor.
 



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.