Forum › Javascript › Topic

Een nieuwe topic in het forum Javascript plaatsen Reageren op dit topic Forum:

[JS] Onclick

Beste Wmers,

Ik ben bezig met een Javascript pagina.

De bedoeling is dat je kunt aanvinken welk nieuws je wilt zien.
Je kunt ook op ALL klikken en dan krijg je het nieuws uit alle categoriën zien.

Wanneer je dus verschillende categoriën hebt aangevinkt en je klikt op ALL dan moeten alle vinkjes uit en alleen ALL aan. (DIT WERKT AL)

Wanneer je dus op verschillende categoriën klikt en je vinkt die uit moet ALL automatich aan gaan! (WERKT NIET)

Wanneer ALL aanstaat en je klikt op een andere moet ALL uit gaan en die anderen geselecteerd worden (WERKT NIET je moet ALL eerst uitzetten)

Het is de bedoeling dat ALL dus altijd aanstaat..

Kan iemand me daarmee helpen?

Code tonen/verbergenCodeDeze code in een nieuw vensterDeze code in een tekstveldDeze code in een zip file downloaden
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
$(document).ready(function(){
    $('.topic.alltopic').attr('checked', true);
        var ids = "";
        $("input:checkbox:checked").each(function(){
            var idtopic = this.value;
            ids = ids + idtopic + ';';
        });

        $('#get_Nieuws').load('ajax_post.php', {topics: ids});
        $(":checkbox").click(showNieuws);
    function showNieuws()
    {
        $("input:checkbox:checked").each(function(){
            if(this.value == "all")
            {
                $('.topic').attr('checked', false);
                $('.topic.alltopic').attr('checked', true);
            }
            else if(this.value == "")
            {
                $('.topic.alltopic').attr('checked', false);
            }
        });
        
        var ids = "";
        $("input:checkbox:checked").each(function(){
            var idtopic = this.value;
            ids = ids + idtopic + ';';
        });

        $('#get_Nieuws').load('ajax_post.php', {topics: ids});
    }
    $(":checkbox").click(showNieuws);
});


Stuur een prive bericht
Iemand nog een ideé hoe het wel kan gaan werken?
Stuur een prive bericht
Probeer dit is:
Code tonen/verbergenCodeDeze code in een nieuw vensterDeze code in een tekstveldDeze code in een zip file downloaden
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
function showNieuws(){
    $("input:checkbox:checked").each(function(){
        var cb_value = $(this).val();
        if(cb_value == "all"){
            $('.topic').attr('checked', false);
            $('.topic.alltopic').attr('checked', true);
        } else if(cb_value == "") {
            $('.topic.alltopic').attr('checked', false);
        }
    });
    
    var ids = "";
    $("input:checkbox:checked").each(function(){
        var idtopic = $(this).val();
        ids = ids + idtopic + ';';
    });

    $('#get_Nieuws').load('ajax_post.php', {topics: ids});
}

$(document).ready(function(){
    $('.topic.alltopic').attr('checked', true);
    var ids = "";
    $("input:checkbox:checked").each(function(){
        var idtopic = $(this).val();;
        ids = ids + idtopic + ';';
    });

    $('#get_Nieuws').load('ajax_post.php', {topics: ids});
    $(":checkbox").click(showNieuws);
    
    showNieuws();
    
    $(":checkbox").click(showNieuws);
});


Stuur een prive bericht
Doet hetzelfde als mijn script..

Er moet dus altijd iets geselecteerd zijn..

Nu is het zo dat je eerst ALL uit moet vinken en dan pas andere dingen kunt aanvinken..

De bedoeling is dat je ALL niet uit kunt zetten maar dus gewoon op andere categoriën moet klikken en dat ALL dan uit gaat en wanneer je dus die Categorië weer uit zet moet ALL weer aan gaan..

Dus er moet altijd iets aanstaan.
Stuur een prive bericht
Het is dus minimaal 1 selectie of alles?
Stuur een prive bericht
Ja klopt

Zoals: http://newspulse.cnn.com/
Stuur een prive bericht
Michien is het makkelijker als ik de php van de buttons even post:

Code tonen/verbergenCodeDeze code in een nieuw vensterDeze code in een tekstveldDeze code in een zip file downloaden
1
2
3
4
5
6
7
8
9
10
11
<div id="content"><form name="nsTopicControl" id="nsTopicControl" class="nsShowMe">
    <input class="topic alltopic" type="checkbox" value="all" name="topic">ALL<br />
    <?php
    $subwquery = mysql_query("SELECT nieuws_categorie_id,nieuws_categorie_naam,nieuws_categorie_img FROM nieuws_categorie ORDER BY nieuws_categorie_id");

    while($subding = mysql_fetch_assoc($subwquery))
    {
        echo '<div><input class="topic" type="checkbox" value="' . $subding['nieuws_categorie_id'] . '" name="topic">' . $subding['nieuws_categorie_naam'] . '</div>';
    }
    ?>
</form></div>


Stuur een prive bericht
Nog iemand die me kan vertellen hoe het moet? Of me in iedergeval op weg kan helpen?
Stuur een prive bericht