• Inloggen
  • Registreer
  • Zoeken
Dit topic
  • Overal
  • Dit topic
  • Dit forum
  • Artikelen
  • Pagina's
  • Forum
  • Downloads
  • Meer opties

ICTscripters

Dé plek voor IT

Dé plek voor IT

Aanmelden

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. Javascript + Ajax

Forum

  • Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

    Jeroen.G 26 oktober 2026 om 10:33
  • Maffia Hotel: een browsergame waarin je van lobbygast naar spil van het hotel groeit

    eeyk 22 oktober 2026 om 18:43
  • Crime Club volledig herschreven vanaf nul

    frio 19 oktober 2026 om 23:57
  • Malavita (nieuwe maffia game, van 0)

    jos 19 oktober 2026 om 23:18
  • Herkent deze Notion-structuurscan echte problemen?

    Jeroen.G 19 oktober 2026 om 15:09
  • 🚀 WE ZOEKEN TESTERS! 🚀

    Servertjee 3 oktober 2026 om 10:56
  • Luchtvaartsoftware: Hoe technologie de moderne luchtvaart verandert

    saggy2829 30 september 2026 om 19:31
  • Hoe gebruiken jullie WhatsApp voor marketing en klantopvolging?

    aiqanobzfsej5 29 september 2026 om 12:55

Marktplaats

  • [TE KOOP] Malavita.be [Maffiaspel, gebaseerd op omicidio.nl, unieke code]

    Dpm_x 26 oktober 2026 om 00:22
  • TK: Kraai.eu

    frio 25 oktober 2026 om 11:39
  • [TE KOOP] Likeboost24.nl: complete SMM-webshop met eigen merk, volautomatische levering en betalen op de eigen pagina

    Jeroen.G 16 oktober 2026 om 14:27

Pagina laden met een loader

  • Thisguyisgone
  • 3 februari 2014 om 11:36
  • Thisguyisgone
    Elite members
    Berichten
    7.880
    • 3 februari 2014 om 11:36
    • #1

    Hellow,

    Ik ben opzoek naar iets, net zoals http://trevordavis.net/blog.
    Ik wil content dus eerst laten laden met zo'n loader image.

    Wie kan me hlepen ?

  • Gast, wil je besparen op je domeinnamen? (ad)
  • Michael.
    Beginner
    Berichten
    40
    • 3 februari 2014 om 17:32
    • #2

    Ik kan je zeker wel helpen, het is heel makkelijk te maken met Jquery (Soort plugin voor javascript)
    Wat je doet je include eerst jquery zelf in de head van html, dit plaats je daar

    Code
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">


    Daarna maak jij een bestand aan bijv jquery.js, en die include je ook weer op dezelfde manier als jquery zelf

    Code
    <script src="jquery.js">


    Let op, je jquery.js moet pas nadat je jquery zelf hebt geinclude, anders werkt het niet (Dan ziet hij eerder je bestand, als de plugin)


    Daarin zet je

    Code
    $(document).ready(function(){
    $('Zelfde als wat hieronder er in moet. je moet het hiden omdat het anders niet er in kan komen, dit kan je verbeteren door dit weg te halen, en in css display:none; te zetten, maar probeer eerst dit maar'').hide();
    $('Joun div, bijv als hij als id menu heeft, doe je #menu, als hij in een class zit die je .menu').fadeIn(200, function(){
    
    
    });
    }):


    Dat hoort als het goed is te werken, heb je problemen, of vragen kan je me altijd een pm sturen, of je skype :)

  • Thisguyisgone
    Elite members
    Berichten
    7.880
    • 3 februari 2014 om 17:35
    • #3

    Dit had ik al maar ben er niet tevreden van :p.

  • Michael.
    Beginner
    Berichten
    40
    • 3 februari 2014 om 17:42
    • #4
    Citaat van Ferhat.Remory

    Dit had ik al maar ben er niet tevreden van :p.


    Heb de tutorial wat duidelijk gemaakt, maar je kan het altijd nog met andere effecten doen. zoals

    Code
    $('').hide();  $('').slideToggle(380);


    Je kan het ook doen met $('').css en dan bijv hem hiden, en hem via width hem laten uit klappen, (Met snelheid er bij).
    Maar anders zal ik als ik jouw was zal ik hier na kijken http://www.codecademy.com/dashboard
    En dan jquery, zijn echt nice tutorial, zo heb ik het in een avond geleerd.

  • bramieboy100
    Gevorderd
    Berichten
    433
    • 3 februari 2014 om 18:04
    • #5

    Je hebt ook .onload bij jquery.

    LOL

  • Michael.
    Beginner
    Berichten
    40
    • 3 februari 2014 om 18:34
    • #6
    Citaat van bramieboy100

    Je hebt ook .onload bij jquery.

    $(document).ready(function(){ is als de pagina

  • bramieboy100
    Gevorderd
    Berichten
    433
    • 3 februari 2014 om 18:41
    • #7
    Citaat van Michael.

    $(document).ready(function(){ is als de pagina


    Ferhat vraagt dit.

    Citaat

    Ik wil content dus eerst laten laden met zo'n loader image.

    LOL

  • Michael.
    Beginner
    Berichten
    40
    • 3 februari 2014 om 18:52
    • #8
    Citaat van bramieboy100


    Ferhat vraagt dit.


    Oh ik was de code vergeten af te maken.

    Code
    1
    2
    3
    4
    5
    6
    $(document).ready(function(){
    $('').hide();
    $('').fadeIn(200, function(){
    (Hier)
    });
    }):
    Meer tonen


    Bij "hier" moet je bijv slideToggle doen met het content
    dan komt het content nadat het menu is geladen.

  • Cas
    Imexa
    Berichten
    1.471
    • 3 februari 2014 om 19:22
    • #9

    Dit is absoluut niet de juiste manier om een pagina op deze manier in te laden. De enige manier om dit juist in te laden is door middel van een AJAX-call. Hierover kun je meer lezen op de volgende pagina's:

    - http://johnveldboom.com/posts/38/jquer…ipt-is-finished
    - http://api.jquery.com/load/

    Grafisch en interactief ontwerper & Wordpress specialist

  • OmGz
    <?=$_SERVER['REMOTE_ADDR']?>
    Berichten
    61
    • 25 februari 2014 om 17:00
    • #10

    http://niklausgerber.com/blog/preloadme…site-preloader/
    http://ricostacruz.com/nprogress/

  • Thisguyisgone
    Elite members
    Berichten
    7.880
    • 25 februari 2014 om 17:41
    • #11

    Even hierop verder. Wat ik dus zou willen is inderdaad zoals hierboven vermeld, maar hoe werk ik ook met !# ?Dus dat alleen de content herlaad.

Registratie

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

Nu registreren Aanmelden

ICT Nieuws

  • PHP waarschuwt voor twee ernstige bugs die makkelijk uit te buiten lijken

    Aaron 22 oktober 2026 om 22:19

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
  1. Marktplaats
  2. Design
  3. Voorwaarden
  4. Ons team
  5. Leden
  6. Geschiedenis
  7. Regels
  8. Links
  9. Privacyverklaring
  10. Contact
ICTscripters ©2005 - 2026 , goedkope hosting door DiMoWeb.com, BE0558.915.582
Sponsors: Beste kattenhotel provincie Antwerpen
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design