jQuery show()

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior Front-end developer

Functie Als front-end developer ga je aan de slag voor verschillende klanten, waarbij veel rekening wordt gehouden met waar je woont (dit is altijd binnen het uur), en word er gezocht naar een organisatie die past bij jou. Zowel qua persoonlijke ambities als de technische aansluiting. De opdrachten duren gemiddeld 1 à 2 jaar maar dit hangt ook af van je wensen. Je werkt in een teamverband voor een klant en zult nauw samenwerken met zowel eigen collega’s als die bij de klant werkzaam zijn. Ze zijn op zoek naar een technische front-end developer die ruime ervaring heeft in één

Bekijk vacature »

C# .NET Developer

Dit ga je doen 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 voor nieuwe technische mogelijkheden; Je bent een belangrijke schakel - en vindt het leuk - om te schakelen met de business. Hier ga je werken In een klein team van professionals ben je als C# .NET Developer verantwoordelijk voor het ontwikkelen van één van de applicaties voor het grootste inhouse product: een applicatie voor alles omtrent hypotheken. De programmeertaal die je

Bekijk vacature »

C# .NET Software Ontwikkelaar

Functie omschrijving Gezocht: Software Developer C# .NET voor een dynamische organisatie! Ben je onlangs afgestudeerd of ben je toe aan de volgende stap in je professionele carrière? Lees dan verder! We zijn momenteel op zoek naar een Software Developer die klaar is voor een nieuwe uitdaging en die onze eindklant in de regio Arnhem kan versterken. In deze functie werk je aan verschillende projecten en bezoek je vaak klanten. Je kunt een rol verwachten met veel uitdaging, diversiteit en verantwoordelijkheid. Bedrijfsprofiel Binnen welke organisatie ga je aan de slag? Je gaat werken bij een organisatie die zich specialiseert in het

Bekijk vacature »

Medior PHP Developer

Bij Getnoticed doen wij wat we leuk vinden, websites bouwen en online marketing. Voor veel van onze klanten doen we dan ook allebei. Wel zo fijn om campagnes te draaien voor conversiegerichte website die in eigen beheer zijn. In onze vestiging in Nederweert zitten onze development afdelingen en worden de websites gebouwd. Op dit moment zijn we op zoek naar jou: dé PHP/Back-end developer die net als wij, het hoofd boven het maaiveld durft uit te steken! In het kort Even een paar punten die omschrijven wat deze toffe baan inhoudt: Het bedenken van nieuwe functionaliteiten Het verbeteren van het

Bekijk vacature »

Medior Java developer (fullstack)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

IoT Software Developer PHP

Functie omschrijving Voor een klein softwarebedrijf in Breda, zijn wij op zoek naar een IoT software developer met kennis van PHP. In deze rol wordt je verantwoordelijk voor het vernieuwen van het multimedia platform van een super tof bedrijf in Breda. Je gebruikt PHP als programmeerlaag, en bent in staat om de helicopterview te pakken / projectmatig te werken. Jouw werkzaamheden zien er als volgt uit: Je gaat aan de slag met de ontwikkeling en vernieuwing van het "intern" ontwikkelde multimedia platform. Je neemt de lead in het moderniseren van het platform door het deels opnieuw op te zetten of

Bekijk vacature »

C# developer

Functie Als ervaren Software Engineer wordt jij verantwoordelijk voor het bedenken en ontwikkelen van technische (maatwerk) oplossingen voor onze klanten en dit samen met de klant af te stemmen. Jij wordt o.a. verantwoordelijk voor de doorontwikkeling het software pakket welke voor ons enorm belangrijk is. Dit pakket zorgt er namelijk voor dat wij complete productielijnen kunnen aansturen en monitoren. Daarnaast heb jij actief contact met onze hoofdvestiging om het software achter een van onze systemen te verbeteren en te herschrijven. Momenteel zijn onze C# applicaties geschreven met o.a. Winforms. Echter hebben wij de actieve ambitie om dit te gaan herschrijven

Bekijk vacature »

Back-end Developer

Functie omschrijving Als Back-end Developer heb je de eer om als eerste interne developer bij deze organisatie te beginnen. Op dit moment zijn er externe developers, maar daar wil de organisatie verandering in brengen. Op termijn moet de gehele afdeling uit intern personeel bestaan. Je kan je voorstellen dat de eerste interne developer ook de nodige kennis mee moet brengen. Dat klopt. Je gaat je namelijk aan het begin bekommeren over de externe developers en uiteindelijk over je interne collega's. Verder ga je het volgende doen: Het bedenken, beheren en onderhouden van webportalen, API-koppelingen en applicaties; Je bedenkt en werkt

