abonnement bol.com Unibet Coolblue
  Moderator / Redactie Sport / Devops zaterdag 21 juni 2014 @ 20:50:28 #251
176766 crew  zoem
zoemt
pi_141382463
Waarom zou je de url fragment (#) hier gebruiken? Gewoon in de query (?a=b&c=d) stoppen, dan maak je het jezelf een stuk makkelijker. Dan kun je de informatie namelijk gewoon ophalen middels $_GET :)
pi_141382624
quote:
0s.gif Op zaterdag 21 juni 2014 20:50 schreef zoem het volgende:
Waarom zou je de url fragment (#) hier gebruiken? Gewoon in de query (?a=b&c=d) stoppen, dan maak je je het jezelf een stuk makkelijker. Dan kun je de informatie namelijk gewoon ophalen middels $_GET :)
Dat is wat ik ook wil doen... Met $_GET ophalen.

Ik gebruik de code van bondage om de grafieken te tonen. En daar wordt er een # gebruikt.
pi_141382750
quote:
0s.gif Op zaterdag 21 juni 2014 20:42 schreef zarGon het volgende:
Voor nu zo opgelost:
[ code verwijderd ]

:+.
Hm.. De javascript wordt pas uitgevoerd als je pagina direct opent. Wanneer je doorklikt vanuit de lijst met users wordt er niets getoond...

-O-.

- http://fok.zevkiselim.nl/crew2.0/?type=user -> selecteer een user. Geen "#id=xxxx".
- Bezoek de URL van die pagina direct. Wel "#id=xxxx".

[ Bericht 12% gewijzigd door #ANONIEM op 21-06-2014 20:57:23 ]
  Moderator / Redactie Sport zaterdag 21 juni 2014 @ 20:57:53 #254
359864 crew  Nattekat
De roze zeekat
pi_141382838
quote:
0s.gif Op zaterdag 21 juni 2014 20:56 schreef zarGon het volgende:

[..]

Hm.. De javascript wordt pas uitgevoerd als je pagina direct opent. Wanneer je doorklikt vanuit de lijst met users wordt er niets getoond...

-O-.
Als je enkel de tab opnieuw laad en niet de hele pagina moet de code die je wilt gebruiken al gebruikt zijn. Dmv de onclick kan je het uitvoeren.
100.000 katjes
Maakte de 100.000e post in BIT
Er eens op uit?
pi_141382895
quote:
1s.gif Op zaterdag 21 juni 2014 20:57 schreef Nattekat het volgende:

[..]

Als je enkel de tab opnieuw laad en niet de hele pagina moet de code die je wilt gebruiken al gebruikt zijn. Dmv de onclick kan je het uitvoeren.
Maar hoe doe ik het als het laden al geweest is?

Welke code zou jij gebruiken?
  Moderator / Redactie Sport zaterdag 21 juni 2014 @ 21:00:28 #256
359864 crew  Nattekat
De roze zeekat
pi_141382969
quote:
0s.gif Op zaterdag 21 juni 2014 20:59 schreef zarGon het volgende:

[..]

Maar hoe doe ik het als het laden al geweest is?

Welke code zou jij gebruiken?
Die code moet al op de pagina aanwezig zijn als je hem laad. Dus de pagina zonder ***&x=y.
100.000 katjes
Maakte de 100.000e post in BIT
Er eens op uit?
  Moderator / Redactie Sport / Devops zaterdag 21 juni 2014 @ 21:01:37 #257
176766 crew  zoem
zoemt
pi_141383043
Voor een tabstructuur wordt om bepaalde redenen soms wel eens een fragment gebruikt, maar ik zou het hier gewoon in de querystring gooien waar het thuishoort. Dan is het ook eenvoudig op te vragen met GET en hoef je niet allerlei capriolen uit te halen :P
pi_141383054
quote:
1s.gif Op zaterdag 21 juni 2014 21:00 schreef Nattekat het volgende:

[..]

Die code moet al op de pagina aanwezig zijn als je hem laad. Dus de pagina zonder ***&x=y.
Ik had de code ook al naar de hoofdpagina verhuisd. Waar de rest van de javascript staat. Dat werkte niet. :P. Of nou ja, het is mij niet gelukt iig.
  Moderator / Redactie Sport zaterdag 21 juni 2014 @ 21:03:01 #259
359864 crew  Nattekat
De roze zeekat
pi_141383113
quote:
0s.gif Op zaterdag 21 juni 2014 21:01 schreef zarGon het volgende:

[..]

Ik had de code ook al naar de hoofdpagina verhuisd. Waar de rest van de javascript staat. Dat werkte niet. :P. Of nou ja, het is mij niet gelukt iig.
De onclick is de enige call die je krijgt. Die moet je gebruiken.
100.000 katjes
Maakte de 100.000e post in BIT
Er eens op uit?
  Moderator / Redactie Sport / Devops zaterdag 21 juni 2014 @ 21:11:38 #260
176766 crew  zoem
zoemt
pi_141383538
Waarom zitten jullie nou zo onwijs moeilijk te doen met javascript en onclick :? Maak er hyperlinks van met het type en id in de query (?type=a&id=1). Ajax maakt het veel complexer dan nodig.
  Moderator / Redactie Sport zaterdag 21 juni 2014 @ 21:17:17 #261
359864 crew  Nattekat
De roze zeekat
pi_141383810
quote:
7s.gif Op zaterdag 21 juni 2014 21:11 schreef zoem het volgende:
Waarom zitten jullie nou zo onwijs moeilijk te doen met javascript en onclick :? Maak er hyperlinks van met het type en id in de query (?type=a&id=1). Ajax maakt het veel complexer dan nodig.
De vraag was of er javascript gecalld kon worden, de context verder ontgaat me...
100.000 katjes
Maakte de 100.000e post in BIT
Er eens op uit?
pi_141383957
quote:
7s.gif Op zaterdag 21 juni 2014 21:11 schreef zoem het volgende:
Waarom zitten jullie nou zo onwijs moeilijk te doen met javascript en onclick :? Maak er hyperlinks van met het type en id in de query (?type=a&id=1). Ajax maakt het veel complexer dan nodig.
...

Dit soort comments helpen niet. Ik weet echt wel wat er beter kan, er is een reden waarom ik een topic heb geopend: ik kan het zelf niet alleen. Ik krijg hier tips, en vooral de tips met code helpen me daadwerkelijk. Als ik er veel meer verstand van had, zou dat te merken zijn in de code. bondage heeft code gepost waar ik wel wat mee kon, dus dat heb ik dan ook gebruikt.

Dit is wat er nu is. Je kunt alleen aangeven wat er beter kan, maar je kunt ook de code aanpassen. Dat is de reden waarom het op GitHub staat.

Dus, waarom onwijs moeilijk doen? Dit is het beste wat ik en de mensen die code mee hebben geschreven het beste kunnen.

[ Bericht 2% gewijzigd door #ANONIEM op 21-06-2014 21:54:03 (+s.) ]
pi_141384083
Ik ga maar eens kijken of ik de javascript kan skippen door aparte pagina's te gebruiken voor de lijst van users en de daadwerkelijke pagina waar de grafieken getoond worden. Dat het dan inderdaad makkelijker moeten maken.
  FOK!mycroftheld zaterdag 21 juni 2014 @ 21:26:34 #264
128465 verified  bondage
pi_141384230
quote:
0s.gif Op zaterdag 21 juni 2014 20:31 schreef zarGon het volgende:

[..]

Ik heb #user=2 verandert naar #id=2. URL wordt hierdoor /?type=user#id=2.

Ik wil op de pagina waar de grafieken getoond worden ook gegevens van de user zelf tonen. Dat wil ik doen door een div toe te voegen, en alleen te tonen wanneer er een user is geselecteerd. $("#userinfo").show(); binnen selectUser().

Probleem is dat ik de geselecteerde user niet uit de URL kan halen. Met #id=2 lukt het niet, met &id=2 lukt me dat wel. Ik heb die ID nodig om gegevens uit de database te trekken.

Is het mogelijk om de #id=2 te wijzigen naar &id=2? Of weet jij een andere manier om de ID te halen als de URL /type=user#id=2 is?
Hoe bedoel je precies? Wil je beide parameters meegeven aan het script? Het kan ook dmv #type=user&id=2, echter heb je dan het script nodig dat ik ook voor de dagcijfers gebruik, heb ik hier eerder gepost. De code welke ik voor je had geschreven kun je hier niet voor gebruiken omdat die maar één parameter ondersteund.

Heb je trouwens een voorbeeld hoe het op dit moment is? Misschien is er wel een betere manier om dit te fixen.
pi_141384479
quote:
11s.gif Op zaterdag 21 juni 2014 21:26 schreef bondage het volgende:

[..]

Hoe bedoel je precies? Wil je beide parameters meegeven aan het script? Het kan ook dmv #type=user&id=2, echter heb je dan het script nodig dat ik ook voor de dagcijfers gebruik, heb ik hier eerder gepost. De code welke ik voor je had geschreven kun je hier niet voor gebruiken omdat die maar één parameter ondersteund.

Heb je trouwens een voorbeeld hoe het op dit moment is? Misschien is er wel een betere manier om dit te fixen.
http://fok.zevkiselim.nl/crew2.0/.

Ik was net bezig, daarom zag je het niet werken. 1) selecteer een user en zie de pagina; 2) open de pagina direct.
  FOK!mycroftheld zaterdag 21 juni 2014 @ 21:37:38 #266
128465 verified  bondage
pi_141384776
quote:
0s.gif Op zaterdag 21 juni 2014 21:31 schreef zarGon het volgende:

[..]

http://fok.zevkiselim.nl/crew2.0/.

Ik was net bezig, daarom zag je het niet werken. 1) selecteer een user en zie de pagina; 2) open de pagina direct.
Ik denk dat het inderdaad beter is om de hele pagina gewoon te vernieuwen door bij de link naar de user dit van de url te maken: http://fok.zevkiselim.nl/crew2.0/?type=user&id=308148 Je krijgt via de GET array twee waarden terug, namelijk: user en id. Vervolgens de hele pagina teruggeven met de gegevens van de geselecteerde user. De JSON gegevens voor het verwerken van de grafieken kun je in een js var zetten en doorgeven aan de functie voor het verwerken van deze grafieken.
  Moderator / Redactie Sport zaterdag 21 juni 2014 @ 21:39:44 #267
