Hallo,

Ik heb een functie die een balk laat zien met een tekst erin. Maar nu wil ik dat hij die na 5 seconden ook weer uit laat faden.

Mijn code:

PHP Code:

<?php
function succes($tekst)
{
?>
    <div class="succes"><?= $tekst ?></div>
    <script type="text/javascript">
        $(function() {
            setTimeout(function() { 
                $(".succes").fadeOut(); 
            }, 2000);
        });
    
    </script>
<?php
}
?>

Maar dat werk niet..

Waarom de punt '.' in '$(".succes").fadeOut();'?

Edit: ervan uitgaande dat de het $-teken voor getElementById staat denk ik dat je geen 'class' maar een 'id' moet definieren:

Code:

<?php
function succes($tekst)
{
?>
    <div id="succes"><?php $tekst ?></div>
    <script type="text/javascript">
        (function() {
            setTimeout(function() { 
                $("succes").fadeOut(); 
            }, 2000);
        });
    
    </script>
<?php
}
?>

Edit 2: wat doet het $-teken in de regel '$(function() {' ? (ook maar weggehaald hierboven)
<?= ==> <?php

Aanvullend bericht:
Probeer het eerst eens in gewoon html/javascript te maken. Ik heb fadeout vervangen door visibility hidden omdat ik geen fadeOut() functie heb. Jij wel mag ik hopen?!

Code:

<div id="succes">test</div>
<script type="text/javascript">
            setTimeout(function() { 
                document.getElementById('succes').style.visibility = 'hidden'; 
            }, 2000);
</script>

Als blijkt dat dat werkt in een losse html file die je lokaal opslaat en in je browser test dan kun je wat dingen vervangen door php code:

Code:

<?php function succes($tekst) { ?>

<div id="succes"><?php $tekst ?></div>
<script type="text/javascript">
            setTimeout(function() { 
                document.getElementById('succes').style.visibility = 'hidden'; 
            }, 2000);
</script>

<?php } ?>

Misschien nog even een PHP-functie gebruiken voor de $tekst ( htmlspecialchars() )

Ik denk dat het voor jezelf handig is om met kleine stapjes de fouten eruit te halen:

Begin met een browser zoals Firefox waarmee je met de ingebouwde error-console fouten kunt opsporen in je Javascript.
Gebruik eerst simpele functies en zorg dat die doen wat je verwacht.
Pas het dan zo aan dat het doet wat je wilt.
Als dat allemaal werkt bouw je je PHP eromheen.

De $ is een jQuery symbool, dus dat is allemaal correct en moet je laten staan (wel even controleren natuurlijk of je jQuery geinclude hebt).

Zo op het eerste gezicht zou het geheel moeten werken. En wat krijg je terug als je deze code gebruikt (meestal kan je met alerts al redelijk goed debuggen en de fout achterhalen):

Code:

<script type="text/javascript">
        $(function() {
            setTimeout(function() { 
                alert("Timeout werkt wel!"); 
            }, 2000);
        });
    
    </script>

Echter lijkt het mij beter om javascript altijd in de head te zetten, echter in sommige gevallen is dat heel omslachtig of niet haalbaar.

Ps: Ik heb laatst een keer gemerkt dat wanneer ik meerdere $(function() { gebruikte het javascript niet meer werkte om één of andere duistere reden. Nadat ik dit vervangen had in $(document).ready(function(){ werkte het wel weer.

Sorry, ik kende die notatie niet en het ontbrak ook in de openingspost.

wat Arjen al zei linkje misschien heb je er iets aan http://docs.jquery.com/Effects/fadeOut