Bekijk vacature »

Mendix Developer

Functie Wat ga je doen als Mendix Developer? We leven in een wereld die snel ontwikkelt en veranderd, ook nemen bedrijfsbelangen toe en blijken risico’s moeilijker in te schatten, daarom wij op zoek naar Junior, Medior en Senior Developers die bedrijven kunnen helpen met hun screeningproces en zorgen dat deze efficiënt en 100 procent AVG compliant is. Het concept achter Mendix is duidelijk. De klant heeft een vraag/probleem. Dit kunnen we door middel van slimme software oplossen. In plaats van te werken met de nieuwste technieken en tools, wordt er gekozen voor het implementeren en maken van software dat op

Bekijk vacature »

Front-end Developer vue.js node.js SaaS

Dit ga je doen Het ontwikkelen van nieuwe features die bijdragen aan de groei van de klanten van de organisatie; Je denkt mee over nieuwe innovaties, features en verbeteringen in de applicatiearchitectuur; Je draagt bij aan de continue ontwikkeling van jouw team doordat je elke dag streeft naar het verbeteren van jouw eigen prestaties; Je neemt actief deel aan Scrum meetings en de Frontend Guild. Hier ga je werken Voor een snel groeiend bedrijf de regio Nieuw Vennep zijn wij opzoek naar een ervaren Front-end Developer. De organisatie is actief in de e-commercebranche en ontzorgt haar klanten middels een SaaS-platform.

Bekijk vacature »

Mendix Ontwikkelaar - Vernieuwen van het applicati

Bedrijfsomschrijving De ontwikkelingen in de transportsector gaan razendsnel. Bij ons kun je een belangrijke rol spelen in deze sector. We streven ernaar om onze klanten te ontzorgen op het gebied van continuïteit en veiligheid met innovatieve producten en diensten. We willen dat onze klanten de veiligste vervoerders van Europa worden. Ons team werkt hard om deze ambitieuze doelstellingen te bereiken en we bieden een motiverende werkomgeving aan. We zijn op zoek naar zelfstarters met een focus op resultaat en beslissingsbevoegdheid. Functieomschrijving Als Mendix ontwikkelaar bij deze organisatie heb je een gevarieerde baan. Het applicatielandschap wordt vernieuwd en de “schade en

Bekijk vacature »

Back end developer Digital agency

Functie Heb jij altijd al eens bij een bedrijf willen werken waar jij géén nummertje bent, die alleen maar uitvoerend werk doet? Dan zou je hier perfect passen! Tuurlijk, je werkt aan projecten voor grote of kleine bedrijven… Het enige verschil hier is, jouw mening telt hier écht. Jouw inbreng wordt gewaardeerd, serieus genomen en gebruikt. En vergeet niet, je werkt niet alleen aan deze projecten. Er werken in totaal ruim 20 developers en designers, onderverdeeld over 3 development teams. Voornamelijk bestaande uit Medior en Senior developers, die samen voor een inspirerende en ambitieuze omgeving zorgen. Hun visie is namelijk

Bekijk vacature »

Ambitieuze medior developer

Wat je gaat doen: Heb jij al een paar jaar ervaring als developer maar wil jij naar the next level? In ons NextLevelDev Programma helpen wij jou om de volgende stap te zetten: een mooi programma aan trainingen op het gebied van Java, hippe frameworks, Agile/Scrum, OCP-certificering en optioneel: andere JVM-talen als Kotlin en Scala; Cloud (AWS, Azure, GCP) Soc Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun

Bekijk vacature »

Software programmeur

Functieomschrijving Voor een uitdagende werkgever in regio Breda zijn wij op zoek naar een Full Stack C#.NET programmeur. Je bent verantwoordelijk voor het ontwikkelen van apps, webapplicaties en dashboards voor de eigen IOT-oplossingen. Je werkt samen met andere developers en engineers om de sensoren in machines te scannen en vervolgens de data om te zetten in management informatie voor de klanten. Taken en verantwoordelijkheden: Je gaat aan de slag met de volgende technologieën en frameworks: C#, JS frameworks, HTML, TypeScript, SQL & C++, CSS. Geen ervaring met één van deze technologieën is dan ook geen enkel probleem! Deze werkgever biedt

Bekijk vacature »

Senior pega developer

You work on software that makes colleagues and customers happy! Thanks to your IT skills, De Mandemakers Groep really makes a difference for its customers. Do coding, testing and deployments make your heart beat faster? Then apply today as Senior Pega Developer at De Mandemakers Groep! Wat ga je doen? The job title gives it away: You will be developing Pega software. This ranges from technical design, coding and testing to test automation, deployments and bug fixing. Your goal is to continuously improve our systems so that colleagues can work efficiently and customers receive optimal service. You don't have to