359864 crew  Nattekat
De roze zeekat
pi_141384869
Een postrequest icm een halve pagina laden in plaats van alles is toch een stuk mooier :)
100.000 katjes
Maakte de 100.000e post in BIT
Er eens op uit?
  FOK!mycroftheld zaterdag 21 juni 2014 @ 21:40:31 #268
128465 verified  bondage
pi_141384905
En voor de duidelijkheid: ik had het stukje code met die hash geschreven omdat de data die voor de grafieken wordt gebruikt los moest worden opgehaald dmv de aanroep van een functie welke via een los script de JSON data verkreeg.
  FOK!mycroftheld zaterdag 21 juni 2014 @ 21:43:47 #269
128465 verified  bondage
pi_141385037
quote:
0s.gif Op zaterdag 21 juni 2014 21:39 schreef Nattekat het volgende:
Een postrequest icm een halve pagina laden in plaats van alles is toch een stuk mooier :)
Eens, daarom had ik het in de eerste instantie ook via de hash gedaan, de code was al op die manier ingericht aangezien er losse data moest worden opgehaald. Het kan natuurlijk nog steeds via die hash, echter heb je dan een wat geavanceerder javascript nodig. Ik zal zo ff wat posten, mijn dagcijfersscript gebruikt ook zo'n functie voor het verwerken van alle parameters na de hash.
pi_141385135
Ik begrijp (min of meer) wat jullie zeggen, alleen heb ik niet echt een duidelijk idee hoe ik het precies kan toepassen. Zouden jullie mee willen sleutelen aan de code?

