[Javascript] voor dummies (deel 10)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue
pi_88228403
quote:
16s.gif Op maandag 1 november 2010 21:27 schreef Chandler het volgende:
@Light; hij werkt wel in IE & Chrome? :D al snap ik niet waarom hij niet in firefox werkt!
Ik ook niet, ik constateer alleen maar. :)
quote:
En als je plaatjes direct naast elkaar zet zou het moeten werken of zou ik nou juist die plaatjes weer in divs zetten? hoe doet fok dat?
Zo te zien met een tabel. En plaatjes naast elkaar, al dan niet in een div, komen nog steeds onder elkaar als er niet genoeg ruimte is om naast elkaar komen.
fokstok.nl
pi_88236447
Lol, een tabel lost het scrollbar probleem op! :D al snap ik niet waarom ik in firefox nog steeds geen afbeeldingen zie? :X
Just say hi!
pi_88263645
Ik heb de versie geupdated zodat hij een minimum aan width/height aanhoudt, echter kan ik maar niet achter halen waar het probleem m.b.t. firefox zit... lijkt wel of het een jquery probleem is :{ krijg dit als foutcode.

1
2
3		Waarschuwing: ‘.’ gevonden voor waarde in attribuutselector waar identificator of string verwacht.
Bronbestand: file:///C:/test123.html
Regel: 0

en dat meerdere malen :{
Just say hi!
pi_88272591
quote:
5s.gif Op dinsdag 2 november 2010 21:03 schreef Chandler het volgende:
Ik heb de versie geupdated zodat hij een minimum aan width/height aanhoudt, echter kan ik maar niet achter halen waar het probleem m.b.t. firefox zit... lijkt wel of het een jquery probleem is :{ krijg dit als foutcode.
[ code verwijderd ]

en dat meerdere malen :{
Het gaat mis op de blokjes [src$=.gif], daar moet je wat quotes bijzetten. Maar het is geen handige methode, want je mist nog best veel mogelijke extensies.

Je javascriptcode een beetje aangepast (en nu werkend in Firefox)
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51		homeURL = 'http://localhost/';
maxThumbSize = 80;
minImageSize = 30;

validExtensions = ['gif', 'jpg', 'png'];

$(document).ready(function()
{
    $('#btn').click(function()
    {
        $("#photos").empty();
        $("#photos").append("<table><tr>");

        $('img').each(function()
        {
            src = $(this).attr('src');
            ext = src.substring(src.lastIndexOf('.', src) + 1).toLowerCase();

            if($.inArray(ext, validExtensions))
            {
                if ($(this).attr('src').substring(0, homeURL.length) != homeURL)
                {
                    if ($(this).attr('width') > minImageSize ||
                        $(this).attr('height') > minImageSize)
                        {
                        newThumbHeight = 0;
                        newThumbWidth = 0;
                        fact = 0;

                        if ($(this).attr('width') > $(this).attr('height'))
                        {
                            fact = $(this).attr('width') / maxThumbSize;
                            newThumbHeight = Math.floor($(this).attr('height') / fact);
                            newThumbWidth = maxThumbSize;
                        }
                        else
                        {
                            fact = $(this).attr('width') / maxThumbSize;
                            newThumbHeight = maxThumbSize;
                            newThumbWidth = Math.floor($(this).attr('width') / fact);
                        }

                        $("#photos").append('<td><img src="' + $(this).attr('src') + '" width="' + newThumbWidth + '" height="' + newThumbHeight + '" /><br /><a href="' + $(this).attr('src') + '" target="_blank">>></a></td>');
                    }
                }
            }
        });

        $("#photos").append("</tr></table>");
    });
});
Zoek de verschillen :)
fokstok.nl
pi_88276015
Tnx Light! ik zie de verschillen en het is mij geheel duidelijk!
Just say hi!
pi_88355633
Ik schaam me diep dat ik deze vraag hier uberhaupt stel, en ik ben er zelf ook heftig op tegen, maar helaas is de klant koning en zal ik het toch moeten proberen. Here goes:
De klant wil graag dat op het moment dat de gebruiker de pagina sluit, of wegnavigeert, er een popup (in de vorm van een jQuery dialogbox) verschijnt waarin de gebruiker gevraagd wordt of hij/zij geabonneerd wil worden op de nieuwsbrief (nogmaals: :r ).
Het uitvoeren van javascriptcode op het moment dat de gebruiker wegnavigeert is niet zo lastig, maar is het ook mogelijk te voorkomen dat de unload van de pagina daadwerkelijk plaats vind?
pi_88361106
quote:
1s.gif Op vrijdag 5 november 2010 10:28 schreef Intrepidity het volgende:
Ik schaam me diep dat ik deze vraag hier uberhaupt stel, en ik ben er zelf ook heftig op tegen, maar helaas is de klant koning en zal ik het toch moeten proberen. Here goes:
De klant wil graag dat op het moment dat de gebruiker de pagina sluit, of wegnavigeert, er een popup (in de vorm van een jQuery dialogbox) verschijnt waarin de gebruiker gevraagd wordt of hij/zij geabonneerd wil worden op de nieuwsbrief (nogmaals: :r ).
Het uitvoeren van javascriptcode op het moment dat de gebruiker wegnavigeert is niet zo lastig, maar is het ook mogelijk te voorkomen dat de unload van de pagina daadwerkelijk plaats vind?
Ik denk dat het niet te voorkomen is, dus zou je een nieuw venster (popup ofzo) moeten openen. En dan vraag ik me ook nog af of het wel mogelijk is om te achterhalen of iemand naar een andere pagina binnen de site gaat of naar een andere site (of het venster gewoon sluit).

Afgezien daarvan moet je het imho ook helemaal niet willen. Als een bezoeker van een site wegnavigeert en je probeert hem dan op de site te houden, zal zo'n gebruiker dat niet echt kunnen waarderen. Dat wordt nog minder als je dat bij iedere keer dat de bezoeker de site bezoekt weer gaat vragen. En iemand die de nieuwsbrief al ontvangt, moet je er helemaal niet mee lastigvallen. Bijkomend punt is dat je niet weet of iemand wel of niet geabonneerd is op de nieuwsbrief.

Beste reden om het niet te bouwen is dat het niet kan.
fokstok.nl
pi_88361248
quote:
1s.gif Op vrijdag 5 november 2010 13:00 schreef Light het volgende:

[..]
Afgezien daarvan moet je het imho ook helemaal niet willen. Als een bezoeker van een site wegnavigeert en je probeert hem dan op de site te houden, zal zo'n gebruiker dat niet echt kunnen waarderen. Dat wordt nog minder als je dat bij iedere keer dat de bezoeker de site bezoekt weer gaat vragen. En iemand die de nieuwsbrief al ontvangt, moet je er helemaal niet mee lastigvallen. Bijkomend punt is dat je niet weet of iemand wel of niet geabonneerd is op de nieuwsbrief.

Beste reden om het niet te bouwen is dat het niet kan.
Helemaal mee eens, maar als je klant het blijft willen, dan kun je ethische argumenten aandragen wat je wilt, uiteindelijk moet je het helaas gewoon doen. Klant komt er zelf ook wel een keer achter dat de bezoekersaantallen kelderen, ik ga gewoon als een dom schaap die functie proberen te bouwen nu.
pi_88361345
quote:
1s.gif Op vrijdag 5 november 2010 13:04 schreef Intrepidity het volgende:

[..]

Helemaal mee eens, maar als je klant het blijft willen, dan kun je ethische argumenten aandragen wat je wilt, uiteindelijk moet je het helaas gewoon doen. Klant komt er zelf ook wel een keer achter dat de bezoekersaantallen kelderen, ik ga gewoon als een dom schaap die functie proberen te bouwen nu.
Succes :) Kijk ook nog even bij het linkje in m'n vorige post, daar staat dat het niet mogelijk is te achterhalen waar iemand naartoe navigeert als onunload wordt aangeroepen. :)
fokstok.nl
pi_88403060
Ik zoek een debugger die code klaarmaakt voor iedere browser, gericht op Javascript, hebben jullie namen? O+
  woensdag 10 november 2010 @ 00:58:57 #211
111382 Ofyles2
Bestemming: onbekend
pi_88542286
quote:
1s.gif Op zaterdag 6 november 2010 16:00 schreef RenRen- het volgende:
Ik zoek een debugger die code klaarmaakt voor iedere browser, gericht op Javascript, hebben jullie namen? O+
Probeer NitobiBug.

De site zegt niets over de ondersteuning van Chrome, het wordt dus 'op goed geluk'...
Afscheidsrede
pi_88544566
quote:
1s.gif Op zaterdag 6 november 2010 16:00 schreef RenRen- het volgende:
Ik zoek een debugger die code klaarmaakt voor iedere browser, gericht op Javascript, hebben jullie namen? O+
Bedoel je niet gewoon Ctrl+shift+J?
zcflevo.nl
  maandag 15 november 2010 @ 13:56:46 #213
118585 Crutch
Filantroop || Taalzwengel
pi_88736682
Ik wil graag binnenin een for- of whileloop een minpauze inlassen alvorens de volgende herhaling van de loop wordt gedaan.
Hoe doe ik dat?
Ik kan geen pauzefunctie vinden behalve setTimeout, maar die vereist een functie.
Je moeder is een hamster
  maandag 15 november 2010 @ 14:01:19 #214
118585 Crutch
Filantroop || Taalzwengel
pi_88736862
quote:
14s.gif Op maandag 15 november 2010 13:56 schreef Crutch het volgende:
Ik wil graag binnenin een for- of whileloop een minpauze inlassen alvorens de volgende herhaling van de loop wordt gedaan.
Hoe doe ik dat?
Ik kan geen pauzefunctie vinden behalve setTimeout, maar die vereist een functie.
Ik heb nu dit bedacht:
1
2
3
4
5
6
7		function start() { 
setTimeout( "end();", 3000); 
} 

function end() { 
// steek een vinger in je hol 
} 

Dus zou ik op ieder gewild moment een pause van 3 sec kunnen invoegen met start();
Maar nee dus. :(
Je moeder is een hamster
pi_88737145
quote:
14s.gif Op maandag 15 november 2010 14:01 schreef Crutch het volgende:

[..]



Ik heb nu dit bedacht:

[ code verwijderd ]

Dus zou ik op ieder gewild moment een pause van 3 sec kunnen invoegen met start();
Maar nee dus. :(
Nee, want setTimeout plaatst de aan te roepen functie in een aparte thread zodat de rest van de applicatie door kan lopen. Tenzij je de code die uitgevoerd moet worden na de pauze in de functie end(); stopt gaat dat niet werken. Punt is dat je hoofdthread van een JS-script niet wílt pauzeren omdat de browser hangt in die tijd.
  maandag 15 november 2010 @ 14:32:15 #216
118585 Crutch
Filantroop || Taalzwengel
pi_88737947
Doet Javascript dat met alle functies binnenin een loop?
Je moeder is een hamster
  maandag 15 november 2010 @ 14:32:25 #217
118585 Crutch
Filantroop || Taalzwengel
pi_88737953
Behalve alert dan.
Je moeder is een hamster
  maandag 15 november 2010 @ 14:55:04 #218
118585 Crutch
Filantroop || Taalzwengel
pi_88738761
Opgelost met jQuery.
Je moeder is een hamster
pi_88738854
quote:
14s.gif Op maandag 15 november 2010 14:32 schreef Crutch het volgende:
Doet Javascript dat met alle functies binnenin een loop?
Volgensmij hangen browsers inderdaad gewoon zolang ze bezig zijn scripts uit te voeren, tenzij deze expliciet in een aparte thread geplaatst worden. De meeste scripts echter zijn niet zodanig groot dat je dat gaat merken tijdens het laden van een pagina. JS-engines van tegenwoordig zijn over het algemeen bloedjesnel :)
  maandag 15 november 2010 @ 16:04:56 #220
118585 Crutch
Filantroop || Taalzwengel
pi_88741313
quote:
1s.gif Op maandag 15 november 2010 14:57 schreef Intrepidity het volgende:

[..]


Volgensmij hangen browsers inderdaad gewoon zolang ze bezig zijn scripts uit te voeren, tenzij deze expliciet in een aparte thread geplaatst worden. De meeste scripts echter zijn niet zodanig groot dat je dat gaat merken tijdens het laden van een pagina. JS-engines van tegenwoordig zijn over het algemeen bloedjesnel :)
jQuery doet zijn ding dus gewoon in een aparte thread, wel relaxed eigenlijk en ik had dat meteen moeten doen. o|O
Dan kun je nog eens meerdere funties tegelijk afvuren.
Je moeder is een hamster
pi_88855559
Over jQuery gesproken. Ik probeer een leuke slideshow te maken van wat foto's maar al gauw wordt dit erg zwaar voor met name IE. Het zijn namelijk erg grote foto's (c.a. 1000x800) die ik met het "Ken Burns effect" in elkaar wil laten overlopen.

Zijn hier nog andere methodes voor? Ik zat zelf al te denken aan een eenvoudige Flash slideshow maar waar je bij Google prima kunt zoeken op "jquery slideshow", naar "flash slideshow" is al een stuk lastiger omdat er zoveel "free flash slideshow" sites zijn die, op z'n zachts gezegd, behoorlijk twijfelachtig zijn.
You have to come back with me! Back to the Future!
pi_88856200
quote:
1s.gif Op donderdag 18 november 2010 11:08 schreef Doc.Brown het volgende:
Over jQuery gesproken. Ik probeer een leuke slideshow te maken van wat foto's maar al gauw wordt dit erg zwaar voor met name IE. Het zijn namelijk erg grote foto's (c.a. 1000x800) die ik met het "Ken Burns effect" in elkaar wil laten overlopen.

Zijn hier nog andere methodes voor? Ik zat zelf al te denken aan een eenvoudige Flash slideshow maar waar je bij Google prima kunt zoeken op "jquery slideshow", naar "flash slideshow" is al een stuk lastiger omdat er zoveel "free flash slideshow" sites zijn die, op z'n zachts gezegd, behoorlijk twijfelachtig zijn.
1000x800 is niet bepaald groot, ik heb al meerdere slideshows en brandboxes van dat formaat feilloos werkend gekregen. Gebruik je een bepaalde jQuery plugin of heb je het zelf geschreven?
pi_88856457
Een plugin ja, ik gebruik CrossSlide: http://tobia.github.com/CrossSlide/ en dan gebruik het Ken Burns effect.

Misschien is het hele zoomen en faden te zwaar bij een dergelijke resolutie? Of het is de plugin natuurlijk ja :)
You have to come back with me! Back to the Future!
pi_88856708
quote:
1s.gif Op donderdag 18 november 2010 11:39 schreef Doc.Brown het volgende:
Een plugin ja, ik gebruik CrossSlide: http://tobia.github.com/CrossSlide/ en dan gebruik het Ken Burns effect.

Misschien is het hele zoomen en faden te zwaar bij een dergelijke resolutie? Of het is de plugin natuurlijk ja :)
Hmm. Javascript en Transparency. Bij uitstek 2 dingen waar IE gigantisch slecht in is. Ik denk dat je het beste de browser maar de schuld kunt geven, en maar accepteren dat het in IE kut werkt. Of als alternatief voor IE het hele effect uitschakelen.
zcflevo.nl
pi_88857162
Matige plugin overigens, de bestandsnamen moeten meegeven in een JS-array. Doorgaans heb je gewoon een div met hierin een zwik images, en vervolgens activeer je de plugin op die div. Dan heb je ook de optie om bijvoorbeeld met PHP slides toe te voegen door het genereren van wat HTML.
actieve topics nieuwe topics
abonnement Unibet Coolblue
[Javascript] voor dummies (deel 10)
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')