Bekijk vacature »

Pagina: 1 2 volgende »

John Cena

John Cena

02/02/2011 10:29:31
Quote Anchor link
Dit werkt niet:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
    <button id="button1">Show it</button>
    <p style="display: none">Hello  2</p>
    <script>
        $("button1").click(function () {
        $("p").show("slow");
        });
    </script>

en dit wel:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
    <button>Show it</button>
    <p style="display: none">Hello  2</p>
    <script>
        $("button").click(function () {
        $("p").show("slow");
        });
    </script>


Waarom? En hoe krijg ik voorbeeld 1 aan het werk zodat ik met meerdere buttons met een eigen ID kan werken?
 
PHP hulp

PHP hulp

05/11/2024 11:34:34
 
- Ariën  -
Beheerder

- Ariën -

02/02/2011 10:31:28
Quote Anchor link
Ik mis:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
$(document).ready(function(){
 
John Cena

John Cena

02/02/2011 10:32:31
Quote Anchor link
Het is ook een simpel snelle test. Waar zou dit volgens jou bij moeten staan? :)
Want, de onderste regel werkt wel, zonder die code.

Groeten :)
 
- Ariën  -
Beheerder

- Ariën -

02/02/2011 10:33:51
Quote Anchor link
om je hele jQuery code heen ...

Basiskennis jQuery...

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
      
 $("#button").click(function () {

Als de knop vaker voorkomt, moet je een class gebruiken:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
$(".button").click(function () {
Gewijzigd op 02/02/2011 10:35:26 door - Ariën -
 
Ozzie PHP

Ozzie PHP

02/02/2011 10:35:45
Quote Anchor link
Bij voorbeeld 1:

$("button1")

moet zijn

$("#button1")
 
Chris -

Chris -

02/02/2011 10:38:44
Quote Anchor link
Zou toch nog eens naar de basis van selectors kijken!
 
John Cena

John Cena

02/02/2011 10:41:11
Quote Anchor link
Ok, heb het aangepast, en het werkt nu inderdaad.
Als ik jou code erom heen zet Aar werkt het niet meer.

Nu wil ik echter dat button1 P1 opent, button2 P2, etc.

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
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

    <button id="button1">Show it 1</button>
    <p id="p1" style="display: none">Hello  1</p>
    <button id="button2">Show it 2 </button>
    <p id="p2" style="display: none">Hello  2</p>
    <button id="button3">Show it 3</button>
    <p id="p3" style="display: none">Hello  3</p>
    
    <script>
        $("#button1").click(function () {
        $("#p1").show("slow");
        });
    </script>
  
    

Hoe verwerk ik daar nu in dat hij automatisch de verschillende buttons en P's pakt?

@Aar, kan het zijn omdat ik geen body etc erin heb staan dat het daarom niet werkt?
 
Ozzie PHP

Ozzie PHP

02/02/2011 10:48:15
Quote Anchor link
Chi Lion op 02/02/2011 10:41:11:
Hoe verwerk ik daar nu in dat hij automatisch de verschillende buttons en P's pakt?
Wat bedoel je nou? Gewoon de code kopieren en 1 vervangen door 2 en 3???? Toch niet zo moeilijk?

Chi Lion op 02/02/2011 10:41:11:
@Aar, kan het zijn omdat ik geen body etc erin heb staan dat het daarom niet werkt?
Je hebt toch wel een body in je pagina staan neem ik aan?
 
John Cena

John Cena

02/02/2011 10:50:48
Quote Anchor link
Nee, ik wat ik gepost heb ik alle code in de pagina, ik ben eerst puur aan het testen voor ik verder ga. Zal het erbij inzetten.

In feite zouden het oneindig veel buttons en oneindig veel P's kunnen zijn.
de ID's van button en P worden auto gegenereerd, alleen moet hij snappen dat het getal bij button ook het getal bij P wordt zeg maar.

Zo iets duidelijker?
 
Lauren Zonneveld

Lauren Zonneveld

02/02/2011 10:57:11
Quote Anchor link
In jouw voorbeeld kun je simpelweg next() gebruiken:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
<button>Show it 1</button>
<p style="display: none">Hello  1</p>
<button>Show it 2 </button>
<p style="display: none">Hello  2</p>
<button>Show it 3</button>
<p style="display: none">Hello  3</p>

<script type="text/javascript">
$("button").click(function () {
    $(this).next('p').show("slow");
});
</script>
 
John Cena

John Cena

02/02/2011 10:58:35
Quote Anchor link
Maar, wat als ik nu wil dat de vorige weer gesloten wordt?

Toevoeging op 02/02/2011 11:00:42:

Wacht, dat is me gelukt nu:
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
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    </head>
    <body>
        <button>Show it 1</button>
        <p style="display: none">Hello  1</p>
        <button>Show it 2 </button>
        <p style="display: none">Hello  2</p>
        <button>Show it 3</button>
        <p style="display: none">Hello  3</p>

        <script type="text/javascript">
        $("button").click(function () {
        $(this).next('p').show("slow");
        $(this).prev('p').hide("slow");
        });
        </script>
    </body>
</html>


Maar waar gooi ik nu mijn document.ready in?
 
Ozzie PHP

Ozzie PHP

02/02/2011 11:05:27
Quote Anchor link
Je moet met id's werken. Via php geef je een id mee aan je p's en in je javascript.

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
<?php for($i=1;$i<11;$i++) {
  echo '<p id="p'.$i.'" style="display: none">Hello '.$i.'</p>';
  echo '<a href="#" id="button '.$i.'">klik '.$i.'</a>;
}
<
script type="text/javascript">
for($i=1;$i<11;$i++) {
  ?>

  $("#button <?php echo $i; ?>").click(function () {
    $("#p<?php echo $i; ?>").show("slow");
  });
  <?php
}
?>

</script>
Gewijzigd op 02/02/2011 11:10:09 door Ozzie PHP
 
John Cena

John Cena

02/02/2011 11:09:05
Quote Anchor link
Ozzie, ik denk dat de oplossing die ik nu heb net zo goed werkt? (zie post boven jou)
Jij enige idee waar ik Aar zijn document.ready in moet pleuren, aangezien je die zelf ook niet gebruikt...
 
Lauren Zonneveld

Lauren Zonneveld

02/02/2011 11:10:56
Quote Anchor link
Met document ready ga je pas functies uitvoeren als het volledige document is geladen. Als je dus je javascript in de head zet gebruik je document ready. In jouw geval komt de javascript na de HTML waar het naar verwijst dus is document ready niet nodig.

Als je het netjes wilt doen plaats je JS in de head, zonder document.ready zal je op deze manier een foutmelding krijgen:
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
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

        <script type="text/javascript">
        $(document).ready(function(){
            $("button").click(function () {
                $('p').hide("slow");
                $(this).next('p').show("slow");
            });
        });
        </script>

    </head>
    <body>
        <button>Show it 1</button>
        <p style="display: none">Hello  1</p>
        <button>Show it 2 </button>
        <p style="display: none">Hello  2</p>
        <button>Show it 3</button>
        <p style="display: none">Hello  3</p>
    </body>
</html>
Gewijzigd op 02/02/2011 11:11:23 door Lauren Zonneveld
 
Ozzie PHP

Ozzie PHP

02/02/2011 11:11:09
Quote Anchor link
Ik heb m nog wat aangepast... nu heb je een link / button voor iedere p... Die document ready kun je om je javascript heen zetten.
Gewijzigd op 02/02/2011 11:12:40 door Ozzie PHP
 
John Cena

John Cena

02/02/2011 11:13:34
Quote Anchor link
Perfect all of u guys, tnx alot!
 

02/02/2011 14:26:14
Quote Anchor link
Dit kan veel generieker worden aangepakt: voorbeeld.
Bij Ozzie's script krijg je dus steeds maar weer dezelfde stuk code. Hier is al een opzet van hoe het beter kan, in principe kan het nog verder worden uitgewerkt.
 
Ozzie PHP

Ozzie PHP

02/02/2011 15:01:59
Quote Anchor link
Karl, in jouw voorbeeld vervangt ie telkens de ene p door de andere terwijl ts volgens mij wil dat ie ze afzonderlijk kan tonen en verbergen. Bijvoorbeeld dat je tegelijkertijd p1 en p3 toont. Kan dat in jouw opzet ook? Wel mooi gemaakt hoor :)

(is <button> een normaal html element?)
 

02/02/2011 16:02:47
Quote Anchor link
Ja, ik weet niet precies wat hij wilt.
Van die show() kan je toggle() maken. De methode eronder kan je dan weghalen.
Button is al minimaal vanaf html 4 aanwezig.
 
Ozzie PHP

Ozzie PHP

02/02/2011 16:05:59
Quote Anchor link
is dat ook een xhtml element?

Ben het nog nooit tegengekomen... of anders gezegd, ik heb het nooit gebruikt.
 

02/02/2011 16:11:48
Quote Anchor link
<!ENTITY % inline.forms "input | select | textarea | label | button">
http://www.w3.org/TR/xhtml1/dtds.html#a_dtd_XHTML-1.0-Strict
Ja dus.
 

Pagina: 1 2 volgende »



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.