Ik probeer zelf ook wat, maar in hetgeen wat ik nu heb (javascriptloos) zijn de grafieken niet zichtbaar. :').

Ik vond de huidige oplossing best redelijk voor een eerste versie, alleen lukt het me nu dus niet om extra informatie over de geselecteerde user te tonen.

[ Bericht 17% gewijzigd door #ANONIEM op 21-06-2014 21:46:52 ]
  FOK!mycroftheld zaterdag 21 juni 2014 @ 21:59:16 #271
128465 verified  bondage
pi_141385754
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
<script>
$(document).ready(function() {
    if(document.location.hash) {
        handleLocationHash(document.location.hash);
    }
});

handleLocationHash = function(location_hash) {
    if(location_hash.length > 0) {
        var hash = location_hash.substr(1);
        var hash_parts = hash.split('&');
        var post_vars = {};
        
        for(var a in hash_parts) {
            var hash_sub_parts = hash_parts[a].split('=', 2);
            if(hash_sub_parts.length === 2) {
                 post_vars[hash_sub_parts[0]] = hash_sub_parts[1]
            }
        }
       
        $("#userselect").hide();
        $("#userinfo").show();

        drawItems(post_vars);
    }
};
</script>

Je moet dan in de functie drawItems de post_vars variable als POST waarden meegeven in de aanroep van het script welke de JSON data ophaalt.

[ Bericht 1% gewijzigd door bondage op 21-06-2014 22:15:56 ]
pi_141386588
quote:
14s.gif Op zaterdag 21 juni 2014 21:59 schreef bondage het volgende:

[ code verwijderd ]
Deze code vervangt het onderstaande? (In zijn geheel?)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
    $(document).ready(function() {
        if(document.location.hash) {
            var hash_str_parts = document.location.hash.replace('#','').split('=');
            if(hash_str_parts[0] == 'id') { selectUser(hash_str_parts[1]); }
        }
    });

    function selectUser(user_id) {
        document.location.hash = 'id='+user_id;
        $("#userselect").hide();
        $("#userinfo").show();
        drawItems(user_id);
    }
</script>

Ik zie het selectUser() gedeelte nergens terugkomen.

quote:
Je moet dan in de functie drawItems de post_vars variable als POST waarden meegeven in de aanroep van het script welke de JSON data ophaalt.
Kun je een voorbeeld hiervan geven? :@.

Bedankt trouwens dat je code post!

[ Bericht 0% gewijzigd door #ANONIEM op 21-06-2014 22:14:53 ]
  FOK!mycroftheld zaterdag 21 juni 2014 @ 22:16:29 #273
128465 verified  bondage
pi_141386718
quote:
0s.gif Op zaterdag 21 juni 2014 22:14 schreef zarGon het volgende:

[..]

Deze code vervangt het onderstaande? (In zijn geheel?)
[ code verwijderd ]

Ik zie het selectUser() gedeelte nergens terugkomen.

[..]

Kun je een voorbeeld hiervan geven? :@.

Bedankt trouwens dat je code post!
Ik heb mijn vorige post aangepast. Waar vind ik die drawItems functie precies?
pi_141386769
quote:
14s.gif Op zaterdag 21 juni 2014 22:16 schreef bondage het volgende:

[..]

Ik heb mijn vorige post aangepast. Waar vind ik die drawItems functie precies?
In js/googlecharts.js: http://fok.zevkiselim.nl/crew2.0/js/googlecharts.js.
  FOK!mycroftheld zaterdag 21 juni 2014 @ 22:27:34 #275
128465 verified  bondage
pi_141387481
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
36
<script>
$(document).ready(function() {
    if(document.location.hash) {
        handleLocationHash(document.location.hash);
    }
});

handleLocationHash = function(location_hash) {
    if(location_hash.length > 0) {
        var hash = location_hash.substr(1);
        var hash_parts = hash.split('&');
        var post_vars = {};
        
        for(var a in hash_parts) {
            var hash_sub_parts = hash_parts[a].split('=', 2);
            if(hash_sub_parts.length === 2) {
                 post_vars[hash_sub_parts[0]] = hash_sub_parts[1]
            }
        }
        
        if(post_vars.id != undefined && post_vars.type != undefined) {
            if(post_vars.type == 'user') {
                selectUser(post_vars.id);
            }else If(post_vars.type == 'forum') {
                // code voor verwerken forum. 
            }
        }
    }
};

function selectUser(user_id) {
    $("#userselect").hide();
    $("#userinfo").show();
    drawItems(user_id);
}
</script>

Zou je dit eens kunnen testen?

[ Bericht 4% gewijzigd door bondage op 21-06-2014 22:35:00 ]
abonnement bol.com Unibet Coolblue
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')