• 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. Javascript + Ajax

Forum

  • Beta-testers gezocht voor Crypto-oefenplatform

    Syntax 29 januari 2026 om 16:11
  • Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

    Syntax 19 januari 2026 om 09:34
  • Developer Gezocht

    Mikevdk 10 januari 2026 om 18: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
  • Help testers nodig voor android app Urgent

    urgentotservices 26 september 2025 om 10:21
  • Versio vervanger

    Jeroen.G 25 augustus 2025 om 15:56
  • Afspraken systeem met planbeperking

    Lijno 1 augustus 2025 om 23:04

Marktplaats

  • 350 Nieuwe Domeinnamen Januari 2026

    shiga 1 februari 2026 om 14:21
  • 321 Nieuwe Domeinnamen December 2025

    shiga 1 januari 2026 om 10:26
  • Meerdere mafia game template te koop

    Syntax 26 december 2025 om 00:07

Pagina laden met een loader

  • Thisguyisgone
  • 3 februari 2014 om 11:36
  • Thisguyisgone
    Elite members
    Ontvangen Reacties
    197
    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 ?

  • Guest, wil je besparen op je domeinnamen? (ad)
  • Michael.
    Beginner
    Ontvangen Reacties
    1
    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
    Ontvangen Reacties
    197
    Berichten
    7.880
    • 3 februari 2014 om 17:35
    • #3

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

  • Michael.
    Beginner
    Ontvangen Reacties
    1
    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
    Intermediate
    Berichten
    433
    • 3 februari 2014 om 18:04
    • #5

    Je hebt ook .onload bij jquery.

    LOL

  • Michael.
    Beginner
    Ontvangen Reacties
    1
    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
    Intermediate
    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
    Ontvangen Reacties
    1
    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)
    });
    }):
    Toon Meer


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

  • Cas
    Imexa
    Ontvangen Reacties
    5
    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
    Ontvangen Reacties
    197
    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.

Participate now!

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

Maak een account aan Login

ICT Nieuws

  • Fijne feestdagen

    tcbhome 28 december 2025 om 13:55
  • Kritieke update voor Really Simple Security-plug-in

    K.Rens 16 november 2024 om 16:12
  • ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

    K.Rens 2 november 2024 om 16:09

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. 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