1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | // index all links on the current page var linkindex = document.getElementsByTagName('a'), linkindexlength = linkindex.length; // loop trough links on page and change onclick behaviour for( i = 0; i < linkindexlength; i++ ) { linkindex[i].onclick = jsredirect(i); } // change default link behaviour to js redirect function jsredirect(link) { window.location = linkindex[link].getAttribute('href'); return false; } |
En wat gebeurd er als je van de onclick een functie maakt?quote:Op zaterdag 28 juni 2014 13:29 schreef n8n het volgende:
Hallo script magistralen, heb dus ene js met een loop die bij onclick (is de bedoeling) een functie aanroept. Het script zegt alleen fuck die onclick ik doe het gewoon bij elke link in de loop.
De JavaScript:
[ code verwijderd ]
Wat er dus gebeurd is dat er een oneindige loop van automatische redirects komt (wat niet de bedoeling is). Weet iemand waarom het niet onclick gebeurd maar laten we zeggen continue met magische krachten?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | // index all links on the current page var linkindex = document.getElementsByTagName('a'), linkindexlength = linkindex.length; // loop trough links on page and change onclick behaviour for( i = 0; i < linkindexlength; i++ ) { linkindex[i].onclick = function(){ jsredirect(i); }; } // change default link behaviour to js redirect function jsredirect(link) { window.location = linkindex[link].getAttribute('href'); return false; } |
dat zegt jslint dat ik geen functie in een loop mag zetten maar het werkt wel Met jouw code vind ik dat trouwens geen bezwaar want de (anonieme) functie doet verder niks dan de echte functie aanroepen. Beter. Thanks a bunchquote:Op zaterdag 28 juni 2014 13:34 schreef boem-dikkie het volgende:
[..]
En wat gebeurd er als je van de onclick een functie maakt?
onclick = function(){
redirect();
}
Het probleem is dat onclick de functie zelf moet zijn (bv onclick = jsredirect) en niet de output van de functie (zoals je krijgt bij onclick = jsredirect()).quote:Op zaterdag 28 juni 2014 13:35 schreef n8n het volgende:
[..]
dat zegt jslint dat ik geen functie in een loop mag zetten maar het werkt wel
Ah oke, ik dacht nu (wat ik eerst had) dat het sowieso zou 'wachten' op een click, ogenschijnlijk vreemde manier om duidelijk te maken dat het niet werkt zoals bedoeldquote:Op zaterdag 28 juni 2014 13:36 schreef Tijn het volgende:
[..]
Het probleem is dat onclick de functie zelf moet zijn (bv onclick = jsredirect) en niet de output van de functie (zoals je krijgt bij onclick = jsredirect()).
Wat je eigenlijk deed was in een loop de functie jsredirect aanroepen (en daarmee dus ook direct de window.location veranderen) en vervolgens de onclick-handler op "false" zetten (want dat is de output van de functie).quote:Op zaterdag 28 juni 2014 13:38 schreef n8n het volgende:
[..]
Ah oke, ik dacht nu (wat ik eerst had) dat het sowieso zou 'wachten' op een click, ogenschijnlijk vreemde manier om duidelijk te maken dat het niet werkt zoals bedoeld
chill dankjewel, het automatisch redirecten is weg maar de functie is ook kapot. Ga er later even naar kijken, moet nu een andere klus afhandelen. Mehquote:Op zaterdag 28 juni 2014 13:44 schreef Tijn het volgende:
Deze pagina geeft meer uitleg + een werkbare oplossing trouwens: http://jslinterrors.com/dont-make-functions-within-a-loop
dan snap ik weer niet hoe de functie weet welk argument gebruikt wordt (inhoud haakjes) maar ik ga eerst je artikel lezen voordat ik verder vraag. Wel prettig weer wat leven in dit topicquote:Op zaterdag 28 juni 2014 13:40 schreef Tijn het volgende:
[..]
Wat je eigenlijk deed was in een loop de functie jsredirect aanroepen (en daarmee dus ook direct de window.location veranderen) en vervolgens de onclick-handler op "false" zetten (want dat is de output van de functie).
Je wil niet dat de functie wordt uitgevoerd in de loop, je wil alleen dat bij een onclick gelijk is aan die functie. Daarom laat je de haakjes weg.
Ja, dat is precies waar dat artikeltje over gaat.quote:Op zaterdag 28 juni 2014 13:52 schreef n8n het volgende:
[..]
dan snap ik weer niet hoe de functie weet welk argument gebruikt wordt (inhoud haakjes) maar ik ga eerst je artikel lezen voordat ik verder vraag. Wel prettig weer wat leven in dit topic
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | // index all links on the current page var linkindex = document.getElementsByTagName('a'), linkindexlength = linkindex.length, i; // change default link behaviour to js redirect function jsredirect(index) { "use strict"; window.location = linkindex[index].getAttribute('href'); return false; } // return handler function makeHandler(index) { "use strict"; return function () { jsredirect(index); }; } // loop trough links on page and change onclick behaviour for (i = 0; i < linkindexlength; i += 1) { linkindex[i].onclick = makeHandler(i); } |
Dit zou eventueel ook heel eenvoudig met jQuery kunnen.quote:Op zaterdag 28 juni 2014 13:29 schreef n8n het volgende:
Hallo script magistralen, heb dus ene js met een loop die bij onclick (is de bedoeling) een functie aanroept. Het script zegt alleen fuck die onclick ik doe het gewoon bij elke link in de loop.
De JavaScript:
[ code verwijderd ]
Wat er dus gebeurd is dat er een oneindige loop van automatische redirects komt (wat niet de bedoeling is). Weet iemand waarom het niet onclick gebeurd maar laten we zeggen continue met magische krachten?
1 2 3 4 5 6 7 | <?php $('a').click(function(e) { e.preventDefault(); //jouw extra functie. window.location = $(this).attr('href'); }); ?> |
Misschien een iOS home screen web app? Dan opent een normale link in Safari, terwijl een window.location change binnen de app blijft.quote:Op zaterdag 28 juni 2014 23:29 schreef PimD het volgende:
Maar... waarom zou je het default browser gedrag afvangen en dan de window.location via Javascript zetten? :-D
Lol inderdaad de enige reden .quote:Op zaterdag 28 juni 2014 23:54 schreef Tijn het volgende:
[..]
Misschien een iOS home screen web app? Dan opent een normale link in Safari, terwijl een window.location change binnen de app blijft.
Precies dat jaquote:Op zaterdag 28 juni 2014 23:54 schreef Tijn het volgende:
[..]
Misschien een iOS home screen web app? Dan opent een normale link in Safari, terwijl een window.location change binnen de app blijft.
Je kunt het trouwens simpeler doen:quote:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | var a, i; function linkHandler(link) { "use strict"; return function () { window.location = link; return false; }; } a = document.getElementsByTagName("a"); for (i = 0; i < a.length; i += 1) { a[i].onclick = linkHandler(a[i].getAttribute("href")); } |
Ook vrij eenvoudig met vanilla JS zoals bovenstaande post laat zien.quote:Op zaterdag 28 juni 2014 23:18 schreef esv7 het volgende:
[..]
Dit zou eventueel ook heel eenvoudig met jQuery kunnen.
[ code verwijderd ]
Wil je de rijen perse in hun eigen div hebben? Als je alle 9 sub-divs in één div zet zouden ze netjes op moeten schuiven als je er een paar divs tussen uit haalt.quote:Op zondag 29 juni 2014 13:19 schreef tweemeter het volgende:
Ik zit even om te prutsen met een website en ik heb met jquery een sorteer functie gemaakt voor een aantal div's met lijsten er in.
Ik wil nu dat als je een selectie maakt van twee dingen en het staat niet in de lijst dat deze hele lijst en div weg wordt gehaald en dat de rest doorschuift, is dat mogelijk? Zie voorbeeld.
Begin
[ afbeelding ]
Na selectie blijkt er geen overeenkomst te zijn in div1b, div2a en div2b, deze moeten weg.
[ afbeelding ]
Dit gebeurd er op dit moment:
[ afbeelding ]
En ik wil dit voor elkaar krijgen:
[ afbeelding ]
Alvast bedankt
Nouja ik maak op dit moment gebruik van bootstrap die de rijen in divs opbouwt. Als ik de rij-divs weghaalt wordt het een grote chaos.quote:Op zondag 29 juni 2014 15:37 schreef BrainOverfloW het volgende:
[..]
Wil je de rijen perse in hun eigen div hebben? Als je alle 9 sub-divs in één div zet zouden ze netjes op moeten schuiven als je er een paar divs tussen uit haalt.
Anders moet je denk ik kijken naar een oplossing die na het verwijderen, uit de overgebleven div's, nieuwe rijen opbouwt.
heb nu dit (JS):quote:Op zondag 29 juni 2014 11:47 schreef Tijn het volgende:
[..]
Je kunt het trouwens simpeler doen:
[ code verwijderd ]
Sweet heb een rel="external" toegevoegd aan externe links en dit werkt, de links worden alleen niet geopend met window.open, zelfs niet als ik pop-ups niet blokkeer. dev.console logt ze wel (is een console.log() maar dan alleen als dev.mode op true staat).quote:// redirect
// add jsredirect onclick function to all links on page
function approuter() { 'use strict';
for (i = 0; i < linkindexlength; i++) {
linkindex[i].onclick = jsredirect(linkindex[i]);
}
}
// add javascript redirect to all links on page, opens external links in new window
function jsredirect(link) { 'use strict';
var href = link.getAttribute('href'),
rel = link.getAttribute('rel');
return function () {
if (rel === 'external' || rel === 'test') {
window.open = href; dev.console('external link' + href);
} else {
window.location = href; dev.console('internal link' + href);
}
return false;
};
}
is toch dé manier om dit probleem op te lossen.quote:Op zondag 29 juni 2014 15:40 schreef tweemeter het volgende:
[..]
Nouja ik maak op dit moment gebruik van bootstrap die de rijen in divs opbouwt. Als ik de rij-divs weghaalt wordt het een grote chaos.
Kun je een snel voorbeeld van je code maken in JSfiddle?quote:Op zondag 29 juni 2014 15:40 schreef tweemeter het volgende:
[..]
Nouja ik maak op dit moment gebruik van bootstrap die de rijen in divs opbouwt. Als ik de rij-divs weghaalt wordt het een grote chaos.
Zal ik zo doen!quote:Op maandag 30 juni 2014 07:24 schreef boem-dikkie het volgende:
[..]
Kun je een snel voorbeeld van je code maken in JSfiddle?
Op de een of andere manier lukt het me nu niet om het in JSfiddle voor elkaar te krijgen, zal er vanavond nog even naar kijken.quote:Op maandag 30 juni 2014 07:24 schreef boem-dikkie het volgende:
[..]
Kun je een snel voorbeeld van je code maken in JSfiddle?
Wellicht, maar als ik de row divs weghaal ziet het er zo uit.quote:Op zondag 29 juni 2014 17:44 schreef n8n het volgende:
[..]
is toch dé manier om dit probleem op te lossen.
Even quick & dirty maar bedoel je dit?quote:Op maandag 30 juni 2014 12:14 schreef tweemeter het volgende:
[..]
Op de een of andere manier lukt het me nu niet om het in JSfiddle voor elkaar te krijgen, zal er vanavond nog even naar kijken.
[..]
Wellicht, maar als ik de row divs weghaal ziet het er zo uit.
[ afbeelding ]
En zonder zo:
[ afbeelding ]
Nee het idee van hem is dat er rijen om de drie divs heen staan zodat deze netjes onder elkaar blijven staan omdat de container waarschijnlijk de height van de hoogste div pakt. Zo krijg je netjes rijen onder elkaar ook al verschillen de hoogtes.quote:Op maandag 30 juni 2014 22:07 schreef TwenteFC het volgende:
[..]
Even quick & dirty maar bedoel je dit?
http://jsfiddle.net/48gk3/1/
De heights worden dan misschien niet hetzelfde, maar ongeacht de hoogte heb je nu wel rijen van 3.quote:Op maandag 30 juni 2014 22:16 schreef boem-dikkie het volgende:
[..]
Nee het idee van hem is dat er rijen om de drie divs heen staan zodat deze netjes onder elkaar blijven staan omdat de container waarschijnlijk de height van de hoogste div pakt. Zo krijg je netjes rijen onder elkaar ook al verschillen de hoogtes.
Wat je kunt doen is gewoon left floaten en de rijen weghalen. De divs kun je even hoog maken door met JS de hoogste div te zoeken en de rest die hoogte mee te geven. Dan zou het in theorie goed moeten gaan.
Oh dit lijkt te werken, mijn JSFiddle was niet breed genoeg en daardoor stonden alle divs onder elkaar. Keek verkeerd.quote:Op maandag 30 juni 2014 22:31 schreef TwenteFC het volgende:
[..]
De heights worden dan misschien niet hetzelfde, maar ongeacht de hoogte heb je nu wel rijen van 3.
Maar volgens mij begrijp ik het verkeerd?
http://jsfiddle.net/48gk3/2/
Ja, voorbeeld is dirty. Maar meer dan alles in 1 rij gooien en een clear: both op elk 3e child gooien is het niet.quote:Op maandag 30 juni 2014 22:34 schreef boem-dikkie het volgende:
[..]
Oh dit lijkt te werken, mijn JSFiddle was niet breed genoeg en daardoor stonden alle divs onder elkaar. Keek verkeerd.
1 2 3 4 | * { color: #1a1a1a; font-size: 12px; } |
wat gebeurd er al je het vervangt door htmlquote:Op woensdag 2 juli 2014 08:55 schreef mstx het volgende:
Godver, heb ik weer dat ik één of andere prehistorische site moet aanpassen. Heeft er dus een klootviool dit bovenaan de css gezet:
[ code verwijderd ]
Als je dan ergens een andere tekstkleur definieert is de tekst van alle children alsnog #1a1a1a.
Ik durf het ook niet weg te halen want dan gaat er geheid van alles fout. Van de hele html/css/php van die site krijg je sowieso instant oogkanker, er staat zelfs een <marquee> in en in de css stikt het van de "!important"s.
Waarom niet (ook) een compleet nieuwe site adviseren, verdien je er ook nog wat aan.quote:Op woensdag 2 juli 2014 08:55 schreef mstx het volgende:
Godver, heb ik weer dat ik één of andere prehistorische site moet aanpassen. Heeft er dus een klootviool dit bovenaan de css gezet:
[ code verwijderd ]
Als je dan ergens een andere tekstkleur definieert is de tekst van alle children alsnog #1a1a1a.
Ik durf het ook niet weg te halen want dan gaat er geheid van alles fout. Van de hele html/css/php van die site krijg je sowieso instant oogkanker, er staat zelfs een <marquee> in en in de css stikt het van de "!important"s.
Ja, overtuigen van een nieuwe site.quote:Op woensdag 2 juli 2014 08:55 schreef mstx het volgende:
Godver, heb ik weer dat ik één of andere prehistorische site moet aanpassen. Heeft er dus een klootviool dit bovenaan de css gezet:
[ code verwijderd ]
Als je dan ergens een andere tekstkleur definieert is de tekst van alle children alsnog #1a1a1a.
Ik durf het ook niet weg te halen want dan gaat er geheid van alles fout. Van de hele html/css/php van die site krijg je sowieso instant oogkanker, er staat zelfs een <marquee> in en in de css stikt het van de "!important"s.
Dat bepaal ik helaas niet. En gelukkig is het ook niet mijn project maar die van een collega (type: gebruikt nog windows XP en een toetsenbord uit 1995), waarschijnlijk krijgt hij morgen een hartaanval als hij ziet dat ik voor de nieuwe elementen css3 heb gebruikt.quote:Op woensdag 2 juli 2014 09:01 schreef Maringo het volgende:
[..]
Waarom niet (ook) een compleet nieuwe site adviseren, verdien je er ook nog wat aan.
Klinkt als de website waar ik ook bij ben weggelopen. Serieus precies hetzelfde. Ik was de 2e freelancer In Amsterdam toevallig? Een site over boeken?quote:Op woensdag 2 juli 2014 09:18 schreef n8n het volgende:
Nog mooie anekdotes over dingen die je in je schoot geworden krijgt waar je acuut je ogen van uit wilt krabben?
Ik heb alleen een keer een project gehad dat eerst in India is uitbesteed, daarna in Roemenië en vervolgens zaten er nog 2 freelancers aan. Er zaten delen van 2 versies bootstrap in, de html bestond uit 500 nested div's en de database een bende waar we ook niet bij mochten, ondertussen alles in een virtualbox wat alles 3 keer zo traag maakte (elke wijziging vagrant nogwat) en opnieuw de front-end maken was geen budget voor
Virtualbox vagrant combinatiequote:Op woensdag 2 juli 2014 09:18 schreef n8n het volgende:
Nog mooie anekdotes over dingen die je in je schoot geworden krijgt waar je acuut je ogen van uit wilt krabben?
Ik heb alleen een keer een project gehad dat eerst in India is uitbesteed, daarna in Roemenië en vervolgens zaten er nog 2 freelancers aan. Er zaten delen van 2 versies bootstrap in, de html bestond uit 500 nested div's en de database een bende waar we ook niet bij mochten, ondertussen alles in een virtualbox wat alles 3 keer zo traag maakte (elke wijziging vagrant nogwat) en opnieuw de front-end maken was geen budget voor
Zo'n type.quote:Op woensdag 2 juli 2014 09:09 schreef mstx het volgende:
[..]
Dat bepaal ik helaas niet. En gelukkig is het ook niet mijn project maar die van een collega (type: gebruikt nog windows XP en een toetsenbord uit 1995), waarschijnlijk krijgt hij morgen een hartaanval als hij ziet dat ik voor de nieuwe elementen css3 heb gebruikt.
Wat de fack.quote:Op woensdag 2 juli 2014 09:45 schreef Aether het volgende:
Een mooie ‘feature’ vond ik in een project waarin de vorige programmeur 32 december als markering ‘einde jaar’ had gebruikt.
De database vond het helaas minder duidelijk...
Thx voor de tip, ga er eens naar kijken.quote:Op woensdag 2 juli 2014 09:24 schreef Catch22- het volgende:
Heb een r&d project gedaan met native mobiele apps via cordova en http://ionicframework.com . Daar zijn een paar klanten enthousiast over en daar ga ik dus meer mee doen. Wel erg tof imo en angularjs is echt pure win.
Hogerop? De baas dus? het bedrijf bestaat maar uit 6 manquote:Op woensdag 2 juli 2014 09:35 schreef Maringo het volgende:
[..]
Zo'n type.
Maar kan je je problemen ook niet aangeven bij hogerop? Je kan toch aan hun een advies geven?
quote:Op woensdag 2 juli 2014 09:45 schreef Aether het volgende:
Een mooie ‘feature’ vond ik in een project waarin de vorige programmeur 32 december als markering ‘einde jaar’ had gebruikt.
De database vond het helaas minder duidelijk...
Ik ben nu ook met een appje in Cordova bezig, werkt wel leuk als het eenmaal draait. Alleen het installeren is echt een ramp, je moet eerst NodeJS, Git, Java JDE, ADT en ANT installeren en dan maar hopen dat je de Windows omgevingsvariabelen goed hebt ingevuld anders ben je nog langer bezig met uitzoeken waarom cordova niet wil opstarten.quote:Op woensdag 2 juli 2014 09:52 schreef Scorpie het volgende:
[..]
Thx voor de tip, ga er eens naar kijken.
Niets mis met toetsenborden uit '95!quote:Op woensdag 2 juli 2014 09:09 schreef mstx het volgende:
[..]
Dat bepaal ik helaas niet. En gelukkig is het ook niet mijn project maar die van een collega (type: gebruikt nog windows XP en een toetsenbord uit 1995), waarschijnlijk krijgt hij morgen een hartaanval als hij ziet dat ik voor de nieuwe elementen css3 heb gebruikt.
quote:Op woensdag 2 juli 2014 09:30 schreef Tijn het volgende:
[..]
Klinkt als de website waar ik ook bij ben weggelopen. Serieus precies hetzelfde. Ik was de 2e freelancer In Amsterdam toevallig? Een site over boeken?
quote:
Haha, bizar En die vent was echt helemaal overtuigd dat-ie wel even bol.com zou aanpakken met z'n site Het was al een gedrocht toen ik ermee begon, ik heb een paar weken wat klusjes gefixed die belangrijk waren in zijn ogen en toen heb ik gezegd dat dit gewoon niet gaat.quote:
Jammer aan Cordova is dat alles zo 'hacky' aanvoelt omdat je 5000 verschillende manieren hebt om dingen te doen en nergens staat wat de juiste implementatie is.quote:Op woensdag 2 juli 2014 10:57 schreef mstx het volgende:
[..]
Hogerop? De baas dus? het bedrijf bestaat maar uit 6 man
Bij dit soort klanten is er toch geen budget voor verbetering/vernieuwing dus ik zorg gewoon dat het goed functioneert en daarna ren ik snel weg en wil ik het project niet meer aanraken.
[..]
[..]
Ik ben nu ook met een appje in Cordova bezig, werkt wel leuk als het eenmaal draait. Alleen het installeren is echt een ramp, je moet eerst NodeJS, Git, Java JDE, ADT en ANT installeren en dan maar hopen dat je de Windows omgevingsvariabelen goed hebt ingevuld anders ben je nog langer bezig met uitzoeken waarom cordova niet wil opstarten.
Verder is de interface niet zo snel als native en de api's zijn soms toch wel beperkt... maar het is wel ideaal dat je met html/css/js snel iets moois kunt maken.
Klopt, vooral qua navigatie enzo. Ik gebruik nu jquery mobile, dat maakt het wel iets consistenter.quote:Op woensdag 2 juli 2014 15:07 schreef boem-dikkie het volgende:
[..]
Jammer aan Cordova is dat alles zo 'hacky' aanvoelt omdat je 5000 verschillende manieren hebt om dingen te doen en nergens staat wat de juiste implementatie is.
ik (stagair webdesign) werd een keer alleen oppas gestuurd om 'de voortgang' te bespreken. Kreeg een stortvloed aan mankementen die op dat punt vrijwel kansloos waren om nog aan te pakken. Hebben er een middag aan besteed om de bootstrap er gedeeltelijk uit te snijden met chirurgische precisie. De man vond html ook kinderlijk makkelijk (wat in principe ook zo is) maar vergeet even dat het begint met een catastrofe.quote:Op woensdag 2 juli 2014 14:01 schreef Tijn het volgende:
[..]
Haha, bizar En die vent was echt helemaal overtuigd dat-ie wel even bol.com zou aanpakken met z'n site Het was al een gedrocht toen ik ermee begon, ik heb een paar weken wat klusjes gefixed die belangrijk waren in zijn ogen en toen heb ik gezegd dat dit gewoon niet gaat.
Hij had er natuurlijk ook al bergen geld aan uitgegeven, omdat-ie het eerst in India had laten maken, daarna in Roemenië en uiteindelijk in Nederland nog een bureau eraan had laten sleutelen. Ik denk dat voor dat geld samen hij echt een prachtige website had kunnen laten bouwen door een competent persoon, maar omdat-ie voor een dubbeltje op de eerste rang wilde zitten, heeft-ie nu eigenlijk niks.
Ja, hij riep continu te blaten dat het allemaal zo simpel was, maar ondertussen had-ie echt een draak van een website in elkaar laten zetten. Zolang je het niet serieus neemt, wordt het nooit wat.quote:Op woensdag 2 juli 2014 16:28 schreef n8n het volgende:
[..]
De man vond html ook kinderlijk makkelijk (wat in principe ook zo is) maar vergeet even dat het begint met een catastrofe.
Daar heb je nu ngcordova voor, als je angular gebruikt iig. Neem aan dat die redelijk geoptimaliseerd wordtquote:Op woensdag 2 juli 2014 15:07 schreef boem-dikkie het volgende:
[..]
Jammer aan Cordova is dat alles zo 'hacky' aanvoelt omdat je 5000 verschillende manieren hebt om dingen te doen en nergens staat wat de juiste implementatie is.
op basis van je fiddlequote:Op dinsdag 1 juli 2014 00:52 schreef tweemeter het volgende:
Ik heb het werkend gekregen in JSfiddle.
Dit was de situatie zoals die was zonder jouw code.
http://jsfiddle.net/48gk3/6/
Is het probleem in jouw code trouwens niet dat als je de maximale hoogte van een rij geeft elke rij zo hoog wordt ook als er een rij is met maar een entry hoog? Ga er morgen mee verder.
1 2 3 4 | .rowbod div:nth-child(3n+1) { clear: both; } |
Probleem is alleen dat alles dan weer niet doorschuift naar de andere rijenquote:Op woensdag 2 juli 2014 19:51 schreef TwenteFC het volgende:
[..]
op basis van je fiddle
[ code verwijderd ]
Hoe bedoel je dit?quote:Op woensdag 2 juli 2014 20:43 schreef tweemeter het volgende:
[..]
Probleem is alleen dat alles dan weer niet doorschuift naar de andere rijen
Jawel, maar als ik die CSS toevoeg en daarna bijvoorbeeld Noord-Brabant selecteer dan schuift hij resultaten niet door, maar blijven ze op hun eigen rij staan.quote:Op woensdag 2 juli 2014 20:44 schreef TwenteFC het volgende:
[..]
Hoe bedoel je dit?
Je wil dus niet altijd rijen van 3 hebben?`
Dank voor het snelle antwoord .quote:Op maandag 7 juli 2014 12:30 schreef KomtTijd... het volgende:
1) ja
2) Een veelgebruikte taal voor webapplicaties is PHP, maar met C# kan het ook. Je zit dan wel vast aan windows-hosting, wat het misschien wat lastiger en/of duurder maakt.
Ik heb die course net achter de rug.quote:
Ben persoonlijk een fan van SublimeText en PHPStormquote:Op dinsdag 8 juli 2014 00:32 schreef knight18 het volgende:
Welke editor raden jullie aan voor html, css en javascript?
Same. Nu net overgestapt op Webstorm ("moest" van mijn werk, aka hadden we een licentie van over) maar werkt uiteindelijk hetzelfde. Prima editors beide.quote:Op dinsdag 8 juli 2014 00:33 schreef TwenteFC het volgende:
[..]
Ben persoonlijk een fan van SublimeText en PHPStorm
Kwestie van instellen lijkt me?quote:Op dinsdag 8 juli 2014 01:41 schreef n8n het volgende:
JSLint is pure aids in Atom, window is not defined use spaces instead of tabs Nog iets over expected columns. Flikker op gek die bitch is loco.
Als je niet enkel HTML/CSS doet maar ook PHP of Java is het wel erg fijn.quote:Op dinsdag 8 juli 2014 07:49 schreef boem-dikkie het volgende:
Ugh zo'n lomp programma als NetBeans gebruiken voor HTML/CSS.
Gebruik zelf Sublime.
Dank je. Mijn laatste vraag was wat ik precies voor handelingen moet doen om bootstrap te gebruiken.quote:Op dinsdag 8 juli 2014 09:24 schreef Catch22- het volgende:
Dunno, ik begin altijd met een bestaand project of Initializr
vooraf: Ik probeer niet "rude" te zijn, maar dit is mijn manier om mensen leren zelfstandig te zijn.quote:Op dinsdag 8 juli 2014 09:28 schreef knight18 het volgende:
[..]
Dank je. Mijn laatste vraag was wat ik precies voor handelingen moet doen om bootstrap te gebruiken.
Sorry daarvoor, maar op dit gebied ben ik echt nieuw.quote:Op dinsdag 8 juli 2014 09:28 schreef Catch22- het volgende:
[..]
vooraf: Ik probeer niet "rude" te zijn, maar dit is mijn manier om mensen leren zelfstandig te zijn.
dat staat heel duidelijk op de website van bootstrap
Maar kijk eens naar initializr, daar klik je zo een goede template mee inelkaar
"Give a man a fish and you'll feed him for a day. Teach him how to fish and you'll feed him for life". Dit is op development vlak onwijs relevant. Ik help je graag op weg; ik ga geen dingen voorkauwen.quote:Op dinsdag 8 juli 2014 09:38 schreef knight18 het volgende:
[..]
Sorry daarvoor, maar op dit gebied ben ik echt nieuw.
Ik heb mij al wat ingelezen op het gebied van twitter bootstrap.
Echter heb ik op internet gezocht en kan ik het verschil niet vinden tussen die en initializr bootstrap(ken tevens veel technische termen nog niet).
Dat klopt ook wel! Ik heb wel al html en css kennis samen met wat java en c# kennis. Maar bootstrap en javascript zijn voor mij compleet nieuw. Ben nu ook javascript aan het leren .quote:Op dinsdag 8 juli 2014 09:44 schreef KomtTijd... het volgende:
Om me bij catch22 aan te sluiten: Dan ben je waarschijnlijk aan beiden nog niet aan toe.
quote:Op dinsdag 8 juli 2014 09:43 schreef Catch22- het volgende:
[..]
"Give a man a fish and you'll feed him for a day. Teach him how to fish and you'll feed him for life". Dit is op development vlak onwijs relevant. Ik help je graag op weg; ik ga geen dingen voorkauwen.
Initializr is meer een projecttemplate generator. Maar begin eerst eens met jQuery en pak daarna eens wat bootstrap er bij.
Al die tools die er tegenwoordig zijn, zijn onwijs tof. Maar wat basale kennis is wel nodig om die goed te kunnen gebruiken. Dus ga niet dom copy-pasten, maar probeer te snappen wat je doet. Als je iets niet snapt; ga dan googlen en probeer dingen niet alleen te lezen, maar ook te begrijpen.
Aan de andere kant moet je ook gewoon af en toe je kop stoten. Dat is ons allemaal overkomen en gebeurt nog steeds wel eens.quote:Op dinsdag 8 juli 2014 10:03 schreef Sitethief het volgende:
[..]
Copy-paste leid tot dit soort problemen: http://thedailywtf.com/Articles/Code-Abuse.aspx
Ik weet al wat de fout is. Ik had de javascript in het js mapje gezet. Blijkbaar moest het gewoon in de site root staan waar de html ook staat.quote:Op dinsdag 8 juli 2014 10:39 schreef Tijn het volgende:
Blijkbaar gaat er toch iets fout. Post je code eens, inclusief de bestandsnamen van de verschillende files.
Het moet gewoon daar staan waar je in het script-element aangeeft dat het staat.quote:Op dinsdag 8 juli 2014 10:46 schreef knight18 het volgende:
[..]
Ik weet al wat de fout is. Ik had de javascript in het js mapje gezet. Blijkbaar moest het gewoon in de site root staan waar de html ook staat.
Begrijp ik. Raakte alleen in de war door de mapjes die werden aangemaakt door Netbeans. Namelijk css en js. Het html bestand staat hierbuiten, en om een of andere reden dacht ik dat het javascript in js hoorde. Maar het is logisch dat die hem niet vind als je niet zegt dat die in de js map zit.quote:Op dinsdag 8 juli 2014 11:37 schreef Tijn het volgende:
[..]
Het moet gewoon daar staan waar je in het script-element aangeeft dat het staat.
Had ff ingelezen maar dat brengt weer andere zut met zich mee. Lijkt een bug te zijn in deze versie maar whatever. Vind de weergave ook irritant, bij sublime stond een bolletje bij de regel met de melding in de statusbalk, bij atom krijg ik bij een save een firebug console met alle meldingen. Jammer maar helaasquote:
1 | .class1>.class2 {background-color: #ccc;} |
Geef maar toe, je hebt helemaal niet gezochtquote:Op dinsdag 15 juli 2014 14:18 schreef jagermaster het volgende:
Soms kom je bij CSS bestanden het volgende tegen
[ code verwijderd ]
Nu vraag ik mij af waarom ">" wordt gebruikt en wat het precies doet. Als ik naar tutorials kijk zie ik het nergens terugkomen.
Hoe bedoel je dat precies?quote:Op dinsdag 15 juli 2014 11:09 schreef Catch22- het volgende:
Een app bouwen met cordova is stap 1. In-house besloten distributie is 2. Iemand tips (iOs/Android)?
Ik wil een app binnen een bedrijf distribueren & updaten zonder dat hij in een store komt. Ben er nu wel achter hoe dat kan, maar Apple maakt het wel lastig. Helemaal omdat ze er blijkbaar wel iets voor hebben, maar dat is niet in NL beschikbaarquote:
Symbolhound is handig voor het zoeken op dit soort tekens.quote:Op dinsdag 15 juli 2014 14:18 schreef jagermaster het volgende:
Soms kom je bij CSS bestanden het volgende tegen
[ code verwijderd ]
Nu vraag ik mij af waarom ">" wordt gebruikt en wat het precies doet. Als ik naar tutorials kijk zie ik het nergens terugkomen.
thx voor die sitequote:Op dinsdag 15 juli 2014 14:50 schreef picodealion het volgende:
[..]
Symbolhound is handig voor het zoeken op dit soort tekens.
http://symbolhound.com/?q=%3E+css
2e hit is je antwoord.
Gewoon een Enterprise account nemen en klaar toch?quote:Op dinsdag 15 juli 2014 14:46 schreef Catch22- het volgende:
[..]
Ik wil een app binnen een bedrijf distribueren & updaten zonder dat hij in een store komt. Ben er nu wel achter hoe dat kan, maar Apple maakt het wel lastig. Helemaal omdat ze er blijkbaar wel iets voor hebben, maar dat is niet in NL beschikbaar
Mja, dat mag volgens mij eigenlijk niet. En het was me niet duidelijk tot in hoeverre je devices van gebruikers moet overnemen/locken (als je snapt wat ik bedoel). Maar het lijkt nu duidelijk.quote:Op dinsdag 15 juli 2014 15:17 schreef Tijn het volgende:
[..]
Gewoon een Enterprise account nemen en klaar toch?
Je javascript bestand past juist prima in je js map. Daar is die map voor. Maar zorg er dan voor dat je in je html er correct een verwijst door de map in je pad mee te nemen.quote:Op dinsdag 8 juli 2014 11:38 schreef knight18 het volgende:
[..]
Begrijp ik. Raakte alleen in de war door de mapjes die werden aangemaakt door Netbeans. Namelijk css en js. Het html bestand staat hierbuiten, en om een of andere reden dacht ik dat het javascript in js hoorde. Maar het is logisch dat die hem niet vind als je niet zegt dat die in de js map zit.
1 | <script src="js/script.js></script> |
Ah, op die manier. Ik dacht aan 'besloten' als in 'overeengekomen'quote:Op dinsdag 15 juli 2014 14:46 schreef Catch22- het volgende:
[..]
Ik wil een app binnen een bedrijf distribueren & updaten zonder dat hij in een store komt. Ben er nu wel achter hoe dat kan, maar Apple maakt het wel lastig. Helemaal omdat ze er blijkbaar wel iets voor hebben, maar dat is niet in NL beschikbaar
Enterprise account (Apple Developers Center), signen en exporteren voor Ad Hoc development.quote:Op dinsdag 15 juli 2014 14:46 schreef Catch22- het volgende:
[..]
Ik wil een app binnen een bedrijf distribueren & updaten zonder dat hij in een store komt. Ben er nu wel achter hoe dat kan, maar Apple maakt het wel lastig. Helemaal omdat ze er blijkbaar wel iets voor hebben, maar dat is niet in NL beschikbaar
Dat is max. 100 gebruikers he? Dat is in de toekomst misschien niet genoeg.quote:Op woensdag 16 juli 2014 00:49 schreef Crutch het volgende:
[..]
Enterprise account (Apple Developers Center), signen en exporteren voor Ad Hoc development.
Zo moeilijk is het niet.
Ik begrijp de verwarring, waarde Catch22-, maar dat geldt voor "test"-devices. Distributie onder werknemers is ongelimiteerd.quote:Op woensdag 16 juli 2014 09:35 schreef Catch22- het volgende:
[..]
Dat is max. 100 gebruikers he? Dat is in de toekomst misschien niet genoeg.
Bronquote:Enterprise. As few developers have experience with the Enterprise developer program, there is a lot of confusion about Enterprise distribution. You DO NOT have to register device UDID’s for general distribution within your enterprise. You may choose to use AdHoc distribution during development of your app in order to strictly control who has access to it prior to full release. If you use AdHoc distribution during development it has exactly the same restrictions as mentioned above. But when your app is ready to be widely distributed to your employees, UDIDs do not matter, and there are no restrictions about the number of users or devices – provided you adhere to the “properly authorized user” clause.
Wat ik eruit begreep: ja.quote:Op woensdag 16 juli 2014 18:45 schreef Catch22- het volgende:
Oké. Dus als ik iets voor een klant maak moet de klant officieel ook een enterprise account nemen. En als we iets publiek in de appstore willen, moeten we het 99dollar account ook nemen?
Nee dat is het sowieso niet, maar we willen als test zelf een app bouwen (is al bijna klaar trouwens Een Meteor-based API die data scraped en served via een REST-Api aan een app die is opgebouwd met ionic, best wel tof ) en die willen we als test in de Store zetten.quote:Op woensdag 16 juli 2014 18:56 schreef Crutch het volgende:
[..]
Wat ik eruit begreep: ja.
Maar weet het niet zeker.
Ik neem aan dat 99 dollar geen probleem is voor een klant die meer dan honderd mederwerkers heeft?
Klinkt leukquote:Op donderdag 17 juli 2014 09:24 schreef Catch22- het volgende:
[..]
Nee dat is het sowieso niet, maar we willen als test zelf een app bouwen (is al bijna klaar trouwens Een Meteor-based API die data scraped en served via een REST-Api aan een app die is opgebouwd met ionic, best wel tof ) en die willen we als test in de Store zetten.
Is ook. Hoop het binnen een week of 2 te kunnen releasen. Wel pittig developen...quote:
Alright. Hoe groot is het dev-team?quote:Op vrijdag 18 juli 2014 16:58 schreef Catch22- het volgende:
[..]
Is ook. Hoop het binnen een week of 2 te kunnen releasen. Wel pittig developen...
- Een virtual machine met ubuntu waar NodeJS/RestAPI/Meteor app
- Op window netbeans met de native app + browserversie van de ionic app
- Emulator met zijn console
en alles tegelijk in de gaten houden
Het devteam bestaat uit ongeveer 1 persoon.quote:Op vrijdag 18 juli 2014 17:02 schreef Crutch het volgende:
[..]
Alright. Hoe groot is het dev-team?
Wij hebben een app (Phonegapp build) in 150 schoenwinkels in Belgie draaien. Zowel Android tablets als iPads. Gaat tot nu toe nog prima. Vorige week alweer een feature request binnengekregen.
Zware taak dan ja.quote:Op vrijdag 18 juli 2014 17:06 schreef Catch22- het volgende:
[..]
Het devteam bestaat uit ongeveer 1 persoon.
1 2 3 4 5 6 7 8 9 10 11 12 | <!DOCTYPE html> <html> <body> <form action="demo_keygen.asp" method="get"> Username: <input type="text" name="usr_name"> Encryption: <keygen name="security"> <input type="submit"> </form> </body> </html> |
Dat zul je dan aan moeten passen in demo_keygen,asp. Die geeft de output terug die je ziet. Als je dit voorbeeld echter direct van W3Schools pakt denk ik niet dat bij dat bestand kunt komen.quote:Op zaterdag 19 juli 2014 18:07 schreef Super-B het volgende:
Hallo,
ik ben even mijn kennis weer aan het opfrissen en alles oppikken. Ik heb de volgende code en ik vraag mij het volgende af:
Op een pagina is de volgende code verwerkt:
[ code verwijderd ]
Het ziet er dan zo uit:
[ afbeelding ]
Stel dat ik een gebruikersnaam invul en daarna op 'verzenden' klikt, hoe zorg ik er dan voor dat ik bijvoorbeeld op de pagina die erna volgt het volgende kan laten weergeven:
''De encryptie is: ..... (encryptie)....''
Het ziet er namelijk nu zo uit:
[ afbeelding ]
Sowieso zou ik als ik hem was ver wegblijven van classic ASP in combinatie met VB.quote:Op zaterdag 19 juli 2014 18:34 schreef BrainOverfloW het volgende:
[..]
Dat zul je dan aan moeten passen in demo_keygen,asp. Die geeft de output terug die je ziet. Als je dit voorbeeld echter direct van W3Schools pakt denk ik niet dat bij dat bestand kunt komen.
dit zal gewoon een asp.net bestand zijn. Gewoon te openen en te bewerken.quote:Op zaterdag 19 juli 2014 18:45 schreef robin007bond het volgende:
[..]
Sowieso zou ik als ik hem was ver wegblijven van classic ASP in combinatie met VB.
I know.quote:Op zaterdag 19 juli 2014 19:50 schreef remi1986 het volgende:
[..]
dit zal gewoon een asp.net bestand zijn. Gewoon te openen en te bewerken.
en get voor userdataquote:Op zaterdag 19 juli 2014 18:45 schreef robin007bond het volgende:
[..]
Sowieso zou ik als ik hem was ver wegblijven van classic ASP in combinatie met VB.
Aha.. .asp is de tegenhanger van .php toch?quote:Op zaterdag 19 juli 2014 18:34 schreef BrainOverfloW het volgende:
[..]
Dat zul je dan aan moeten passen in demo_keygen,asp. Die geeft de output terug die je ziet. Als je dit voorbeeld echter direct van W3Schools pakt denk ik niet dat bij dat bestand kunt komen.
ASP is een servertaal net als bijvoorbeeld PHP, Rails en tegenwoordig ook JavaScript. Van die talen is ASP de meest verouderde dus als je zelf iets wilt gaan maken kun je je beter toeleggen op een andere server taal.quote:Op zaterdag 19 juli 2014 21:05 schreef Super-B het volgende:
[..]
Aha.. .asp is de tegenhanger van .php toch?
Servertaal van Js is JSNode toch?quote:Op zaterdag 19 juli 2014 21:30 schreef BrainOverfloW het volgende:
[..]
ASP is een servertaal net als bijvoorbeeld PHP, Rails en tegenwoordig ook JavaScript. Van die talen is ASP de meest verouderde dus als je zelf iets wilt gaan maken kun je je beter toeleggen op een andere server taal.
De taal blijft nog steeds gewoon JS. Maar de JS servers heten NodeJS.quote:
Oké thanks voor de info!quote:Op zaterdag 19 juli 2014 21:34 schreef BrainOverfloW het volgende:
[..]
De taal blijft nog steeds gewoon JS. Maar de JS servers heten NodeJS.
heel simpel gezegd jaquote:Op zaterdag 19 juli 2014 21:34 schreef BrainOverfloW het volgende:
[..]
De taal blijft nog steeds gewoon JS. Maar de JS servers heten NodeJS.
Een simpel antwoord leek hier wel op zijn plaats. Maar heb me ook nog niet genoeg in Node verdiept om er echt een diepgaand antwoord op te geven. Dus voel je vrij om aan te vullen als je zin hebtquote:
mwoah, ik heb met nodejs zoiets dat als iemand je moet uitleggen wat het is, het niets voor jou is. Je moet vrij veel basiskennis hebben om er goed mee te werken.quote:Op zondag 20 juli 2014 00:28 schreef BrainOverfloW het volgende:
[..]
Een simpel antwoord leek hier wel op zijn plaats. Maar heb me ook nog niet genoeg in Node verdiept om er echt een diepgaand antwoord op te geven. Dus voel je vrij om aan te vullen als je zin hebt
Hss, das dus logies. Kijk, je heb een server, en data, ja en dan moet je dat dus verwerken, das dus logish, toch? Nou en als je dat dus goed doet, heb je dus een applicatie.quote:Op zondag 20 juli 2014 00:35 schreef Scorpie het volgende:
NodeJS is ongeveer hetzelfde als voetballen; iedereen snapt de regels maar slechts weinigen snappen het spelletje.
Dat is de makkelijkste manier.quote:Op maandag 21 juli 2014 10:55 schreef mschol het volgende:
Wat is best practice om te zorgen dat een client altijd de laatste versie van een bestand ophaalt, en niet uit de cache?
Op dit moment voeg ik aan eventuele XMLHttpRequests een timestamp aan de get request toe, zodat ik zeker weet dat de laatste versie van de server wordt gehaald
Doe ik ook. Wij hebben in ons platform een key die wordt genereerd adhv de huidige build. Bij elke update wordt die automagisch aangepast.quote:Op maandag 21 juli 2014 10:57 schreef Tijn het volgende:
Ik zou de timestamp vervangen door een versienummer die alleen wijzigt als de inhoud van de file wijzigt. Dan voorkom je dat een client dezelfde file duizenden keren in z'n cache heeft.
Je kunt het versienummer trouwens ook gewoon in de filename zetten ipv met een GET-variabele toe te voegen.
Ja precies. Of je plakt een md5 hash van de inhoud van de file eraan, dan wijzigt het ook automatisch als de content verandert.quote:Op maandag 21 juli 2014 11:00 schreef Catch22- het volgende:
[..]
Doe ik ook. Wij hebben in ons platform een key die wordt genereerd adhv de huidige build. Bij elke update wordt die automagisch aangepast.
quote:jQuery.ajax( [settings ] )
cache (default: true, false for dataType 'script' and 'jsonp')
Type: Boolean
If set to false, it will force requested pages not to be cached by the browser. Note: Setting cache to false will only work correctly with HEAD and GET requests. It works by appending "_={timestamp}" to the GET parameters. The parameter is not needed for other types of requests, except in IE8 when a POST is made to a URL that has already been requested by a GET.
is ook beter want sommige proxy servers cachen bestanden met get statementes niet (als ik Google speed mag geloven).quote:Op maandag 21 juli 2014 10:57 schreef Tijn het volgende:
Ik zou de timestamp vervangen door een versienummer die alleen wijzigt als de inhoud van de file wijzigt. Dan voorkom je dat een client dezelfde file duizenden keren in z'n cache heeft.
Je kunt het versienummer trouwens ook gewoon in de filename zetten ipv met een GET-variabele toe te voegen.
quote:Op woensdag 23 juli 2014 13:12 schreef KomtTijd... het volgende:
Ik zit weer een bootstrap-template te implementeren. Nu zou ik nooit zelf zo'n gelikte layout kunnen produceren, maar echt. Ik moet kotsen van mijn eigen code .
ben toch benieuwd wat je doet, want ik vind t relatief clean als ik het doe. Maar ik ben dan ook niet iemand die paniekeert als een element vier classes heeftquote:Op woensdag 23 juli 2014 13:12 schreef KomtTijd... het volgende:
Ik zit weer een bootstrap-template te implementeren. Nu zou ik nooit zelf zo'n gelikte layout kunnen produceren, maar echt. Ik moet kotsen van mijn eigen code .
Ja kut is dat he. Zelfde met Foundation overigens, zit me een partij .row's en .column.large-n te nesten waar je ziek van wordt. Ben er nog steeds niet over wanneer ik gewoon moet besluiten om het gekozen framework even te negeren en gewoon zelf een paar regels css erbij te pleuren.quote:Op woensdag 23 juli 2014 13:12 schreef KomtTijd... het volgende:
Ik zit weer een bootstrap-template te implementeren. Nu zou ik nooit zelf zo'n gelikte layout kunnen produceren, maar echt. Ik moet kotsen van mijn eigen code .
ja rationeel maakt het ook geen zak uit, maar ik vind het gewoon lelijk. Alleen de code voor het menu is al 3x zo lang geworden terwijl ik het zelfde zou kunnen bereiken met enkel css. Alleen kost me dat een jaar omdat ik er niet goede in ben .quote:Op woensdag 23 juli 2014 22:15 schreef Catch22- het volgende:
[..]
ben toch benieuwd wat je doet, want ik vind t relatief clean als ik het doe. Maar ik ben dan ook niet iemand die paniekeert als een element vier classes heeft
Als je menu drie keer zo lang is, dan doe je toch iets niet goed, lijkt me. Maar dat kan ook aan je bootstraptheme liggen. Een beetje theme zorgt ervoor dat je alleen een ul met li's hebt en dan zorgt een bepaalde class in de ul voor de gehele opmaak.quote:Op donderdag 24 juli 2014 09:27 schreef KomtTijd... het volgende:
[..]
ja rationeel maakt het ook geen zak uit, maar ik vind het gewoon lelijk. Alleen de code voor het menu is al 3x zo lang geworden terwijl ik het zelfde zou kunnen bereiken met enkel css. Alleen kost me dat een jaar omdat ik er niet goede in ben .
Nouja je wilt er ook een icoontje bij ofzo. Had prima met li::after gekund natuurlijk maar nu is het <i class=" fa fa-angle-right"></i> in de HTML. Plus inderdaad 100 classnames per element. Natuurlijk maakt het allemaal geen zak uit, maar de autist in mij houdt er niet vanquote:Op donderdag 24 juli 2014 09:30 schreef Maringo het volgende:
[..]
Als je menu drie keer zo lang is, dan doe je toch iets niet goed, lijkt me. Maar dat kan ook aan je bootstraptheme liggen. Een beetje theme zorgt ervoor dat je alleen een ul met li's hebt en dan zorgt een bepaalde class in de ul voor de gehele opmaak.
Dit geldt ook inderdaad. Het is wel lekker makkelijk allemaal zo.quote:Op donderdag 24 juli 2014 09:42 schreef Catch22- het volgende:
Ik vind onderhoudbaarheid belangrijker dan een paar kB op je css file. Daar merk je toch niets van (als het niet de spuigaten uitloopt)
Gebruik ik ook al een tijdje, echt ideaal. Heb er een handige mixin voor geschreven voor Less. If interested wil ik hem wel delenquote:
Wij gebruiken hier SASS maar je mag hem altijd delen natuurlijkquote:Op donderdag 24 juli 2014 10:10 schreef Catch22- het volgende:
[..]
Gebruik ik ook al een tijdje, echt ideaal. Heb er een handige mixin voor geschreven voor Less. If interested wil ik hem wel delen
Maakt weinig uit, volgens mij kan je hem 1:1 kopieren. Als FontAwesome een Sass versie heeft iig.quote:Op donderdag 24 juli 2014 10:22 schreef Scorpie het volgende:
[..]
Wij gebruiken hier SASS maar je mag hem altijd delen natuurlijk
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 | @primary-color: #B63918; @iconSize: 17px; .make-icon(@var, @color: @primary-color) { &:before { .fa; padding-right:5px; color:@color; font-size:@iconSize; content:(@var); } } .reset-icon() { &:before { .fa; padding-right:0; content:' '; } } .rotate-icon() { &:before { .fa-rotate-90; } } .make-icon-after(@var, @color: @primary-color) { &:after { .fa; padding-left:5px; color:@color; font-size:@iconSize; content:(@var); } } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | a.action { .make-icon(@fa-var-adjust); &.moveUp, &.moveup { .make-icon(@fa-var-arrow-circle-o-up); } &.moveDown, &.movedown { .make-icon(@fa-var-arrow-circle-o-down); } //etc &.sub { .make-icon(@fa-var-level-up); .rotate-icon(); } } |
Ja dat heeft maar een paar kleine aanpassingen nodig voor SASS.quote:Op donderdag 24 juli 2014 10:27 schreef Catch22- het volgende:
[..]
Maakt weinig uit, volgens mij kan je hem 1:1 kopieren. Als FontAwesome een Sass versie heeft iig.
Mixin
[ code verwijderd ]
Gebruik
[ code verwijderd ]
Ja, het is niet superhoogstaand of spannend, maar dit scheelde mij veel ergernis. Je hebt alleen dan 2 classes nodig voor een icon, maar dat levert wel nettere css op. En als je een icon + onopgemaakte class gebruikt zie je het adjust icoon, weet je gelijk dat je dat nog moet fiksenquote:Op donderdag 24 juli 2014 10:30 schreef Scorpie het volgende:
[..]
Ja dat heeft maar een paar kleine aanpassingen nodig voor SASS.
waarom (als je toch px gebruikt) niet 16px voor de icons. Volgens mij zijn ze op 16px 'getekend' dus ook scherper.quote:Op donderdag 24 juli 2014 10:27 schreef Catch22- het volgende:
[..]
Maakt weinig uit, volgens mij kan je hem 1:1 kopieren. Als FontAwesome een Sass versie heeft iig.
Mixin
[ code verwijderd ]
Gebruik
[ code verwijderd ]
Niet per sé voor 16px meer in v3:quote:Op donderdag 24 juli 2014 11:26 schreef n8n het volgende:
[..]
waarom (als je toch px gebruikt) niet 16px voor de icons. Volgens mij zijn ze op 16px 'getekend' dus ook scherper.
groter kon altijd al, punt was dat de iconen oorspronkelijk gemaakt zijn op 16 bij 16 pixels, ze zien er derhalve het scherpst uit op 16 bij 16 pixels of een vermenigvuldiging daarvan al zal het vanaf 32px steeds minder opvallen.quote:Op donderdag 24 juli 2014 11:42 schreef Maringo het volgende:
[..]
Niet per sé voor 16px meer in v3:
http://fortawesome.github.io/Font-Awesome/3.2.1/icons/
Klik maar op een icoon, dan zie je ook de grotere versies.
quote:Microsoft To Drop Support For Older Versions of Internet Explorer
After January 12, 2016, only the most recent version of Internet Explorer available for a supported operating system will receive technical support and security updates. For example, customers using Internet Explorer 8, 9, or 10 on Windows 7 SP1 should migrate to Internet Explorer 11 to continue receiving security updates and technical support.
From the blog post: "Microsoft recommends enabling automatic updates to ensure an up-to-date computing experience—including the latest version of Internet Explorer—and most consumers use automatic updates today. Commercial customers are encouraged to test and accept updates quickly, especially security updates.
Regular updates provide significant benefits, such as decreased security risk and increased reliability, and Windows Update can automatically install updates for Internet Explorer and Windows."
Had 6 maanden terug nog een klant van een klant waarbij Bootstrap in een enkel geval crashte op IE7 (halve middag debuggen).quote:Op vrijdag 8 augustus 2014 11:10 schreef Catch22- het volgende:
IE7 en lager kan me sowieso de pijp blazen. In IE8 zorg ik dat het werkt, meer niet.
het nieuwe IE6quote:
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.“Specialization is for insects”.—Robert Heinlein
Begin eens met Chrome te werken.quote:Op donderdag 14 augustus 2014 14:48 schreef superky het volgende:
Hoi een vraagje ik zit het boek " PHP, MySQL, JavaScript & HTML5 All-in-One For Dummies" te lezen hehe. En daarin volg een tutorial hoe je wat javascript validatie kan schrijven voor een form. Alleen wanneer ik een regel leeg laat, dan hoort hij een error te laten zien zoals op deze afbeelding weergegeven:
[ afbeelding ]
De afbeelding komt trouwens van het pdf.
Het probleem is wanneer ik een lege form verstuur dat ik die errors niet krijg. Hier is mijn code:
form.php link:
http://pastebin.com/j3v8AWVB
form.js link:
http://pastebin.com/2YCbPDqH
Naar mijn mening ziet de code er goed uit. En ik weet echt niet waar het aan ligt. Kan iemand me misschien helpen? Alvast bedankt voor uw antwoord !
Je gebruikt verkeerde quotes. Je hebt aparte open en sluiten ” in plaats van ". Zowel bij de single als de double quotes. Browsers lezen alleen de " goed.quote:Op donderdag 14 augustus 2014 14:48 schreef superky het volgende:
Hoi een vraagje ik zit het boek " PHP, MySQL, JavaScript & HTML5 All-in-One For Dummies" te lezen hehe. En daarin volg een tutorial hoe je wat javascript validatie kan schrijven voor een form. Alleen wanneer ik een regel leeg laat, dan hoort hij een error te laten zien zoals op deze afbeelding weergegeven:
[ afbeelding ]
De afbeelding komt trouwens van het pdf.
Het probleem is wanneer ik een lege form verstuur dat ik die errors niet krijg. Hier is mijn code:
form.php link:
http://pastebin.com/j3v8AWVB
form.js link:
http://pastebin.com/2YCbPDqH
Naar mijn mening ziet de code er goed uit. En ik weet echt niet waar het aan ligt. Kan iemand me misschien helpen? Alvast bedankt voor uw antwoord !
Zo leren we allemaal van onze foutenquote:
single dumb quotes ook: '. Gebruik ik zelf altijd bij php/js. Vind het makkelijker lezen en het combineert makkelijker met htmlquote:Op donderdag 14 augustus 2014 15:43 schreef BrainOverfloW het volgende:
[..]
Je gebruikt verkeerde quotes. Je hebt aparte open en sluiten ” in plaats van ". Zowel bij de single als de double quotes. Browsers lezen alleen de " goed.
Als je chrome gebuikt kun je in de DevTools snel zien dat dit fout gaat.
[ afbeelding ]
Gister nog een hoop gedoe dat klant niet kon inloggen op het CMS, blijkt dat te komen door IE8, het is echter een grote financieele instelling, en die zijn jaren bezig geweest met een upgrade naar IE8, kortom upgrade naar windows 7 duurt nog minimaal 6 jaar.quote:
true that.quote:Op vrijdag 15 augustus 2014 10:30 schreef Catch22- het volgende:
Dat is een smaakkwestie (single of double), als je het maar consequent doet.
nice! Had echt een shitstorm verwachtquote:Op vrijdag 15 augustus 2014 10:43 schreef Catch22- het volgende:
Ziet er wel netjes uit zo
Mijn eerste app draait nu live. Meteor (Node-based dus) api en een Android en iOs Cordova-powered app (die in de appstores staan)
Klopt. Ik doelde ook op dat type quotes, wist alleen niet dat ze zo heten. Gebruik zelf ook het liefst de single quotes.quote:Op vrijdag 15 augustus 2014 10:25 schreef n8n het volgende:
[..]
single dumb quotes ook: '. Gebruik ik zelf altijd bij php/js. Vind het makkelijker lezen en het combineert makkelijker met html
komt nog uit de tijd van de typemachine, toen waren dubbele functies voor toetsen lastig/onmogelijk en combineerden ze “ en ” naar ". Nu weet niemand beter en gebruikt men in teksten nog steeds de ‘domme’ quotes terwijl " en ' eigenlijk voor tijdsnotering en afmetingen zijnquote:Op vrijdag 15 augustus 2014 19:15 schreef BrainOverfloW het volgende:
[..]
Klopt. Ik doelde ook op dat type quotes, wist alleen niet dat ze zo heten. Gebruik zelf ook het liefst de single quotes.
Je class niet laten beginnen met (een) cijfer(s).quote:Op zaterdag 16 augustus 2014 15:45 schreef BroodjeKebab het volgende:
[ afbeelding ]
[ afbeelding ]
[ afbeelding ]
Die 9292 blijft daar vast op die positie, wat ik ook doe... wat moet ik doen? Hij reageert gewoon op niks..
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 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 | /* Hover Shadow */ @-webkit-keyframes hover { 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hover { 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } @keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } .hover-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .hover-shadow:hover, .hover-shadow:focus, .hover-shadow:active { -webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .hover-shadow:hover:before, .hover-shadow:focus:before, .hover-shadow:active:before { opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } |
Dat zou ik niet doen ;-) een hele jaap CSS je code in jagen terwijl je niet weet wat het doet.quote:Op zaterdag 16 augustus 2014 18:18 schreef BroodjeKebab het volgende:
Ik heb een code gevonden (hover/mouse over CSS) en ik zou graag deze willen toepassen op de IMG (images) die ik op mijn website heb. Wat moet ik erbij zetten om het werkend te krijgen?
[ code verwijderd ]
1 2 3 4 | img:hover { border:4px solid #00ff00; /* TEST */ } |
Top dankje! Ik had nog één vraag:quote:Op zaterdag 16 augustus 2014 18:23 schreef amvrosios het volgende:
[..]
Dat zou ik niet doen ;-) een hele jaap CSS je code in jagen terwijl je niet weet wat het doet.
mijn advies?
[ code verwijderd ]
:-) vanuit daar uitbouwen naar wat je wilt hebben
quote:Op zaterdag 16 augustus 2014 18:40 schreef BroodjeKebab het volgende:
[..]
Top dankje! Ik had nog één vraag:
Ik heb de volgende background:
http://www.hadewallpapers(...)ckground-image-css-3
Maar zoals je ziet herhaalt hij zich:
[ afbeelding ]
Hoe kan ik zorgen dat die zich niet herhaalt, maar dan ook wel fullscreen is?
[ afbeelding ]
1 | <body style="background-image:hout.jpg; background-repeat:no-repeat;"> |
quote:Op zaterdag 16 augustus 2014 18:40 schreef BroodjeKebab het volgende:
[..]
Top dankje! Ik had nog één vraag:
Ik heb de volgende background:
http://www.hadewallpapers(...)ckground-image-css-3
Maar zoals je ziet herhaalt hij zich:
[ afbeelding ]
Hoe kan ik zorgen dat die zich niet herhaalt, maar dan ook wel fullscreen is?
[ afbeelding ]
1 2 3 4 5 6 7 | body { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } |
quote:Op zaterdag 16 augustus 2014 18:42 schreef amvrosios het volgende:
[..]
[ code verwijderd ]
Al zou ik de styling persoonlijk niet inline doen ;-)
je kan het beter in een losse stylesheet kieperen om je code maintable te houden
Ik ben geen pro als jullie, het is maar voor een persoonlijke pagina.quote:Op zaterdag 16 augustus 2014 18:42 schreef donroyco het volgende:
[..]
[ afbeelding ]
Wat is dit voor prut
[ code verwijderd ]
http://codepen.io/cbracco/pen/qzukgquote:Op zaterdag 16 augustus 2014 19:30 schreef BroodjeKebab het volgende:
[..]
[..]
Ik ben geen pro als jullie, het is maar voor een persoonlijke pagina.
Ehm.. weten jullie ook hoe ik een tekst kan weergeven als ik 'hover' over een hyperlink?
Dus als ik 'hover' over een foto van een broodje kebab dat er een tekstvak verschijnt met de tekst 'dit is een broodje kebab'
quote:Op zaterdag 16 augustus 2014 19:36 schreef donroyco het volgende:
[..]
http://codepen.io/cbracco/pen/qzukg
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 52 53 54 55 56 57 58 59 60 61 62 | /* Add this attribute to the element that needs a tooltip */ [data-tooltip] { position: relative; z-index: 2; cursor: pointer; } /* Hide the tooltip content by default */ [data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; } /* Position tooltip above the element */ [data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 160px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; } /* Triangle hack to make tooltip look like a speech bubble */ [data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; } /* Show tooltip content on hover */ [data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } |
Wat heb je zelf al geprobeerd?quote:Op zaterdag 16 augustus 2014 19:54 schreef BroodjeKebab het volgende:
[..]
[ code verwijderd ]
[ afbeelding ]
Hoe krijg ik de tooltip boven het element (telegraaf icoon?)
Niet veel, omdat ik het niet begrijp, waarom.. Heb wel de voorgaande fouten kunnen ontdekken, vandaar ook dat ik 3 voorgaande posts heb met een x of een leeg bericht.quote:
Ik heb :quote:
1 2 | margin-bottom: 5px; margin-left: -80px; |
Je moet je <a href> wel afsluitenquote:Op zaterdag 16 augustus 2014 20:26 schreef BroodjeKebab het volgende:
Daarnaast zit er op de tekst 'routeplanner/verkeer/weer' een hyperlink verborgen... Dat terwijl ik geen hyperlink gezet heb.
[ afbeelding ]
[ afbeelding ]
[ afbeelding ]
TOPPIE!!.. Klein dingetje vergeten.. de / ,maar het maakt een wezenlijk verschil. En die tooltip ?quote:Op zaterdag 16 augustus 2014 20:31 schreef donroyco het volgende:
[..]
Je moet je <a href> wel afsluiten
TOPPIE!!.. Klein dingetje vergeten.. de / ,maar het maakt een wezenlijk verschil. En die tooltip ?quote:Op zaterdag 16 augustus 2014 20:31 schreef donroyco het volgende:
[..]
Je moet je <a href> wel afsluiten
quote:Op zaterdag 16 augustus 2014 20:38 schreef BroodjeKebab het volgende:
[..]
Afsluiten heeft niet geholpen..
[ afbeelding ]
1 | <a href="#"><img src="" /></a> |
Ik ben je hondje niet. Probeer zelf eens iets, luie flikkerquote:
WTF ben je aan het kutten jongen?quote:
Zo hoort ie toch?quote:
Dat het niet publiekelijk is, is geen excuus om slechte CSS te schrijven. Als je goede CSS wilt leren moet je juist je best doen om jezelf geen slechte gewoontes uit gemak aan te leren.quote:Op zaterdag 16 augustus 2014 19:30 schreef BroodjeKebab het volgende:
Ik ben geen pro als jullie, het is maar voor een persoonlijke pagina.
Maar ik zie hem geen URL of iets opgeven waar die de query vars vandaan moet halen. Hoe geef ik die op?quote:Now, if you include the above code in your javascript file, you can get URL parameter values in the following way:
// Get object of URL parameters
var allVars = $.getUrlVars();
// Getting URL var by its nam
var byName = $.getUrlVar('name');
1 2 3 4 5 6 7 8 9 10 11 12 13 | function getYoutubeInfo(id) { var url = "http://gdata.youtube.com/feeds/api/videos/" + id + "?v=2&alt=json"; $.getJSON( url ).done( function(data) { var returnObj = { title: data.entry.title.$t, uploader: data.entry.author[0].name.$t } console.log(returnObj); return returnObj; }); }; |
Die undefined is waarschijnlijk het resultaat van de functie getYoutubeInfo omdat er geen return in staat.quote:Op maandag 18 augustus 2014 04:37 schreef d4v1d het volgende:
Ik heb het volgende:
[ code verwijderd ]
Dit lijkt redelijk te werken. de console.log geeft hetgene wat ik verwacht.
Maar zodra ik de functie aanroep krijg ik een undifined te zien
Ennnn in de developer console van Chrome zie ik eerst de undefined en dan zie ik pas XHR finished loading: GET bla bla bla. Alsof die eerst de undefined stuurt en dan pas de json api aanroept.
Waar komt die undefined vandaan en waarom werkt mijn return niet maar console.log wel?
De code waarmee ik hem aanroep:quote:Op maandag 18 augustus 2014 07:21 schreef Aether het volgende:
[..]
Die undefined is waarschijnlijk het resultaat van de functie getYoutubeInfo omdat er geen return in staat.
Hoe roep je die functie aan, want de aanroeper kan nu niet het promiseobject gebruiken.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | function buildList() { var tempElm; $.each(videoList, function(i, id) { tempElm = null; tempElm = $(".videoList .videoItem.hidden").clone().removeClass("hidden"); console.log(getYoutubeInfo(id)); tempElm.find("h4.vid-title").text(getYoutubeInfo(id).title); tempElm.find("span.vid-uploader").text(getYoutubeInfo(id).uploader); tempElm.find("p.vid-id").text("video id: " + id); tempElm.appendTo("ul.videoList"); }); }; |
De functie getYoutubeInfo zal niet direct de gegevens van Youtube terugkrijgen dus die zijn niet direct te gebruiken in buildList. Je kunt het Promise-object als functiewaarde teruggeven zodat het doorvoeren pas plaatsvindt wanneer de gegevens beschikbaar zijn.quote:Op maandag 18 augustus 2014 14:36 schreef d4v1d het volgende:
[..]
De code waarmee ik hem aanroep:
[ code verwijderd ]
videoList is een array met video ID's.
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 | function getYoutubeInfo(id) { var url = "http://gdata.youtube.com/feeds/api/videos/" + id + "?v=2&alt=json"; // Verander "done" door "then" zodat er nog meer // acties aan het Promise-object gekoppeld kunnen worden. // Geef het Promise-object terug zodat het binnen buildList // gebruikt kan worden. return $.getJSON( url ).then( function(data) { var returnObj = { title: data.entry.title.$t, uploader: data.entry.author[0].name.$t } console.log(returnObj); return returnObj; }); }; function buildList() { var tempElm; $.each(videoList, function(i, id) { tempElm = null; tempElm = $(".videoList .videoItem.hidden").clone().removeClass("hidden"); getYoutubeInfo( id ).then(function(info) { // info bevat de gegevens van returnObj uit getYoutubeInfo console.log( info.id ); tempElm.find("h4.vid-title").text( info.title ); tempElm.find("span.vid-uploader").text( info.uploader ); tempElm.find("p.vid-id").text("video id: " + info.id); }); // tempElm wordt toegevoegd voordat de Youtube-info is verwerkt! tempElm.appendTo("ul.videoList"); }); }; |
het werkt Thxquote:Op maandag 18 augustus 2014 14:49 schreef Aether het volgende:
[..]
De functie getYoutubeInfo zal niet direct de gegevens van Youtube terugkrijgen dus die zijn niet direct te gebruiken in buildList. Je kunt het Promise-object als functiewaarde teruggeven zodat het doorvoeren pas plaatsvindt wanneer de gegevens beschikbaar zijn.
[ code verwijderd ]
Nee, de functie getYoutubeInfo geeft een Promise-object terug. Dit is de waarde die $.getJSON teruggeeftquote:Op maandag 18 augustus 2014 14:54 schreef d4v1d het volgende:
[..]
Je returned nu twee keer in getYoutubeInfo() ?
1 2 3 4 5 6 7 8 9 10 11 12 | var result = $.getJSON( url ); result.then(function(data) { var returnObj = { title: data.entry.title.$t, uploader: data.entry.author[0].name.$t } console.log(returnObj); return returnObj; }); return result; |
Komt welquote:Op maandag 18 augustus 2014 15:08 schreef Catch22- het volgende:
Wel even een errorHandler toevoegen natuurlijk
dat zou ik even de boel zo bouwen dat je een array van id's kan doorsturen en je daar de info van krijgt, ipv voor alles een losse request te makenquote:Op maandag 18 augustus 2014 15:40 schreef d4v1d het volgende:
[..]
Komt wel
Maar ik denk dat ik het in php ga herschrijven omdat het uiteindelijk meer gedoe wordt met javascript enzo
(in de .each doet die dus http requests, en die each gaat weer vrolijk door voor de http request klaar is..
Geen zin om daar allemaal omheen te gaan bouwen
Dat je met javascript een array van video id's maakt en deze doorstuurt naar een php dingetje die de info ophaalt?quote:Op maandag 18 augustus 2014 15:42 schreef Catch22- het volgende:
[..]
dat zou ik even de boel zo bouwen dat je een array van id's kan doorsturen en je daar de info van krijgt, ipv voor alles een losse request te maken
neejoj n00b dit is TeaScriptquote:
teascript?quote:
quote:
Dafuq ?! wat is hier het nut van?:')quote:
dit werd vroeger volgens nog best vaak gebruikt, door crappy cms'en en developersquote:Op zondag 24 augustus 2014 00:15 schreef amvrosios het volgende:
[..]
Dafuq ?! wat is hier het nut van?:')
Heel benieuwd hoe je op dit idee bent gekomen...
toen was het ook al fout :-Pquote:Op zondag 24 augustus 2014 00:16 schreef Catch22- het volgende:
[..]
dit werd vroeger volgens nog best vaak gebruikt.
komt van reddit.quote:Op zondag 24 augustus 2014 00:15 schreef amvrosios het volgende:
[..]
Dafuq ?! wat is hier het nut van?:')
Heel benieuwd hoe je op dit idee bent gekomen...
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Het volgende stuk code moet daarvoor worden aangepast. Ik heb geen idee hoe:
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{strip}
{if $count > 0}
<ul class='cf'>
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string='<ul>' times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string='</li></ul>' times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}
</li>
{/if}
{if $node->current == true}
<li{if $node->parent == true || $node->haschildren == true} class='parent current'{/if}>
<a href='{$node->url}' class='current'{if $node->target != ''} target='{$node->target}'{/if}>{$node->menutext}</a>
{elseif $node->parent == true && ($node->type != 'sectionheader' && $node->type != 'separator')}
<li class='parent current'>
<a href='{$node->url}' class='current'{if $node->target != ''} target='{$node->target}'{/if}>{$node->menutext}</a>
{elseif $node->type == 'sectionheader'}
<li class='sectionheader'>
<span class='sectionheader {if $node->parent == true} parent{/if}{if $node->current == true} current{/if}'>{$node->menutext}</span>
{elseif $node->type == 'separator'}
<li class='separator'>
<hr class='separator' />
{else}
<li{if $node->parent == true || $node->haschildren == true} class='parent'{/if}>
<a href='{$node->url}'{if $node->target != ''} target='{$node->target}'{/if}>{$node->menutext}</a>
{/if}
{/foreach}
{repeat string='</li></ul>' times=$node->depth-1}</li>
</ul>
{/if}
{/strip}
Een rimjob voor de winnaar.
1 | {menu start_element='2.1' show_root_siblings='1'} |
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 | {strip} {menu start_element='2.1' show_root_siblings='1'} {if $count > 0} <ul class='cf'> {foreach from=$nodelist item=node} {if $node->depth > $node->prevdepth} {repeat string='<ul>' times=$node->depth-$node->prevdepth} {elseif $node->depth < $node->prevdepth} {repeat string='</li></ul>' times=$node->prevdepth-$node->depth} </li> {elseif $node->index > 0} </li> {/if} {if $node->current == true} <li{if $node->parent == true || $node->haschildren == true} class='parent current'{/if}> <a href='{$node->url}' class='current'{if $node->target != ''} target='{$node->target}'{/if}>{$node->menutext}</a> {elseif $node->parent == true && ($node->type != 'sectionheader' && $node->type != 'separator')} <li class='parent current'> <a href='{$node->url}' class='current'{if $node->target != ''} target='{$node->target}'{/if}>{$node->menutext}</a> {elseif $node->type == 'sectionheader'} <li class='sectionheader'> <span class='sectionheader {if $node->parent == true} parent{/if}{if $node->current == true} current{/if}'>{$node->menutext}</span> {elseif $node->type == 'separator'} <li class='separator'> <hr class='separator' /> {else} <li{if $node->parent == true || $node->haschildren == true} class='parent'{/if}> <a href='{$node->url}'{if $node->target != ''} target='{$node->target}'{/if}>{$node->menutext}</a> {/if} {/foreach} {repeat string='</li></ul>' times=$node->depth-1}</li> </ul> {/if} {/strip} |
1 | {menu start_element='2.1' show_root_siblings='1'} |
quote:Op donderdag 28 augustus 2014 16:12 schreef Cracka-ass het volgende:
Ik ben een tweetalige website in elkaar aan het knutselen en daardoor moet de menustructuur op de schop, namelijk 2,3,4 ipv 1,2,3.Welke taal is dat?SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Het volgende stuk code moet daarvoor worden aangepast. Ik heb geen idee hoe:
[ code verwijderd ]
Een rimjob voor de winnaar.
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 | {if $count > 0} <div id="menuwrapper"> <ul id="nav"> {foreach from=$nodelist item=node} {strip} {if $node->depth > 1} {if $node->depth > $node->prevdepth && $node->prevdepth > 1} {repeat string="<ul>" times=$node->depth-$node->prevdepth} {elseif $node->depth < $node->prevdepth} {repeat string="</li></ul>" times=$node->prevdepth-$node->depth} </li> {elseif $node->index > 0 && $node->prevdepth > 1} </li> {/if} {if ($node->parent == true or ($node->current == true and $node->haschildren == true)) && $node->type !== 'sectionheader'} <li class="menuactive menuparent tl{$node->hierarchy|truncate:3:""|replace:'8.':''}" > <a class="menuactive menuparent" {elseif $node->current == true && $node->type !== 'sectionheader' } <li class="menuactive tl{$node->hierarchy|truncate:3:""|replace:'8.':''}" > <a class="menuactive" {elseif $node->haschildren == true && $node->type !== 'sectionheader'} <li class="menuparent tl{$node->hierarchy|truncate:3:""|replace:'8.':''}" > <a class="menuparent" {elseif $node->type == 'sectionheader'} <li class="sectionheader tl{$node->hierarchy|truncate:3:""|replace:'8.':''}" > {elseif $node->type == 'separator'} <li style="list-style-type: none;"> <hr class="separator" />{else} <li class="tl{$node->hierarchy|truncate:3:""|replace:'8.':''}"> <a {/if} {if $node->type !== 'sectionheader' and $node->type !== 'separator'} href="{$node->url}" {if $node->accesskey != ''}accesskey="{$node->accesskey}" {/if}{if $node->tabindex != ''}tabindex="{$node->tabindex}" {/if}{if $node->titleattribute != ''}title="{$node->titleattribute}"{/if}{if $node->target ne ""} target="{$node->target}"{/if}>{$node->menutext}</a> {elseif $node->type == 'sectionheader'} <span>{$node->menutext}</span> {/if} {/if} {/strip} {/foreach} {repeat string="</li></ul>" times=$node->depth-2} </li> </ul> <div class="clearb"></div> </div> {/if} |
1 | {menu template='ledenmenu' start_element="8"} |
Ja dat klopt, maar het is wel een nare taal om te lezenquote:Op vrijdag 29 augustus 2014 09:24 schreef KomtTijd... het volgende:
Smarty logica is een vrij groot onderdeel van cmsms. Je hoeft er niet van te houden naar het maakt het wel mogelijk iedere output van iedere pagina, module of wat dan ook, volledig naar je hand te zetten zonder de sourcecode aan te raken.
Dat heeft vooral te maken met het splitsen van presentatie en logica in de architectuur van je applicatie, daar heb je geen Smarty voor nodig.quote:Op vrijdag 29 augustus 2014 09:24 schreef KomtTijd... het volgende:
Smarty logica is een vrij groot onderdeel van cmsms. Je hoeft er niet van te houden naar het maakt het wel mogelijk iedere output van iedere pagina, module of wat dan ook, volledig naar je hand te zetten zonder de sourcecode aan te raken.
1 | start_level="2.1" |
Je moet je data structureren in de backend, niet in je template.quote:Op vrijdag 29 augustus 2014 11:48 schreef KomtTijd... het volgende:
Sja, en PHP-code in een database opslaan en eval()'en is ook weer bad practice. En brengt bovendien de nodige risico's met zich mee.
wat is daarbij jouw definitie van "de backend"? Want in mijn definitie zijn templates onderdeel van een backend.quote:Op vrijdag 29 augustus 2014 16:34 schreef Catch22- het volgende:
[..]
Je moet je data structureren in de backend, niet in je template.
Nou, mijn definitie van Front-end is alles waar html in staat. Zulke logica moet je niet in je html willen hebben, imo. Dat sorteren kan je prima aan de achterkant doen.quote:Op vrijdag 29 augustus 2014 17:01 schreef KomtTijd... het volgende:
[..]
wat is daarbij jouw definitie van "de backend"? Want in mijn definitie zijn templates onderdeel van een backend.
Het menu is een object met menu-items. Dat is de structuur. Hoe die weergegeven wordt defineer je in een template en nergens anders. Daar hoort nou eenmaal enige logica bij. Ditsoort opbouw van HTML hardcoded in de broncode opnemen, dát moet je niet willen!quote:Op vrijdag 29 augustus 2014 17:09 schreef Catch22- het volgende:
[..]
Nou, mijn definitie van Front-end is alles waar html in staat. Zulke logica moet je niet in je html willen hebben, imo. Dat sorteren kan je prima aan de achterkant doen.
Daarom sla je het ook gewoon in een file op en niet in je database. En waarom zou je het eval()'en? Als iemand een syntaxfout maakt, dan werkt het niet. Zo is het leven.quote:Op vrijdag 29 augustus 2014 11:48 schreef KomtTijd... het volgende:
Sja, en PHP-code in een database opslaan en eval()'en is ook weer bad practice. En brengt bovendien de nodige risico's met zich mee.
Dat deden ze in eerdere versies, maar het opslaan in de database heeft voordelen, maakt de templates beter te managen. Volgens mij is dit tegenwoordig ook vrij gebruikelijk.quote:Op vrijdag 29 augustus 2014 17:18 schreef Tijn het volgende:
[..]
Daarom sla je het ook gewoon in een file op en niet in je database. En waarom zou je het eval()'en? Als iemand een syntaxfout maakt, dan werkt het niet. Zo is het leven.
Ik vind niet dat er echt een conceptueel verschil is tussen PHP-code in je database of Smarty-code in je database. Ik snap wel dat het makkelijker is om het te wijzigen op deze manier, omdat je dan geen schrijfrechten op disk nodig hebt enzo, maar echt de schoonheidsprijs wint het allemaal niet.quote:Op vrijdag 29 augustus 2014 17:28 schreef KomtTijd... het volgende:
[..]
Dat deden ze in eerdere versies, maar het opslaan in de database heeft voordelen, maakt de templates beter te managen. Volgens mij is dit tegenwoordig ook vrij gebruikelijk.
quote:Op vrijdag 29 augustus 2014 17:09 schreef Catch22- het volgende:
[..]
Nou, mijn definitie van Front-end is alles waar html in staat. Zulke logica moet je niet in je html willen hebben, imo. Dat sorteren kan je prima aan de achterkant doen.
DIG / [PHP/(My)SQL] voor dummies #117quote:Op vrijdag 29 augustus 2014 21:50 schreef TwenteFC het volgende:
Zijn er hier nog mensen die ook aanwezig zijn Laracon 2014?
Teveel tabjes open staan, sorry.quote:Op vrijdag 29 augustus 2014 21:59 schreef donroyco het volgende:
[..]
DIG / [PHP/(My)SQL] voor dummies #117
Wat hij zegt.quote:Op woensdag 3 september 2014 11:19 schreef Catch22- het volgende:
ik ga geen readibility opofferen voor niet merkbare performance...
1 2 3 | $(el).attr('tabindex'); // vs el.getAttribute('tabindex'); |
1 2 3 | $(el).html(); // vs el.innerHTML |
1 2 3 | $(el).empty(); // vs el.innerHTML = ''; |
javascript is prima leesbaar, ligt er net aan hoe je een document opmaakt. Jquery is gewoon 70 tot 500 keer zo langzaam. Vooral met animatie/events merk je dat enormquote:Op woensdag 3 september 2014 11:19 schreef Catch22- het volgende:
ik ga geen readibility opofferen voor niet merkbare performance...
Je hebt gewoon veel meer code nodig. Helemaal met async-requests loopt dat de spuigaten uit imo.quote:Op woensdag 3 september 2014 12:01 schreef n8n het volgende:
[..]
javascript is prima leesbaar, ligt er net aan hoe je een document opmaakt. Jquery is gewoon 70 tot 500 keer zo langzaam. Vooral met animatie/events merk je dat enorm
jQuery is gewoon geweldig. Dynamisch invoeren van extra rij?quote:Op woensdag 3 september 2014 12:19 schreef Catch22- het volgende:
[..]
Je hebt gewoon veel meer code nodig. Helemaal met async-requests loopt dat de spuigaten uit imo.
En iets dat 20ms duurt ipv 2ms kan mij niet boeien eigenlijk.
1 | .clone().insertAfter(); |
1 2 | .find([id]).each(function(){ $(this)..attr('id').replace() |
dan doe je toch .html(''); ?quote:Op woensdag 3 september 2014 11:36 schreef Aether het volgende:
Met iets als
[ code verwijderd ]
en
[ code verwijderd ]
ben ik het wel eens.
Maar een
[ code verwijderd ]
is niet hetzelfde. De jQuery versie haalt ook events e.d. weg.
dan ben ik benieuwd hoe jij PHP en HTML gescheiden houdt? Of doe je dat gewoon door elkaar?quote:Op vrijdag 29 augustus 2014 11:34 schreef Tijn het volgende:
[..]
Dat heeft vooral te maken met het splitsen van presentatie en logica in de architectuur van je applicatie, daar heb je geen Smarty voor nodig.
Ik snap het voordeel van iets als Smarty boven gewoon PHP niet echt. Alsof web development al niet uit genoeg talen en verschillende syntax bestaat.
Templates is front-end, daar toon je toch wat er op het scherm komt. Dat een CMS dit in de database opslaat, zodat je dit in een webachtige omgeving kan editen is weer wat anders.quote:Op vrijdag 29 augustus 2014 17:01 schreef KomtTijd... het volgende:
[..]
wat is daarbij jouw definitie van "de backend"? Want in mijn definitie zijn templates onderdeel van een backend.
Als je Smarty gebruikt, hou je PHP en HTML ook niet gescheiden. Je gebruikt alleen andere syntax voor de PHP-stukken.quote:Op donderdag 4 september 2014 16:33 schreef remi1986 het volgende:
[..]
dan ben ik benieuwd hoe jij PHP en HTML gescheiden houdt? Of doe je dat gewoon door elkaar?
kijk voor de grap eens naar dat crewgeschiedenis project. Veel plezier als je daar iets aan wil veranderen.quote:Op donderdag 4 september 2014 16:42 schreef Tijn het volgende:
[..]
Als je Smarty gebruikt, hou je PHP en HTML ook niet gescheiden. Je gebruikt alleen andere syntax voor de PHP-stukken.
Er is geen wezenlijk verschil tussen {$variabele} en <?= $variabele; ?>
Als je je daar strikt aan houdt wel ja. Als je een designer/gebruiker wel controle wilt geven over de weergave, maar niet gelijk toegang tot je volledige operating system wilt geven, is een laagje ertussen verrot handig.quote:Op donderdag 4 september 2014 16:42 schreef Tijn het volgende:
[..]
Als je Smarty gebruikt, hou je PHP en HTML ook niet gescheiden. Je gebruikt alleen andere syntax voor de PHP-stukken.
Er is geen wezenlijk verschil tussen {$variabele} en <?= $variabele; ?>
Bedankt voor de tip.quote:Op donderdag 4 september 2014 19:58 schreef Crutch het volgende:
on-topic:
https://www.codeschool.com/courses/shaping-up-with-angular-js
Interactieve AngularJS tutorial. Erg leuk.
Gebruik jij het ook op publieke sites die gewoon moeten scoren in google?quote:Op donderdag 4 september 2014 22:02 schreef Catch22- het volgende:
Angularjs is erg gaaf imo. Niet voor alles, maar in sommige situaties is het echt baas
quote:
Als je er wel rekening mee moet houden dan kan het een probleempje worden, omdat Google <supergavelijsttag></supergavelijsttag> niet herkendquote:Op donderdag 4 september 2014 22:18 schreef Catch22- het volgende:
[..]
Ik hou me alleen bezig met besloten webapps nu. Dus focussen op werking en inhoud en geen gezever over seo.
google parsed ook JavaScript tegenwoordig. Maar het is niet optimaal op seo gebied nee.quote:Op donderdag 4 september 2014 22:19 schreef TwenteFC het volgende:
[..]
Als je er wel rekening mee moet houden dan kan het een probleempje worden, omdat Google <supergavelijsttag></supergavelijsttag> niet herkend
Zijn wel workarounds, maar dat is ook niet alles.
Maarja, als die bots mensen opleveren. Ik werk een bedrijf met meerdere webshops, dus is het vrij essentieel om gevonden te worden. En gGogle parsed inderdaad javascript, maar dat is op dit moment nog vrij experimenteel en wij spelen het wat dat betreft nog liever op safe.quote:Op donderdag 4 september 2014 23:38 schreef Catch22- het volgende:
[..]
google parsed ook JavaScript tegenwoordig. Maar het is niet optimaal op seo gebied nee.
Ik maak tools en applicaties voor mensen, niet voor bots.
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |