• Login
  • Register
  • Zoek
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Articles
  • Pages
  • Forum
  • Filebase Entry
  • More Options

ICTscripters

Dé plek voor IT

Dé plek voor IT

Login

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. PHP + SQL

Forum

  • Ictscripters Chat

    Frenzo.Brouwer 9 maart 2026 om 21:31
  • Help testers nodig voor android app Urgent

    Servertjee 20 februari 2026 om 12:07
  • Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

    Servertjee 20 februari 2026 om 12:06
  • Afspraken systeem met planbeperking

    Jeffrey.Hoekman 20 februari 2026 om 11:52
  • Developer Gezocht

    Servertjee 19 februari 2026 om 17:31
  • Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

    Servertjee 18 februari 2026 om 16:57
  • Op zoek naar de legends

    Syntax 5 januari 2026 om 13:50
  • [FREE] WeFact Hosting module

    Jeroen.G 13 oktober 2025 om 14:09

Marktplaats

  • Heel wat sterke domeinen > 2 letters, 3 letters, premiums

    Michael DW 11 maart 2026 om 12:12
  • 367 Nieuwe Domeinnamen Februari 2026

    shiga 1 maart 2026 om 14:50
  • Meerdere mafia game template te koop

    Syntax 16 februari 2026 om 13:34

Pagina deels herladen na muisklik

  • Aaron
  • 4 augustus 2013 om 10:55
  • Aaron
    Administrator
    Ontvangen Reacties
    60
    Berichten
    1.020
    • 4 augustus 2013 om 10:55
    • #1

    Hallo

    Ik ben op zoek naar een manier om een deem van de pagina te kunnen doen wijzigen zonder dat de pagina hoeft te herladen.
    De bedoeling is dat je via een muisklik op een link het kunt aanpassen.
    Wat er zou moeten wijzigen is het bestand dat geinclude wordt.
    (Dus eigenlijk maar 1 woord)

    Is er een manier om dit te kunnen doen met php of?


    Mvg Aaron

  • Victor
    Master
    Ontvangen Reacties
    102
    Berichten
    1.680
    • 4 augustus 2013 om 12:12
    • #2

    Nee, hier zou je jQuery voor kunnen gebruiken of de onClick event van javascript.

    Met vriendelijke groet,

    Victor
    Beheerder ICTscripters

  • Aaron
    Administrator
    Ontvangen Reacties
    60
    Berichten
    1.020
    • 4 augustus 2013 om 14:04
    • #3

    Kan er eventueel een link naar een jquery voorbeeld gegeven worden? Of hier een voorbeeld?

    Of eventueel tips op wat ik moet zoeken van jqeury?
    Want ik vindt er niet direct iets over

  • L.Groot
    Elite members
    Ontvangen Reacties
    31
    Berichten
    4.888
    • 4 augustus 2013 om 14:09
    • #4

    http://api.jquery.com/jQuery.ajax/

  • Victor
    Master
    Ontvangen Reacties
    102
    Berichten
    1.680
    • 4 augustus 2013 om 14:11
    • #5
    Code
    $(document).ready(function(){
    
    
        $('#linkid').click(function(){
            // Hier wat er moet gebeuren als er geklikt is.
        });
    
    
    });


    Kan je hier wat mee?

    Met vriendelijke groet,

    Victor
    Beheerder ICTscripters

  • Aaron
    Administrator
    Ontvangen Reacties
    60
    Berichten
    1.020
    • 4 augustus 2013 om 18:37
    • #6

    Ik heb nu dit:

    PHP
    <!DOCTYPE html>
    <html>
    <head>
    <title>Test</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    </head>
    <body>
    <h1>js test</h1>
    
    
    <ul id="myMenu">
        <li><a href="#" data-id="tools">Tools</a></li>
        <li><a href="#" data-id="modules">Modules</a></li>
        <li><a href="#" data-id="videos">Videos</a></li>
    </ul>
    
    
    <div class="subcontent" id="tools" style="display:block">tools</div>
    <div class="subcontent" id="modules">modules</div>
    <div class="subcontent" id="videos">videos</div>
    
    
    <script type="text/javascript">
    $(document).ready(function()
    {
        $('#myMenu').on('click','a',function()
        {
            // fade out all open subcontents
            $('.subcontent:visible').fadeOut();
            // fade in new selected subcontent
            $('.subcontent[id='+$(this).attr('data-id')+']').fadeIn();
        });
    });
    </script>
    
    
    <style type="text/css">
        div.subcontent { display:none; }
    </style>
    Toon Meer

    Dit werkt zoals het hoort MAAR hij laadt de pagina en de divs nu al op voorrand in, is er geen mogelijkheid dat hij de divs pas later zal laden? ( pas als ze tevoorschijn moeten komen)
    dit omdat ik met een include zou werken en hij anders heel veel includes moet laden in 1 keer

  • wimmpie
    âllo âllo
    Ontvangen Reacties
    11
    Berichten
    1.170
    • 4 augustus 2013 om 18:58
    • #7

    ajax gebruiken ;)

  • jopitan
    Professional
    Berichten
    684
    • 4 augustus 2013 om 22:20
    • #8

    Of jQuery.load functie gebruiken?

    Kast: HAF922 | CPU: I7-930 @ 4.0GHz | CPU Cooler: Noctua NH-D14 | HDD0: Crucial M4 128GB, HDD1: Kingston SSD 64GB, HDD2/3: WD Black & Green 1TB, HDD4: Seagate 1.5TB | Mem: Kingston HyperX 12GB @ 1600MHz | Graphics: Crossfire HD6970 | Res: 5760x1080

  • EternalFlamez
    ICT scripter
    Berichten
    31
    • 5 augustus 2013 om 02:20
    • #9

    Je zou zoiets moeten doen als ik hier heb gedaan:

    http://jsfiddle.net/qt4QK/1/

    Je kan er dan ook nog voor zorgen dat het dynamisch andere pagina's ophaalt (zolang het op dezelfde server staat) door de string met "pagina.html" te vervangen door een variabele die je veranderd afhankelijk van de huidige inhoud, of van waar je op klikt of iets dergelijks.

    Onderschriften zijn stom.

  • bramva
    Intermediate
    Berichten
    174
    • 8 augustus 2013 om 18:34
    • #10

    js:

    Code
    <script>
        function reload(){
        $("#jouw_div").load("index.php #jouw_div");
        }
                    </script>


    oproepen:

    Code
    <input type="submit" class="btn btn btn-next" onClick="reload()" value="NEXT"style="width: 70px;; " />
    Code
    <div class="jouw_div">wat je wilt latden</div>

    Met vriendelijke groet,
    Bram

Participate now!

Heb je nog geen account? Registreer je nu en word deel van onze community!

Maak een account aan Login

ICT Nieuws

  • Samsung zal miljoenen verdienen aan Apple iPhone Fold dankzij zijn 12GB RAM

    ICTscripters 11 maart 2026 om 22:42
  • Apple heeft zojuist iOS 26.4 Beta 4 vrijgegeven: hier is de verwachte lanceerdatum.

    ICTscripters 11 maart 2026 om 12:01
  • Kritieke kwetsbaarheid in Nginx UI bedreigt gevoelige data

    ICTscripters 10 maart 2026 om 18:29

Blogs

  • Functioneel ontwerp

    Dees 28 december 2014 om 12:38
  • Access Control List implementatie in PHP/MySQL - deel 1/2

    FangorN 28 december 2018 om 12:35
  • Access Control List implementatie in PHP/MySQL - deel 2/2

    FangorN 29 december 2018 om 12:37

Gebruikers die dit topic bekijken

  • 2 Gasten
  1. Marktplaats
  2. Design
  3. Voorwaarden
  4. Ons team
  5. Leden
  6. Geschiedenis
  7. Regels
  8. Links
  9. Privacy Policy
ICTscripters ©2005 - 2026 , goedkope hosting door DiMoWeb.com, BE0558.915.582
Sponsors: Beste kattenhotel provincie Antwerpen | Beste Zetes eid kaartlezer webshop
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design