abonnement Unibet Coolblue
pi_127719086
[html, css, js] Voor Dummies

Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.

HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript (niet te verwarren met programmeertaal Java) is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies

Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Stel deze in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. is ook een ander topic: Het grote (betaalde) webhosting topic
En voor Wordpress is er ook een speciaal topic, als het om meer gaat dan de HTML/CSS van een theme: Topicreeks: Algemeen Wordpress topic

Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (code.png), zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.

Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.

IK SNAP ER NIETS VAN HELLEP! WAT IS CSS?
We helpen iedereen graag in dit topic, ook mensen die er helemaal niets van begrijpen. Maar we verwachten wel dat je je best doet om het wel te gaan begrijpen. Lees eens wat tutorials en probeer het altijd eerst zelf. Je krijgt hier tips waar je zelf iets mee moet doen.

Voor je een vraag stel hier, verplichte kost
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
  woensdag 12 juni 2013 @ 19:13:32 #2
56176 Catch22-
Ben je Blind?!
pi_127719165
Knurft. Tt verneukt
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_127719401
Dan had je maar eerder moeten zijn. Ik had zelfs nog gewacht met het openen van een nieuw topic.
pi_127720922
quote:
10s.gif Op woensdag 12 juni 2013 18:20 schreef Tijn het volgende:

[..]

Lekkere webmaster heb je als dit klusje van 5 minuten al teveel geld kost.
Volgens mij is het een zelfgebeund CMS-je ofzo.
  woensdag 12 juni 2013 @ 20:13:12 #5
12221 Tijn
Powered by MS Paint
pi_127721816
quote:
14s.gif Op woensdag 12 juni 2013 19:53 schreef KomtTijd... het volgende:

[..]

Volgens mij is het een zelfgebeund CMS-je ofzo.
Dan nog, hoe moeilijk kan het zijn? Sla de contact-pagina vanuit je browser op, gooi alles van de host af en upload je opgeslagen pagina. Kind kan de was doen.
pi_127829316
Wie maakt er hier HTML applicaties voor mobiele apparaten? Hoe vangen jullie swipe gestures af? Ik kwam toevallig TouchSwipe tegen. Dat zag er wel interessant uit.
  zondag 16 juni 2013 @ 11:36:38 #7
230788 n8n
Pragmatisch
pi_127855387
quote:
0s.gif Op zaterdag 15 juni 2013 16:58 schreef Devv het volgende:
Wie maakt er hier HTML applicaties voor mobiele apparaten? Hoe vangen jullie swipe gestures af? Ik kwam toevallig TouchSwipe tegen. Dat zag er wel interessant uit.
http://blog.forecast.io/i(...)nstall-from-the-web/ hoe dan ook lees dit
Specialization is for insects”.—Robert Heinlein
pi_127863562
quote:
7s.gif Op zondag 16 juni 2013 11:36 schreef n8n het volgende:

[..]

http://blog.forecast.io/i(...)nstall-from-the-web/ hoe dan ook lees dit
Ik zie niet helemaal hoe dit verband houdt met mijn vraag...
  zondag 16 juni 2013 @ 16:08:39 #9
230788 n8n
Pragmatisch
pi_127864062
quote:
1s.gif Op zondag 16 juni 2013 15:51 schreef Devv het volgende:

[..]

Ik zie niet helemaal hoe dit verband houdt met mijn vraag...
sorry het spijt me zal het nooit meer doen vergeef me alsjeblieft
Specialization is for insects”.—Robert Heinlein
pi_127868242
quote:
15s.gif Op zondag 16 juni 2013 16:08 schreef n8n het volgende:

[..]

sorry het spijt me zal het nooit meer doen vergeef me alsjeblieft
:?
  zondag 16 juni 2013 @ 23:04:15 #12
230788 n8n
Pragmatisch
pi_127883623
quote:
10s.gif Op zondag 16 juni 2013 18:16 schreef picodealion het volgende:

[..]

:?
beetje lompe reactie ik probeerde behulpzaam te zijn :'(
Specialization is for insects”.—Robert Heinlein
pi_127885905
quote:
Ik ben benieuwd of dit framework aan populariteit gaat winnen. Het mooie vind ik dat je alles modulair op kunt bouwen en dat je een duidelijk scheiding aan kunt brengen tussen opmaak en code. Ik ben voor mijn werk nu bezig om Silverlight applicaties te vertalen naar HTML. En met AngularJS is het gat wat ik moet overbruggen ineens een stuk kleiner geworden.
pi_127888181
quote:
7s.gif Op zondag 16 juni 2013 23:41 schreef Devv het volgende:

[..]

Ik ben benieuwd of dit framework aan populariteit gaat winnen. Het mooie vind ik dat je alles modulair op kunt bouwen en dat je een duidelijk scheiding aan kunt brengen tussen opmaak en code. Ik ben voor mijn werk nu bezig om Silverlight applicaties te vertalen naar HTML. En met AngularJS is het gat wat ik moet overbruggen ineens een stuk kleiner geworden.
_O_ Werk er ook net sinds een maandje mee, zou al niet meer zonder kunnen.
Die gestures waar je het eerder over had, dat kan ook in AngularJS. En wat ze in dat filmpje van net vertelden komt het er in de volgende versie ook allemaal nog een stuk mooier uit te zien met animations en dergelijke.
pi_127896622
Ik probeer van een simpele website (CMSMS) de banner aan te passen. De banner is alleen zichtbaar als ik een hoogte instel, echter schaalt hij dan niet bij het kleiner maken van het venster (logisch). Laat ik de hoogte weg dan is de hele banner foetsie. Iemand hier een suggestie?

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
/* ------ BANNER AREA ------ */
.banner {
    overflow: hidden;
    height: 275px;
    background: [[$grey]]
}

/* images on the right */
.banner-image {
    float:left;
    display: block;
    position: relative;
    width: 100%;
    background: [[$grey]]
    max-height: 275px;
       
}
.banner-image div {
    position: absolute;
    z-index: 0;
    width: 100%;
    min-height: 100px;
    overflow: hidden;
    display: block;
    top: 0;
    left: 0
}
.banner-image img {
    display: block;
    height: auto;
    width: 100%;
    bottom: 0;
    max-width: 100%;
}
pi_127896703
even overflow:hidden toevoegen aan .banner
  maandag 17 juni 2013 @ 12:10:23 #17
118585 Crutch
Filantroop || Taalzwengel
pi_127896751
quote:
14s.gif Op maandag 17 juni 2013 12:08 schreef KomtTijd... het volgende:
even overflow:hidden toevoegen aan .banner
Heeft ie toch?
Je moeder is een hamster
pi_127896779
quote:
14s.gif Op maandag 17 juni 2013 12:08 schreef KomtTijd... het volgende:
even overflow:hidden toevoegen aan .banner
WTF
quote:
0s.gif Op maandag 17 juni 2013 12:10 schreef Crutch het volgende:

[..]

Heeft ie toch?
Dit dacht ik ook maar het werkt wel. :')

Thanks! :D
  maandag 17 juni 2013 @ 12:15:52 #19
118585 Crutch
Filantroop || Taalzwengel
pi_127896921
quote:
0s.gif Op maandag 17 juni 2013 12:11 schreef Cracka-ass het volgende:

[..]

WTF

[..]

Dit dacht ik ook maar het werkt wel. :')

Thanks! :D
Wait wut?

nóg een overflow:hidden; ???

:D
Je moeder is een hamster
pi_127897044
quote:
0s.gif Op maandag 17 juni 2013 12:15 schreef Crutch het volgende:

[..]

Wait wut?

nóg een overflow:hidden; ???

:D
De achtergrond wordt wit zie ik nu hij blijft wel even hoog.
Helaasch het is hem toch niet.
pi_127903480
Ja huuu zat op mijn telefoon.

Denk dat we er anders zonder voorbeeld weinig mee kunnen.
  maandag 17 juni 2013 @ 15:46:51 #22
118585 Crutch
Filantroop || Taalzwengel
pi_127905387
Je kan de hoogte ook een percentage meegeven ipv een aantal pixels.
Je moeder is een hamster
  maandag 17 juni 2013 @ 15:48:54 #23
137776 boem-dikkie
Jedi Mind Baby!
pi_127905468
Of EM's.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  dinsdag 18 juni 2013 @ 10:12:51 #24
27454 InTrePidIvity
Looks like it's broken...
pi_127936859
quote:
7s.gif Op zondag 16 juni 2013 11:36 schreef n8n het volgende:

[..]

http://blog.forecast.io/i(...)nstall-from-the-web/ hoe dan ook lees dit
Kun je hier iets meer over uitleggen? Bij mijn werkgever overwegen we ook om een app te bouwen, maar dit ziet er een stuk praktischer uit. Hoe werkt het precies met 'installeren' op je iPhone? Het ziet er uit als een shortcut naar een website, maar ik begrijp niet helemaal of het nou door je browser wordt geopend of niet. Ik mis in elk geval de navigatie/menu's aan de bovenkant, dus er zit een trucje achter. Erg interessant wel!
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
  dinsdag 18 juni 2013 @ 10:17:14 #25
91039 mstx
2x1/2 = 1/2 x 1/2
pi_127936964
quote:
5s.gif Op dinsdag 18 juni 2013 10:12 schreef InTrePidIvity het volgende:

[..]

Kun je hier iets meer over uitleggen? Bij mijn werkgever overwegen we ook om een app te bouwen, maar dit ziet er een stuk praktischer uit. Hoe werkt het precies met 'installeren' op je iPhone? Het ziet er uit als een shortcut naar een website, maar ik begrijp niet helemaal of het nou door je browser wordt geopend of niet. Ik mis in elk geval de navigatie/menu's aan de bovenkant, dus er zit een trucje achter. Erg interessant wel!
Als je een snelkoppeling op je homescreen plaatst krijg je geen navigatie van de browser te zien.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
  dinsdag 18 juni 2013 @ 10:20:13 #26
27454 InTrePidIvity
Looks like it's broken...
pi_127937030
quote:
0s.gif Op dinsdag 18 juni 2013 10:17 schreef mstx het volgende:

[..]

Als je een snelkoppeling op je homescreen plaatst krijg je geen navigatie van de browser te zien.
Met forum.fok.nl werkt dat dan weer niet?
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_127937154
quote:
0s.gif Op dinsdag 18 juni 2013 10:17 schreef mstx het volgende:

[..]

Als je een snelkoppeling op je homescreen plaatst krijg je geen navigatie van de browser te zien.
Dat is niet helemaal waar. Je moet er nog wel iets voor doen.

Hide the Address Bar within Mobile Web Applications
  dinsdag 18 juni 2013 @ 10:28:55 #28
91039 mstx
2x1/2 = 1/2 x 1/2
pi_127937279
quote:
1s.gif Op dinsdag 18 juni 2013 10:24 schreef Devv het volgende:

[..]

Dat is niet helemaal waar. Je moet er nog wel iets voor doen.

Hide the Address Bar within Mobile Web Applications
Oja die meta tag moet er dan inderdaad wel in, even vergeten. :)
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
  dinsdag 18 juni 2013 @ 10:30:20 #29
27454 InTrePidIvity
Looks like it's broken...
pi_127937324
quote:
1s.gif Op dinsdag 18 juni 2013 10:24 schreef Devv het volgende:

[..]

Dat is niet helemaal waar. Je moet er nog wel iets voor doen.

Hide the Address Bar within Mobile Web Applications
quote:
0s.gif Op dinsdag 18 juni 2013 10:28 schreef mstx het volgende:

[..]

Oja die meta tag moet er dan inderdaad wel in, even vergeten. :)
Interessant en vrij simpel dus! Bedankt!
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_127939657
Heeft er hier iemand ervaring met javascript template-engines? Zoals zoiets:
http://javascriptmvc.com/docs.html#!jQuery.View
http://json-template.goog(...)g-JSON-Template.html

wil misschien zoiets gaan implementeren, al zie ik voorlopig ook niet echt het nadeel van gewoon HTML inladen ipv JSON.
pi_127943314
quote:
14s.gif Op dinsdag 18 juni 2013 11:38 schreef KomtTijd... het volgende:
Heeft er hier iemand ervaring met javascript template-engines? Zoals zoiets:
http://javascriptmvc.com/docs.html#!jQuery.View
http://json-template.goog(...)g-JSON-Template.html

wil misschien zoiets gaan implementeren, al zie ik voorlopig ook niet echt het nadeel van gewoon HTML inladen ipv JSON.
Ik gebruik AngularJS (is meer dan alleen een template engine). Je kunt in AngularJS heel makkelijk met template partials werken (fysiek gescheiden script- en HTML bestanden). Daarnaast werkt data binding ook erg fijn. Je kunt de opmaak bijvoorbeeld vanzelf bij laten werken als er veranderingen in het onderliggende gegevensmodel plaats vinden. Heel handig als je asynchrone data gebruikt.
  dinsdag 18 juni 2013 @ 13:26:21 #32
84244 Scorpie
Abject en infaam!
pi_127943793
quote:
7s.gif Op dinsdag 18 juni 2013 13:13 schreef Devv het volgende:

[..]

Ik gebruik AngularJS (is meer dan alleen een template engine). Je kunt in AngularJS heel makkelijk met template partials werken (fysiek gescheiden script- en HTML bestanden). Daarnaast werkt data binding ook erg fijn. Je kunt de opmaak bijvoorbeeld vanzelf bij laten werken als er veranderingen in het onderliggende gegevensmodel plaats vinden. Heel handig als je asynchrone data gebruikt.
Angular is wel nice ja.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  dinsdag 18 juni 2013 @ 13:43:15 #33
230788 n8n
Pragmatisch
pi_127944503
quote:
5s.gif Op dinsdag 18 juni 2013 10:12 schreef InTrePidIvity het volgende:

[..]

Kun je hier iets meer over uitleggen? Bij mijn werkgever overwegen we ook om een app te bouwen, maar dit ziet er een stuk praktischer uit. Hoe werkt het precies met 'installeren' op je iPhone? Het ziet er uit als een shortcut naar een website, maar ik begrijp niet helemaal of het nou door je browser wordt geopend of niet. Ik mis in elk geval de navigatie/menu's aan de bovenkant, dus er zit een trucje achter. Erg interessant wel!
is idd een shortcut. Het wordt door de browser geopend maar als je wilt zonder chrome. Web apps zijn t, zitten wel wat haken en ogen aan qua opties/performance waarvan een deel redelijk op te vangen is
Specialization is for insects”.—Robert Heinlein
  dinsdag 18 juni 2013 @ 13:46:46 #34
230788 n8n
Pragmatisch
pi_127944665
quote:
5s.gif Op dinsdag 18 juni 2013 10:20 schreef InTrePidIvity het volgende:

[..]

Met forum.fok.nl werkt dat dan weer niet?
standaard opent ie dan links in de safari app, daar is wel om heen te werken maar nooit aan toegekomen. Moet er ook rekening mee houden in de navigatie
Specialization is for insects”.—Robert Heinlein
pi_127955651
quote:
7s.gif Op dinsdag 18 juni 2013 13:13 schreef Devv het volgende:

[..]

Ik gebruik AngularJS (is meer dan alleen een template engine). Je kunt in AngularJS heel makkelijk met template partials werken (fysiek gescheiden script- en HTML bestanden). Daarnaast werkt data binding ook erg fijn. Je kunt de opmaak bijvoorbeeld vanzelf bij laten werken als er veranderingen in het onderliggende gegevensmodel plaats vinden. Heel handig als je asynchrone data gebruikt.
En die template/partials worden in principe maar 1x ingeladen, wanneer je vervolgens opnieuw naar die pagina gaat vult hij die template gewoon met de nieuwe waardes die hij ophaalt.
pi_127977502
Is dit een geldige CSS declaratie?

1
2
3
4
5
6
7
8
9
10
11
12
<style>
h1.lead { /* Base style */
    font-size: 48px;
    color: #ff0000;
    font-weight: normal;
}
h1.lead {
    color: #0000ff !important;
}
</style>

<h1 class="lead">Hello world!</h1>

Ik wil dus overerving toepassen...
  woensdag 19 juni 2013 @ 10:05:37 #37
91039 mstx
2x1/2 = 1/2 x 1/2
pi_127977610
!important is daar niet nodig. Verder wel geldig ja.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_127978210
...en het is geen overerving. Maar wel geldig ja.
pi_127978594
quote:
14s.gif Op woensdag 19 juni 2013 10:25 schreef KomtTijd... het volgende:
...en het is geen overerving. Maar wel geldig ja.
Hoe moet je het dan noemen? Overschrijven met behoud van bestaande eigenschappen :P ?
  woensdag 19 juni 2013 @ 10:41:17 #40
91039 mstx
2x1/2 = 1/2 x 1/2
pi_127978709
quote:
1s.gif Op woensdag 19 juni 2013 10:37 schreef Devv het volgende:

[..]

Hoe moet je het dan noemen? Overschrijven met behoud van bestaande eigenschappen :P ?
"Waardes definiëren in 2 dezelfde selectors ipv in 1 selector"? Dat heeft verder geen aparte naam.
Overerving betekent dat je eigenschappen erft van een bovenliggende klasse, dus bijvoorbeeld met "color:inherit", maar dat gebeurt standaard al.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
  woensdag 19 juni 2013 @ 10:42:36 #41
84244 Scorpie
Abject en infaam!
pi_127978754
quote:
7s.gif Op woensdag 19 juni 2013 10:41 schreef mstx het volgende:

[..]

"Waardes definiëren in 2 dezelfde selectors ipv in 1 selector"? Dat heeft verder geen aparte naam.
Overerving betekent dat je eigenschappen erft van een bovenliggende klassen, dus bijvoorbeeld met "color:inherit".
Ik noem het vervuiling :P
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_127978970
quote:
1s.gif Op woensdag 19 juni 2013 10:37 schreef Devv het volgende:

[..]

Hoe moet je het dan noemen? Overschrijven met behoud van bestaande eigenschappen :P ?
Nee? Gewoon overschrijven. Dat ding blijft toch niet rood?
Overigens doe je er verstandig aan om !important te vermijden. Lees je even in in specificity.
pi_127981752
quote:
14s.gif Op woensdag 19 juni 2013 10:49 schreef KomtTijd... het volgende:

[..]

Nee? Gewoon overschrijven. Dat ding blijft toch niet rood?
Overigens doe je er verstandig aan om !important te vermijden. Lees je even in in specificity.
De grootte- en dikte van het font blijft de initiële waarde behouden. Daarom dacht ik dat het een vorm van overerving was. Maar dat kan je blijkbaar niet zo stellen.
  woensdag 19 juni 2013 @ 12:16:35 #44
84244 Scorpie
Abject en infaam!
pi_127982455
quote:
0s.gif Op woensdag 19 juni 2013 11:58 schreef Devv het volgende:

[..]

De grootte- en dikte van het font blijft de initiële waarde behouden. Daarom dacht ik dat het een vorm van overerving was. Maar dat kan je blijkbaar niet zo stellen.
Het is geen overerving.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_127984761
quote:
0s.gif Op woensdag 19 juni 2013 11:58 schreef Devv het volgende:

[..]

De grootte- en dikte van het font blijft de initiële waarde behouden. Daarom dacht ik dat het een vorm van overerving was. Maar dat kan je blijkbaar niet zo stellen.
...die overschrijf je toch ook niet?
  vrijdag 21 juni 2013 @ 10:19:30 #46
400989 Seagal
Master of Aikido
pi_128071183
Wat voor strategie gebruiken jullie om afbeeldingen responsive te maken?
Tot op heden laadde ik gewoon 1 grote afbeelding die ik met media queries groter of kleiner maakte, maar voor mobile devices lijkt dit me een beetje overkill.
Nu zou ik met behulp van media queries kleinere versies van een afbeelding als achtergrond kunnen instellen, maar liever houd ik bepaalde afbeeldingen in een <img> tag in m'n html.
I love getting out on the streets and helping people.
pi_128071291
Blader het vorige topic even door, daar stond een heel interessant artikel in over afbeeldingen, compressiemethodes en responsiveness.
  vrijdag 21 juni 2013 @ 10:23:28 #48
56176 Catch22-
Ben je Blind?!
pi_128071297
mobile first swa!

of een picture element met meerdere sources en mediaqueries. Ik gebruik dat zelf niet, bouw nauwelijks nog marketingsites, hoofdzakelijk webapps
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  vrijdag 21 juni 2013 @ 17:51:29 #49
166255 Maringo
Bèhèhèhèh
pi_128088204
quote:
0s.gif Op vrijdag 21 juni 2013 10:19 schreef Seagal het volgende:
Wat voor strategie gebruiken jullie om afbeeldingen responsive te maken?
Tot op heden laadde ik gewoon 1 grote afbeelding die ik met media queries groter of kleiner maakte, maar voor mobile devices lijkt dit me een beetje overkill.
Nu zou ik met behulp van media queries kleinere versies van een afbeelding als achtergrond kunnen instellen, maar liever houd ik bepaalde afbeeldingen in een <img> tag in m'n html.
standaard de lowres afbeelding erin zetten en met JavaScript de viewport bepalen en aan de hand daarvan een andere CSS laden. Maar dit heb ik alleen op de grote afbeeldingen verwerkt. Omdat die wel significant anders zijn op mobiel.
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
  maandag 24 juni 2013 @ 01:48:39 #50
25889 Sitethief
Fulltime Flapdrol
pi_128179925
Linkje
Probleempje met timing, hij moet niet alle regels tegelijk doen, maar ik weet bij god niet hoe ik er voor kan zorgen dat die loop niet alles tegelijk doet.
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
pi_128182341
quote:
11s.gif Op vrijdag 21 juni 2013 10:23 schreef Catch22- het volgende:
mobile first swa!

of een picture element met meerdere sources en mediaqueries. Ik gebruik dat zelf niet, bouw nauwelijks nog marketingsites, hoofdzakelijk webapps
Heb dat laatst met een collega zo opgezet, nu gebruik ik een standaard image scaler en dat werkt dan erg fijn, kun je gelijk je cropping en compressie methode van te voren configureren, componentje kost 200 euro, dus voor de prijs hoef je het niet te laten.
🕰️₿🕰️₿🕰️₿🕰️₿🕰️₿🕰️ TikTok next Block
  maandag 24 juni 2013 @ 11:11:15 #52
25889 Sitethief
Fulltime Flapdrol
pi_128186165
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
pi_128195136
Ik wil een plaatje als fullscreen background gebruiken, als ik Google kom ik tig verschillende technieken tegen, sommige zijn al wat verouderd.

Wat is nou de beste optie?

http://css-tricks.com/perfect-full-page-background-image/ heeft bijvoorbeeld tal van voorbeelden.
  maandag 24 juni 2013 @ 15:14:22 #54
56176 Catch22-
Ben je Blind?!
pi_128195397
quote:
0s.gif Op maandag 24 juni 2013 15:08 schreef xaban06 het volgende:
Ik wil een plaatje als fullscreen background gebruiken, als ik Google kom ik tig verschillende technieken tegen, sommige zijn al wat verouderd.

Wat is nou de beste optie?

http://css-tricks.com/perfect-full-page-background-image/ heeft bijvoorbeeld tal van voorbeelden.
css3 is de beste oplossing in terms van snelheid enzo. css #2 het makkelijkste.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  maandag 24 juni 2013 @ 15:20:47 #55
398285 wietwiet
Flinke sessie
pi_128195664
Hoe kan ik de tekst van de balk bovenin dit bericht wijzigen?
Dit bericht is gegenereerd in javascript (message.js)
Is het eventueel ook mogelijk om het Google Chrome logo linksboven te veranderen?

I don't care, I love it
  maandag 24 juni 2013 @ 15:22:50 #56
12221 Tijn
Powered by MS Paint
pi_128195769
Je kunt een alertbox niet stylen. Je zou zoiets als dit kunnen gebruiken of zelf een schermpje met een melding erin kunnen maken, dan kun je het eruit laten zien zoals je wil.
  maandag 24 juni 2013 @ 16:05:50 #57
398285 wietwiet
Flinke sessie
pi_128197955
Is er een code in HTML waarmee ik de toegang tot de vorige pagina kan blokkeren?
I don't care, I love it
  maandag 24 juni 2013 @ 16:06:58 #58
56176 Catch22-
Ben je Blind?!
pi_128198009
Zulke dingen moet je niet eens willen en goed afvangen in je code.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  maandag 24 juni 2013 @ 16:09:04 #59
398285 wietwiet
Flinke sessie
pi_128198097
quote:
11s.gif Op maandag 24 juni 2013 16:06 schreef Catch22- het volgende:
Zulke dingen moet je niet eens willen en goed afvangen in je code.
ik wil het echt
I don't care, I love it
pi_128198117
Schakel nooit de defaultfuncties van de browser uit, dat is echt irritant.
  maandag 24 juni 2013 @ 16:11:15 #61
398285 wietwiet
Flinke sessie
pi_128198202
quote:
0s.gif Op maandag 24 juni 2013 16:09 schreef Meteoric het volgende:
Schakel nooit de defaultfuncties van de browser uit, dat is echt irritant.
oké dan. bij nader inzien toch slecht idee van mij
I don't care, I love it
  dinsdag 25 juni 2013 @ 12:10:48 #62
118585 Crutch
Filantroop || Taalzwengel
pi_128233099
Sencha ( touch / architect) professionals hier?
Je moeder is een hamster
  dinsdag 25 juni 2013 @ 12:24:56 #63
63192 ursel
"Het Is Hier Fantastisch!
pi_128233551
professionals is een groot woord. Heb er mee gewerkt, dat wel. :')
  dinsdag 25 juni 2013 @ 13:44:17 #64
118585 Crutch
Filantroop || Taalzwengel
pi_128236560
quote:
0s.gif Op dinsdag 25 juni 2013 12:24 schreef ursel het volgende:
professionals is een groot woord. Heb er mee gewerkt, dat wel. :')
Ik werk er momenteel ook veel mee.
Je moeder is een hamster
  dinsdag 25 juni 2013 @ 14:06:11 #65
63192 ursel
"Het Is Hier Fantastisch!
pi_128237400
Op Miamicoder zijn nog wel wat handige tutorials te vinden:
http://miamicoder.com/201(...)-touch-2-app-part-1/
  woensdag 26 juni 2013 @ 14:29:39 #66
398285 wietwiet
Flinke sessie
pi_128280094
[HTML]
<ul>
<li class="lichaam"><b>Hello: </b>You must <a href="examples" class="listwp">Click here</a> to see examples of what I did.</li>
</ul>
[HTML]

In de CSS heb ik gezet dat class="lichaam" font arial moet hebben, <b> moet vetgedrukt zijn en voor class="listwp" heb ik de active, visited, hover en link ingesteld. Alleen nu is het zo dat de class="listwp" niet werkt. Hij voert de CSS daarvoor niet uit. Kan dit komen omdat ik te veel dingen in één <li> heb?
I don't care, I love it
  woensdag 26 juni 2013 @ 14:34:29 #67
91039 mstx
2x1/2 = 1/2 x 1/2
pi_128280254
Nee, de fout zit in de CSS.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_128280289
idd, waarschijnlijk gewoon een syntax fout.
  woensdag 26 juni 2013 @ 14:37:43 #69
398285 wietwiet
Flinke sessie
pi_128280372
quote:
0s.gif Op woensdag 26 juni 2013 14:34 schreef mstx het volgende:
Nee, de fout zit in de CSS.
er zit geen fout in de css want de class listwp werkt wel in een andere list
I don't care, I love it
  woensdag 26 juni 2013 @ 14:39:21 #70
91039 mstx
2x1/2 = 1/2 x 1/2
pi_128280452
quote:
0s.gif Op woensdag 26 juni 2013 14:37 schreef wietwiet het volgende:

[..]

er zit geen fout in de css want de class listwp werkt wel in een andere list
Ok, dan niet.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_128280484
Dan zal het wel aan je computer liggen, heh.

:')_
  woensdag 26 juni 2013 @ 14:43:57 #72
25889 Sitethief
Fulltime Flapdrol
pi_128280657
Rendandancy: giving your <b> tags font-weight bold...
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
  woensdag 26 juni 2013 @ 14:44:32 #73
25889 Sitethief
Fulltime Flapdrol
pi_128280676
quote:
0s.gif Op woensdag 26 juni 2013 14:37 schreef wietwiet het volgende:

[..]

er zit geen fout in de css want de class listwp werkt wel in een andere list
post je css anders eens...
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
  woensdag 26 juni 2013 @ 14:46:11 #74
398285 wietwiet
Flinke sessie
pi_128280750
quote:
0s.gif Op woensdag 26 juni 2013 14:44 schreef Sitethief het volgende:

[..]

post je css anders eens...
CSS:

.lichaam {
color:#000000;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 13px;
}
b {
color:#000000;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 13px;
font-weight:bold;
}
.listwp a:link
{
text-decoration: none;
color: #0000EE;
}
.listwp a:visited
{
text-decoration: none;
color: #0000EE;
}
.listwp a:hover
{
text-decoration: underline;
color: #E37810;
}
.listwp a:active
{
text-decoration: underline;
color: #D50000;
}
I don't care, I love it
  woensdag 26 juni 2013 @ 14:48:23 #75
91039 mstx
2x1/2 = 1/2 x 1/2
pi_128280834
1.listwp a:link
Betekent een <a> binnen een element met class=listwp. In jouw html heeft de <a> zelf die class.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
  woensdag 26 juni 2013 @ 14:48:41 #76
118585 Crutch
Filantroop || Taalzwengel
pi_128280850
quote:
0s.gif Op woensdag 26 juni 2013 14:46 schreef wietwiet het volgende:

[..]

CSS:

.lichaam {
color:#000000;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 13px;
}
b {
color:#000000;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 13px;
font-weight:bold;
}
.listwp a:link
{
text-decoration: none;
color: #0000EE;
}
.listwp a:visited
{
text-decoration: none;
color: #0000EE;
}
.listwp a:hover
{
text-decoration: underline;
color: #E37810;
}
.listwp a:active
{
text-decoration: underline;
color: #D50000;
}
Je zoekt naar een anchor (a) in een anchor.
Je moeder is een hamster
  woensdag 26 juni 2013 @ 14:49:36 #77
398285 wietwiet
Flinke sessie
pi_128280883
quote:
0s.gif Op woensdag 26 juni 2013 14:48 schreef Crutch het volgende:

[..]

Je zoekt naar een anchor (a) in een anchor.
Hoe kan ik dit oplossen?
I don't care, I love it
  woensdag 26 juni 2013 @ 14:50:07 #78
118585 Crutch
Filantroop || Taalzwengel
pi_128280904
quote:
0s.gif Op woensdag 26 juni 2013 14:49 schreef wietwiet het volgende:

[..]

Hoe kan ik dit oplossen?
Alle a'tjes verwijderen
Je moeder is een hamster
pi_128280907
a.listwp:active ?
  woensdag 26 juni 2013 @ 14:50:12 #80
91039 mstx
2x1/2 = 1/2 x 1/2
pi_128280908
quote:
0s.gif Op woensdag 26 juni 2013 14:49 schreef wietwiet het volgende:

[..]

Hoe kan ik dit oplossen?
a.listwp:link
of gewoon
.listwp:link
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
  woensdag 26 juni 2013 @ 14:50:30 #81
118585 Crutch
Filantroop || Taalzwengel
pi_128280918
- oeps -
Je moeder is een hamster
pi_128280940
quote:
0s.gif Op woensdag 26 juni 2013 14:37 schreef wietwiet het volgende:

[..]

er zit geen fout in de css want de class listwp werkt wel in een andere list
Mag ik deze nog even quoten? :')
  woensdag 26 juni 2013 @ 14:51:18 #83
398285 wietwiet
Flinke sessie
pi_128280955
quote:
7s.gif Op woensdag 26 juni 2013 14:50 schreef KomtTijd... het volgende:

[..]

Mag ik deze nog even quoten? :')
ahaha
I don't care, I love it
  woensdag 26 juni 2013 @ 14:51:32 #84
118585 Crutch
Filantroop || Taalzwengel
pi_128280963
quote:
7s.gif Op woensdag 26 juni 2013 14:50 schreef KomtTijd... het volgende:

[..]

Mag ik deze nog even quoten? :')
Dat mag.
Jij sowieso.
Je moeder is een hamster
  woensdag 26 juni 2013 @ 14:52:40 #85
398285 wietwiet
Flinke sessie
pi_128281022
Thanx allemaal, het is gelukt :)
I don't care, I love it
pi_128603886
Gewoon omdat het grappig is, en omdat het (deels) over javascript gaat.

pi_128643898
Niet voor op het werk:


body door Exey Panteleev

:P
  maandag 8 juli 2013 @ 00:11:19 #88
400989 Seagal
Master of Aikido
pi_128706898
Van de week moet ik een site online gooien, dus ik dacht laat ik hem ook maar even in Internet Explorer bekijken. In 7 t/m 9 werkt hij prima, maar tot mijn grote schrik worden in versie 10 willekeurig sommige afbeeldingen niet geladen. Pas na een paar keer refreshen krijg ik alle afbeeldingen te zien.

Iemand enig idee waar dat aan kan liggen?
I love getting out on the streets and helping people.
pi_128711560
Oh je plaatjes doen het niet. Ja dan moet je gewoon x y z blabla en dan is het opgelost!

SPOILER
Om 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.
pi_128749156
M'n webfont wordt niet weergegeven in IE8 en ik zie zo snel niet waar het aan ligt, dit zou normaal gesproken toch gewoon moeten werken? In alle andere browsers werkt het wel...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
@font-face {
            font-family: 'FuturaMedium';
            src: url('fonts/Futura-Medium-webfont.eot');
            src: url('fonts/Futura-Medium-webfont.eot?#iefix') format('embedded-opentype'),
            url('fonts/Futura-Medium-webfont.woff') format('woff'),
            url('fonts/Futura-Medium-webfont.ttf') format('truetype'),
            url('fonts/Futura-Medium-webfont.svg#FuturaMedium') format('svg');
            font-weight: normal;
            font-style: normal;
        }

        h1 {
            font-family: 'FuturaMedium', Arial, sans-serif;
            font-weight: normal;
            text-transform: uppercase;
            text-align: center;
            letter-spacing: 0.1em;
        }

https://dl.dropboxusercontent.com/u/11840256/webfont/fonts.html
pi_128938230
Ik probeer via jquery een draggable list te maken met elementen die vast staan.
Ik heb de .draggable({cancel:"selector"}) geprobeerd, en uiteindelijk maar .not()
Helaas werkt het nog niet, heeft iemand een idee waarom niet?
Tevens will ik een gedropped element op een bepaalde positie tussen andere elements plaatsen ipv .append().

http://jsfiddle.net/4JZBZ/

[ Bericht 14% gewijzigd door Darkomen op 14-07-2013 16:43:00 ]
pi_128962041
quote:
0s.gif Op dinsdag 9 juli 2013 09:41 schreef FigureBirdStars het volgende:
M'n webfont wordt niet weergegeven in IE8 en ik zie zo snel niet waar het aan ligt, dit zou normaal gesproken toch gewoon moeten werken? In alle andere browsers werkt het wel...
[ code verwijderd ]

https://dl.dropboxusercontent.com/u/11840256/webfont/fonts.html
Je zou eens naar de x-ua-compatible meta tag moeten kijken.
  maandag 15 juli 2013 @ 08:44:08 #93
56176 Catch22-
Ben je Blind?!
pi_128962313
quote:
0s.gif Op zondag 14 juli 2013 16:16 schreef Darkomen het volgende:
Ik probeer via jquery een draggable list te maken met elementen die vast staan.
Ik heb de .draggable({cancel:"selector"}) geprobeerd, en uiteindelijk maar .not()
Helaas werkt het nog niet, heeft iemand een idee waarom niet?
Tevens will ik een gedropped element op een bepaalde positie tussen andere elements plaatsen ipv .append().

http://jsfiddle.net/4JZBZ/
zet een class op de draggable elementen. Gebruik een sortable om de volgorde vast te houden.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_128996462
quote:
1s.gif Op maandag 15 juli 2013 08:44 schreef Catch22- het volgende:

[..]

zet een class op de draggable elementen. Gebruik een sortable om de volgorde vast te houden.
Gister helaas geen tijd gehad om te testen, maar een class zetten helpt niet dat heb ik in iedergeval geprobeerd.
  dinsdag 16 juli 2013 @ 10:33:07 #95
56176 Catch22-
Ben je Blind?!
pi_128998366
quote:
0s.gif Op dinsdag 16 juli 2013 08:54 schreef Darkomen het volgende:

[..]

Gister helaas geen tijd gehad om te testen, maar een class zetten helpt niet dat heb ik in iedergeval geprobeerd.
je hebt een set van bepaalde elementen die draggable moeten zijn? Dan kan je toch gewoon
1$(".parent .should-be-draggable").draggable(); 
doen?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  woensdag 17 juli 2013 @ 16:27:14 #96
27454 InTrePidIvity
Looks like it's broken...
pi_129048655
Ik heb een blok waar rechtsonderin een hoekje moet zitten als achtergrond. Dat hoekje staat er nu wel, maar ik wil het 10px van de kant (zowel onder als rechts) hebben. Hoe krijg ik dat voor elkaar? De padding op 10px zetten werkt niet :(



1#results article.w2 { max-width:540px; max-height:350px; box-shadow:0px 2px 10px #666; font-size: 0.8em; line-height: 1.5em; background:url(/images/expand.png) no-repeat right bottom rgba(255,255,255,0.9); }
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_129049113
...en dan zeker compatible met oude browsers? Dan niet. Of je moet er een extra element voor gebruiken.

Anders gewoon met background-position.
  woensdag 17 juli 2013 @ 16:57:10 #98
91039 mstx
2x1/2 = 1/2 x 1/2
pi_129050213
Of gewoon wat witruimte in het plaatje zelf maken.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
  woensdag 17 juli 2013 @ 16:59:37 #99
27454 InTrePidIvity
Looks like it's broken...
pi_129050340
quote:
14s.gif Op woensdag 17 juli 2013 16:57 schreef mstx het volgende:
Of gewoon wat witruimte in het plaatje zelf maken.
Dat is ook geen optie omdat hetzelfde plaatje op een andere plek wordt gebruikt (waar het wel goed gaat met de padding 8)7 ).

Nouja, even verder knutselen maar.
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
  donderdag 18 juli 2013 @ 16:08:38 #100
50298 QM84
Het Orakel
pi_129088002
Of zet het plaatje in een pseudo-element (:after) en vervolgens absoluut 10px van de rechterkant en bottom.
dat dus.
  donderdag 18 juli 2013 @ 17:06:27 #101
299167 stefanhaan
Bloeddorstige wasbeer
pi_129090927
quote:
3s.gif Op donderdag 18 juli 2013 16:08 schreef QM84 het volgende:
Of zet het plaatje in een pseudo-element (:after) en vervolgens absoluut 10px van de rechterkant en bottom.
Dit.

Zo krijg je ook dit voor elkaar op FOK
It was an opportunity to honour our memories and to make room for new ones
pi_129196484
quote:
11s.gif Op dinsdag 16 juli 2013 10:33 schreef Catch22- het volgende:

[..]

je hebt een set van bepaalde elementen die draggable moeten zijn? Dan kan je toch gewoon
[ code verwijderd ]

doen?
Dit is het uiteindelijk geworden

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
var hoverEleme = false;
$jQ("#awardArchive li, #userAwards li")
    .bind('mousedown mouseup', function(e){
        if($jQ(this).hasClass('cancelDragg')!==true){
            if (e.type=="mousedown") {
                lastClick = e.timeStamp; 
            } else {
                diffClick = e.timeStamp - lastClick;
                if ( diffClick < clickDelay ) {
                    $jQ(this).toggleClass(selectedClass);
                }
            }
        }
    })
    .draggable({
        cancel: ".cancelDragg",
        revertDuration: 10,
        containment: '.awardBoxes',
        start: function(e, ui) {
            ui.helper.addClass(selectedClass);
        },
        stop: function(e, ui) {
            $jQ('.' + selectedClass).css({ top:0, left:0 });
        },
        drag: function(e, ui) {
            $jQ('.' + selectedClass).css({
                top : ui.position.top,
                left: ui.position.left
            });
        }
    })
    .droppable({
        over: function(event, ui) {
           hoverEleme = this;
        }
    });    
    
    
$jQ("#userAwards, #awardArchive").droppable({
        over: function(event, ui) {
            if($jQ(this).children().length==0){
                hoverEleme = this;
            }
        },
        drop: function(e, ui) {
            if(hoverEleme){
                if(hoverEleme.nodeName=='UL'){
                    $jQ('.' + selectedClass)
                     .appendTo(hoverEleme)
                     .add(ui.draggable) 
                     .removeClass(selectedClass)
                     .css('top','')
                     .css('left','');
                     hoverEleme = false;
                }
                else{
                    $jQ('.' + selectedClass)
                     .insertAfter(hoverEleme)
                     .add(ui.draggable) 
                     .removeClass(selectedClass)
                     .css('top','')
                     .css('left','');
                     hoverEleme = false;
                }
            }
        }
    });
pi_129254025
Ik ben bezig met <AREA SHAPE="poly" COORDS=> voor een website wat prima werkt alleen ik krijg de tekst maar niet goed langs de plaatjes terwijl de hyperlinks goed werken.

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Lamaro</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <base href="http://www.lamaro.nl/" />
    
    <link rel="stylesheet" type="text/css" href="global.css" />
</head>
<body>
    <div id="siteBody">
        <div id="siteTitle">
            <h1>Welkom op de site van Lamaro</h1>
            <span>Klik op onderstaande links om verder te gaan</span>
        </div>
        
        <div id="priogengroupText">
            <h2>Priogen Group</h2> 
            The Priogen Group is een<br /> 
            onafhankelijke energie leverancier.<br /> 
            De kernactiviteiten bestaan uit<br />
            het zoeken, verhandelen en<br />
            optimaliseren van energie<br />
            en aardgas in Europa.
        </div>

    <div id="libertyairText">
            <h2>Liberty Air</h2>
            Met Liberty Air heeft u de keuze uit meer<br /> 
            dan 3.500 Europese bestemmingen om zo<br />
            dicht mogelijk bij uw bestemming te landen!
        </div>

</body>
</html>

Ieder stukje tekst wordt aangegeven met <div id="Text"> maar ik zie nergens hoe de positie wordt bepaalt, kijk ik er over heen?
pi_129254318
Grotendeels gewoon door de flow van de pagina. En voor de rest in je CSS bestand.
pi_129254400
Dacht al aan CSS, ga daar is kijken, thnx voor het op weg helpen.
Gevonden, zat in de CSS file.

[ Bericht 21% gewijzigd door stoeltafel op 23-07-2013 14:34:21 ]
pi_129256866
Ik werk in het programma TopStyle 5.0 om html/css te editen.

Nu verandert CSS in het programma als ik de posities aanpas alleen wordt dit niet gevoerd in het html bestand. Hoe kan dit? Alle verwijzingen kloppen alleen krijg ik een bepaalde tekst naar niet rechts ipv links. In de editor staat het wel goed onder CSS. Het gaat sixoText die in CSS goed staat maar niet mee verandert in HTML.


css positie is goed zoals te zien op de foto


html pakt steeds de oude positie van 45px terwijl ik duidelijk 800px heb aangegeven voor de tekst Opening Skydeck.

[ Bericht 17% gewijzigd door stoeltafel op 23-07-2013 15:51:36 ]
pi_129257688
Wat zou er (volgens jou) in je HTML moeten gebeuren dan?
pi_129257891
Dat de positie naar rechts verandert. De positie stond in CSS op 45px en daar heb ik 800px van gemaakt met de bedoeling het stuk tekst naar rechts te veranderen.

sixoText in de HTML verwijst naar CSS die ik heb aangepast. CSS lijkt goed, zie het eerste plaatje maar de HTML pakt dit niet op. Snap niet wat er mis gaat, ja zie het wel maar snap niet waarom.
pi_129257952
cache, syntax fout, specificity, kan zoveel zijn... wat zegt firebug?
pi_129258150
Even gekeken in firebug en als ik daar de positie verander van 45 naar 845 dan werkt het direct? Begin er steeds minder van te snappen. Firefox kan het dus wel goed veranderen. Even verder op onderzoek.

index.html blijft maar op 45px staan
global.css staat op 820x

Ga nu kijken waar het nog meer kan zijn.
pi_129258354
...waar komt die 45 px vandaan?
pi_129258392
Van global.css dat was de eerste positie van sixoText.
sixoText stond eerst links van de site maar is later weg gehaald.
Nu moet sixoText naar rechts worden verplaatst.

Ga even een nieuwe Text proberen toe te voegen. Misschien werkt dat wel.
pi_129264633
Paar keer CTRL+F5 spammen?
pi_129264784
Al gedaan en in verschillende browsers ge opent. Morgen voor de zekerheid alles FF wissen.
pi_129281312
Iemand enig idee in welke richting ik moet zoeken om CSS de verandering laten door te voeren.

Heb net dit geprobeerd, left:820px !important; Zodat 820 de oude 45 overslaat maar dit werkt ook niet.
pi_129281781
CSS verzint zelf geen waardes omdat het het leuk vind om je te pesten

Of je zit de verkeerde files aan te passen.
Of er is iets van cache.
Of je programma loopt te kutten.

Probeer het eens zonder je programma edit je css in notepad(++)
  woensdag 24 juli 2013 @ 10:02:11 #117
27454 InTrePidIvity
Looks like it's broken...
pi_129282131
quote:
7s.gif Op donderdag 18 juli 2013 17:06 schreef stefanhaan het volgende:

[..]

Dit.

Zo krijg je ook dit voor elkaar op FOK
[ afbeelding ]
Ik snap hoe het werkt, maar ik krijg het niet voor elkaar :P

Andere vraag: kan je een scrollbar alleen stylen in een bepaalde div, zonder dat je de 'algemene' scrollbar (rechts in je scherm) ook bewerkt?
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
  woensdag 24 juli 2013 @ 10:02:52 #118
134533 donroyco
dus niet Donroyco
pi_129282149
quote:
0s.gif Op woensdag 24 juli 2013 10:02 schreef InTrePidIvity het volgende:

[..]

Ik snap hoe het werkt, maar ik krijg het niet voor elkaar :P

Andere vraag: kan je een scrollbar alleen stylen in een bepaalde div, zonder dat je de 'algemene' scrollbar (rechts in je scherm) ook bewerkt?
Een scrollbar stylen ;( Ja, het is mogelijk. Nee, begin er niet aan.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  woensdag 24 juli 2013 @ 10:03:31 #119
299167 stefanhaan
Bloeddorstige wasbeer
pi_129282168
quote:
0s.gif Op woensdag 24 juli 2013 10:02 schreef InTrePidIvity het volgende:

[..]

Ik snap hoe het werkt, maar ik krijg het niet voor elkaar :P

Andere vraag: kan je een scrollbar alleen stylen in een bepaalde div, zonder dat je de 'algemene' scrollbar (rechts in je scherm) ook bewerkt?
Net als normaal als je wil dat iets voor die div geld.

#div .testStyle

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/* Scroll Bar */
#contentHolder ::-webkit-scrollbar {
    width: 12px;
}
 
#contentHolder ::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(106, 66, 3, 1);
}
 
#contentHolder ::-webkit-scrollbar-thumb {
    background-color: rgba(175, 110, 7, 1);
    border: 1px solid #6a4203;
}
It was an opportunity to honour our memories and to make room for new ones
  woensdag 24 juli 2013 @ 10:04:11 #120
12221 Tijn
Powered by MS Paint
pi_129282180
quote:
7s.gif Op woensdag 24 juli 2013 10:02 schreef donroyco het volgende:

[..]

Een scrollbar stylen ;( Ja, het is mogelijk. Nee, begin er niet aan.
Ik krijg dat verzoek ook all the time ;(
  woensdag 24 juli 2013 @ 10:06:42 #121
299167 stefanhaan
Bloeddorstige wasbeer
pi_129282256
quote:
0s.gif Op woensdag 24 juli 2013 10:02 schreef InTrePidIvity het volgende:

[..]

Ik snap hoe het werkt, maar ik krijg het niet voor elkaar :P
Voor het weergeven van afbeeldingen via :after

1
2
3
4
5
6
.postholder_bot.ownPost:after {
    content: url('images/bann_own.png');
    position: absolute;
    top: 6px;
    left: 76px;
}
It was an opportunity to honour our memories and to make room for new ones
  woensdag 24 juli 2013 @ 10:16:31 #122
27454 InTrePidIvity
Looks like it's broken...
pi_129282453
quote:
7s.gif Op woensdag 24 juli 2013 10:02 schreef donroyco het volgende:

[..]

Een scrollbar stylen ;( Ja, het is mogelijk. Nee, begin er niet aan.
quote:
7s.gif Op woensdag 24 juli 2013 10:02 schreef donroyco het volgende:

[..]

Een scrollbar stylen ;( Ja, het is mogelijk. Nee, begin er niet aan.
Inhoud vs. design maakt het helaas onmogelijk om zonder scrollbar te werken, dus dan liever een gestylde dan de standaard Chrome-scrollbar. Die van IE (9+) ziet er verrassend genoeg trouwens standaard al best netjes uit.



quote:
7s.gif Op woensdag 24 juli 2013 10:03 schreef stefanhaan het volgende:

[..]

Net als normaal als je wil dat iets voor die div geld.

#div .testStyle
[ code verwijderd ]

Dankjewel :)

quote:
7s.gif Op woensdag 24 juli 2013 10:06 schreef stefanhaan het volgende:

[..]

Voor het weergeven van afbeeldingen via :after
[ code verwijderd ]

En nogmaals dankjewel, ik ga het nog maar een keer proberen dan :)
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_129282660
ja en voor een auto heb je banden nodig, bekent ook niet dat het er beter op wordt als je zelf een profieltje ontwerpt.
  woensdag 24 juli 2013 @ 10:29:46 #124
12221 Tijn
Powered by MS Paint
pi_129282745
quote:
0s.gif Op woensdag 24 juli 2013 10:16 schreef InTrePidIvity het volgende:

[..]

Inhoud vs. design maakt het helaas onmogelijk om zonder scrollbar te werken, dus dan liever een gestylde dan de standaard Chrome-scrollbar.
Het probleem is dat je niet echt de scrollbar van een ander uiterlijk voorziet, maar zelf een mechanisme maakt dat als scrollbar moet fungeren. En dat werkt half zo goed niet als een echte scrollbar.
  woensdag 24 juli 2013 @ 10:43:31 #125
84244 Scorpie
Abject en infaam!
pi_129283093
quote:
14s.gif Op woensdag 24 juli 2013 10:26 schreef KomtTijd... het volgende:
ja en voor een auto heb je banden nodig, bekent ook niet dat het er beter op wordt als je zelf een profieltje ontwerpt.
Hehe.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  woensdag 24 juli 2013 @ 11:14:00 #126
27454 InTrePidIvity
Looks like it's broken...
pi_129283885
quote:
2s.gif Op woensdag 24 juli 2013 10:29 schreef Tijn het volgende:

[..]

Het probleem is dat je niet echt de scrollbar van een ander uiterlijk voorziet, maar zelf een mechanisme maakt dat als scrollbar moet fungeren. En dat werkt half zo goed niet als een echte scrollbar.
Opbouwende kritiek ^O^
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_129284033
quote:
0s.gif Op woensdag 24 juli 2013 09:46 schreef Darkomen het volgende:
CSS verzint zelf geen waardes omdat het het leuk vind om je te pesten

Of je zit de verkeerde files aan te passen.
Of er is iets van cache.
Of je programma loopt te kutten.

Probeer het eens zonder je programma edit je css in notepad(++)
Gelukt, getest in http://jsfiddle.net en geupload. TopStyle 5.0 deed vaag met de weergave maar probleem is opgelost, eindelijk. Nu is kijken of ik mensen hier kan helpen :)
pi_129285428
Mooi zo.
pi_129286131
quote:
14s.gif Op woensdag 24 juli 2013 11:14 schreef InTrePidIvity het volgende:

[..]

Opbouwende kritiek ^O^
je hebt gelijk.

ik moet op mijn werk zoiets gebruiken. Maar zelfs met een breed ondersteunde jquery plugin blijft het matig werken en is het moeilijk irritant om te implementeren.
  zaterdag 27 juli 2013 @ 13:17:33 #130
306371 zerokil
psvunited
pi_129402524
Heeft iemand een standaard formpje waar als je bij de 1ste blok een keuze maakt dat het 2de blok veranderd..
Dus dat je 1ste keuze invloed zal hebben op het 2 de blok keuze selectie.
  zondag 28 juli 2013 @ 16:46:00 #131
319705 pascal08
dr. prof.
pi_129436448
quote:
0s.gif Op zaterdag 27 juli 2013 13:17 schreef zerokil het volgende:
Heeft iemand een standaard formpje waar als je bij de 1ste blok een keuze maakt dat het 2de blok veranderd..
Dus dat je 1ste keuze invloed zal hebben op het 2 de blok keuze selectie.
Chained select?
  zondag 28 juli 2013 @ 16:52:00 #132
319705 pascal08
dr. prof.
pi_129436580
Ik ben onlangs een beetje aan het testen geslagen met jsperf.com

Ik wilde graag weten welke selectors nou het snelste zijn, dus ik maakte 7 tests. Ik had verwacht dat test 1 het langzaamste zou zijn en dat bleek ook zo te zijn. Echter was ik wel verbaasd dat test 5 als winnaar uit de bus kwam. Ik had eerder verwacht dat test 3 het snelste zou zijn, omdat die het meest specifiek is. Komt dit misschien omdat er te weinig HTML elementen zijn voor een representatief resultaat?



  FOK!-Schrikkelbaas zondag 28 juli 2013 @ 16:53:17 #133
862 Arcee
Look closer
pi_129436619
TT is onjuist. Moet zijn: [html, css, js] topicid+=19641 :Y)
  zondag 28 juli 2013 @ 16:54:24 #134
56176 Catch22-
Ben je Blind?!
pi_129436637
Je moet sowieso geen grotere nauwkeurigheid aangeven dan nodig.

Hoe minder selectors hoe beter
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  zondag 28 juli 2013 @ 16:59:02 #135
319705 pascal08
dr. prof.
pi_129436732
quote:
0s.gif Op zondag 28 juli 2013 16:54 schreef Catch22- het volgende:
Je moet sowieso geen grotere nauwkeurigheid aangeven dan nodig.

Hoe minder selectors hoe beter
Hmm, ok, dat verklaart waarom test 5 het snelste klaar is. ^O^

Ik zie ook jQuery sneller is als je tags gebruikt in plaats van classes. :)

pi_129437433
je bedoelt een Id. Das ook logisch aangezien een Id de meest specifieke selector is en gewoon met getElementById afgehandeld kan worden.
  zondag 28 juli 2013 @ 22:54:06 #137
319705 pascal08
dr. prof.
pi_129450847
quote:
1s.gif Op zondag 28 juli 2013 17:28 schreef KomtTijd... het volgende:
je bedoelt een Id. Das ook logisch aangezien een Id de meest specifieke selector is en gewoon met getElementById afgehandeld kan worden.
Ja, dat bedoelde ik. :)

Weet jij toevallig hoe ik het volgende zichtbare list-item na die met de class "selected" kan vinden? Next(), nextUntil(), nextAll() werken alleen als het siblings zijn en closest() werkt ook niet, want die zoekt alleen omhoog in de hiërarchie.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div>
    <ul>
        <li style="display:none;"></li>
        <li style="display:none;"></li>
        <li class="selected"></li>
    </ul>
    <ul>
        <li style="display:none;"></li>
        <li></li>
        <li style="display:none;"></li>
    </ul>
    <ul>
        <li></li>
        <li style="display:none;"></li>
        <li style="display:none;"></li>
    </ul>
</div>
pi_129454322
Zul je zelf wat voor moeten scripten denk ik.
  maandag 29 juli 2013 @ 00:17:33 #139
12221 Tijn
Powered by MS Paint
pi_129454611
Ik zou een selectie van alle zichtbare list items maken ($('li:visible')), dan de index van het geselecteerde item opvragen (met .index()) en dan het volgende element van je set aanwijzen (met .eq()).
  maandag 29 juli 2013 @ 01:51:05 #140
319705 pascal08
dr. prof.
pi_129457321
quote:
2s.gif Op maandag 29 juli 2013 00:17 schreef Tijn het volgende:
Ik zou een selectie van alle zichtbare list items maken ($('li:visible')), dan de index van het geselecteerde item opvragen (met .index()) en dan het volgende element van je set aanwijzen (met .eq()).
Dat ik daar niet aan gedacht heb. :') 8)7

Ik had inmiddels al een oplossing van meer dan 2 regels. :)

EDIT:

Ik heb 't nu voor elkaar gekregen met een enkele regel. Volgens deze jsperf is 'ie sneller dan de index-methode, maar qua leesbaarheid zou ik toch voor de multiline code gaan. Jij? :P



[ Bericht 9% gewijzigd door pascal08 op 29-07-2013 02:22:59 ]
  maandag 29 juli 2013 @ 08:19:48 #141
12221 Tijn
Powered by MS Paint
pi_129459916
Het zou sneller moeten zijn met een echte CSS-selector:

1
2
3
4
$('li').removeClass('selected')
       .filter(':visible')
       .eq(index + 1)
       .addClass('selected');

Ik ben benieuwd of het uitmaakt.
pi_129461011
quote:
0s.gif Op maandag 29 juli 2013 01:51 schreef pascal08 het volgende:

[..]

Dat ik daar niet aan gedacht heb. :') 8)7

Ik had inmiddels al een oplossing van meer dan 2 regels. :)

EDIT:

Ik heb 't nu voor elkaar gekregen met een enkele regel. Volgens deze jsperf is 'ie sneller dan de index-methode, maar qua leesbaarheid zou ik toch voor de multiline code gaan. Jij? :P

[ afbeelding ]
Maakt .selected de li onzichtbaar want zo lijkt het of dezelfde li weer geselecteerd wordt.
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
  maandag 29 juli 2013 @ 09:49:48 #143
56176 Catch22-
Ben je Blind?!
pi_129461073
1$("li").find(".selected").get(0).removeClass("selected").next("li").addClass("selected")
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_129475979
Hoi,

Een vraagje: hoe maak je een verticale navigatie menu waarbij op een link kan klikken die zichzelf dan expand. Zoals deze hier:


Alvast bedankt voor uw antwoord :).

Gr,

superky

[ Bericht 1% gewijzigd door superky op 29-07-2013 20:33:59 ]
pi_129476940
met een computer doe je dat.
pi_129477518
quote:
14s.gif Op maandag 29 juli 2013 18:29 schreef KomtTijd... het volgende:
met een computer doe je dat.
Ik heb mijn navigatie al horizontaal staan en ik kan mijn submenu laten expanden door hover te gebruiken, maar dit wil ik natuurlijk niet. Ik wil het graag hebben zoals op de bovenstaande afbeelding staat afgebeeld. Mijn vraag is kan ik dit met html en css doen of heb ik hiervoor een scriptaal (bijv. JavaScript) nodig?
pi_129477560
dan heb je javascript nodig ja.
  maandag 29 juli 2013 @ 18:50:09 #148
91039 mstx
2x1/2 = 1/2 x 1/2
pi_129477586
Bedoel je nou een horizontaal menu of een verticale (zoals op die afbeelding)? :? Als je hem wil laten uitschuiven met een klik moet je javascript gebruiken.

Zoiets:
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
<ul id="menu">
    <li>
        <a href="#">Menu 1</a>
        <ul>
            <li><a href="#">Sub 1.1</a></li>
            <li><a href="#">Sub 1.2</a></li>
            <li><a href="#">Sub 1.3</a></li>
        </ul>
    </li>
    <li>
        <a href="#">Menu 2</a>
        <ul>
            <li><a href="#">Sub 2.1</a></li>
            <li><a href="#">Sub 2.2</a></li>
            <li><a href="#">Sub 2.3</a></li>
        </ul>
    </li>
    <li>
        <a href="#">Menu 3</a>
        <ul>
            <li><a href="#">Sub 3.1</a></li>
            <li><a href="#">Sub 3.2</a></li>
            <li><a href="#">Sub 3.3</a></li>
        </ul>
    </li>
</ul>

<script type="text/javascript">
$(document).ready(function(){
    $('#menu>li>a').click(function(){
            $(this).parent().find('ul').toggle();
        });
});
</script>


[ Bericht 85% gewijzigd door mstx op 29-07-2013 18:57:41 ]
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_129481484
quote:
0s.gif Op maandag 29 juli 2013 18:50 schreef mstx het volgende:
Bedoel je nou een horizontaal menu of een verticale (zoals op die afbeelding)? :? Als je hem wil laten uitschuiven met een klik moet je javascript gebruiken.

Zoiets:
[ code verwijderd ]

Oh xD verticaal bedoel ik natuurlijk ja. Sorry voor de miscommunicatie..
pi_129483883
Of je animeert gewoon de max-height met CSS bij hover:

1
2
3
4
5
6
7
8
9
li > ul {
max-height:0;
transition:max-height 500ms ease-out;
}

li:hover > ul{
max-height:999em;
transition:max-height 500ms ease-in;
}

Als je het dan met perse met Javascript wilt doen, doe het dan ook goed en bouw een delay e.d. in zodat het menu pas openklapt als je minimaal een aantal milliseconden er boven hangt met je muis e.d. Maar een hoop aan elkaar gechainde jQuery-methods mag natuurlijk ook ;)
Bleuh.
pi_129484412
quote:
0s.gif Op maandag 29 juli 2013 21:18 schreef PimD het volgende:
Of je animeert gewoon de max-height met CSS bij hover:
[ code verwijderd ]

Als je het dan met perse met Javascript wilt doen, doe het dan ook goed en bouw een delay e.d. in zodat het menu pas openklapt als je minimaal een aantal milliseconden er boven hangt met je muis e.d. Maar een hoop aan elkaar gechainde jQuery-methods mag natuurlijk ook ;)
Nee hover wil ik niet, en het hoeft niet perse met JavaScript gedaan te worden. Ik wil graag dat het menu openklapt als je op een link klikt.
pi_129486906
Je kunt ook :target gebruiken, moeten je submenu's wel unieke ID's hebben.

1
2
3
4
5
6
7
8
9
li > ul {
max-height:0;
transition:max-height 500ms ease-out;
}

li > ul:target {
max-height:999em;
transition:max-height 500ms ease-in;
}

en in je HTML

1
2
3
4
5
6
7
<ul>
<li><a href="#submenu">Submenu</a>
<ul id="submenu">
....
</ul>
</li>
</ul>
Bleuh.
pi_129492186
:P Bootstrap 3 is uit.

http://getbootstrap.com/
pi_129505813
De grote populariteit van frameworks als Bootstrap en Foundation nooit zo begrepen. Het is handig om snelle prototypes te maken, maar voor mij niet meer dan dat.
  dinsdag 30 juli 2013 @ 14:44:55 #155
56176 Catch22-
Ben je Blind?!
pi_129505927
quote:
0s.gif Op dinsdag 30 juli 2013 14:41 schreef FigureBirdStars het volgende:
De grote populariteit van frameworks als Bootstrap en Foundation nooit zo begrepen. Het is handig om snelle prototypes te maken, maar voor mij niet meer dan dat.
ideale basis man. Ik maak alleen maar applicaties, dan is het ideaal. Gewoon degelijke basis.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_129509206
quote:
0s.gif Op maandag 29 juli 2013 22:16 schreef PimD het volgende:
Je kunt ook :target gebruiken, moeten je submenu's wel unieke ID's hebben.
[ code verwijderd ]

en in je HTML
[ code verwijderd ]

Hey je code werkt bij mij niet :S Want ik krijg gewoon dit te zien, zonder dat ik op submenu heb geklikt:


[ Bericht 17% gewijzigd door superky op 30-07-2013 16:30:50 ]
pi_129510075
quote:
0s.gif Op dinsdag 30 juli 2013 14:41 schreef FigureBirdStars het volgende:
De grote populariteit van frameworks als Bootstrap en Foundation nooit zo begrepen. Het is handig om snelle prototypes te maken, maar voor mij niet meer dan dat.
Ik denk dat ze zo populair zijn, omdat de meeste mensen het wiel niet opnieuw willen uitvinden.
pi_129513737
quote:
1s.gif Op dinsdag 30 juli 2013 16:29 schreef Devv het volgende:

[..]

Ik denk dat ze zo populair zijn, omdat de meeste mensen het wiel niet opnieuw willen uitvinden.
En het is lekker makkelijk doorgeven van persoon a naar b naar c naar d.
pi_129839266
Hoi,

Een vraagje want ik volgde een tutorial (link: ) en daarin wil ik mijn navigatie menu er zo uit laten zien:


Terwijl ik dit nu heb:


Maar dat lukt me niet :(, dus dat alleen Home en zijn sub menu open zijn geklapt, en dat de rest dicht is geklapt. Kan iemand me vertellen wat ik misschien fout doe? Hier is mijn html code:

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
<!DOCTYPE html>
<html lang="en">
<head>
<title>accordeon</title>

<script type="text/javascript">
                    
            $(document).ready(function() {
                $("dd:not(:first)").hide();

                   
            });
        </script>
 </head>

<link rel="stylesheet" href="main.css"/>
<body><ul class="menu">
<div id="container">
<dl>
    <dt><a href="#">Home</a></dt> 
    <dd>
    <ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    </ul>
    
    </dd>
    
    <dt><a href="#">About</a></dt> 
    <dd>
    <ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    </ul>
    
    </dd>
    
    <dt><a href="#">Contact</a></dt> 
    <dd>
    <ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    </ul>
    
    </dd>
    
    
    

</dl>
</div>

</body>
</html>

En hier is mijn css code:
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
dl, dt, dd, ul, li a {
margin:0; padding:0;

}

#container{
margin:auto;
}

a{
text-decoration: none;
color:#292929;
}
li{
padding-left: 0.6em;
list-style-type:none;
}

dl{
width:100px;
}

dt{
background-color:#b0c23d;
}

Graag wacht ik op uw reactie. Alvast bedankt voor uw antwoord.

Mvg,

superky
  donderdag 8 augustus 2013 @ 19:02:01 #160
91039 mstx
2x1/2 = 1/2 x 1/2
pi_129839304
quote:
0s.gif Op donderdag 8 augustus 2013 19:01 schreef mstx het volgende:
Je moet de jquery library wel includen he.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_129839730


[ Bericht 100% gewijzigd door PimD op 08-08-2013 19:14:41 ]
Bleuh.
pi_129846114
Weet iemand een manier om: mijn website (gehost door mijndomein.nl) er hetzelfde uit te laten zien als op de ftp? Dus (tenzij er een index.html in een map zit) dat je de mappenstructuur via de browser ziet en er doorheen kan klikken?

Al geprobeerd te googelen maar ik weet de juiste woorden niet. Heb mijndomein.nl zelf al benaderd hiervoor, en die zeggen: zoek een script om het voor je te doen.

Iemand die me verder kan helpen? Bvd!
  donderdag 8 augustus 2013 @ 22:08:36 #163
91039 mstx
2x1/2 = 1/2 x 1/2
pi_129846321
quote:
0s.gif Op donderdag 8 augustus 2013 22:04 schreef Ballistic het volgende:
Weet iemand een manier om: mijn website (gehost door mijndomein.nl) er hetzelfde uit te laten zien als op de ftp? Dus (tenzij er een index.html in een map zit) dat je de mappenstructuur via de browser ziet en er doorheen kan klikken?

Al geprobeerd te googelen maar ik weet de juiste woorden niet. Heb mijndomein.nl zelf al benaderd hiervoor, en die zeggen: zoek een script om het voor je te doen.

Iemand die me verder kan helpen? Bvd!
https://www.google.nl/search?q=php+file+browser ?
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_129847106
AngularJS kan weer in de prullebak, want na zeven maanden onderzoek gedaan te hebben naar HTML5 voor WinRT, Windows Phone 8, iOS en Android hebben we toch besloten alles managed te gaan doen :') . Zo gaat dat dus.
pi_129882414
Superky misschien heb je wat aan deze links?

http://bonrouge.com/br.php?page=cssonclickswitch (Hier wordt gebruik gemaakt van OnClick, echter blijft het niet langer zichtbaar dan dat je op de link klikt)
http://bonrouge.com/br.php?page=imageswitch (hierbij is gebruik gemaakt van Javascript)

Je zou ook met frames kunnen werken (ben ik zelf niet fan van, en wordt ook weinig gebruikt), dan zou je de navigatie in een frame kunnen doen en gewoon voor home, about en contact een aparte pagina maken met wel een gedeelte naar beneden geklapt.

En waarom wil je eigenlijk niet dat het gewoon naar beneden klapt als je eroverheen gaat?
Hoop dat je er iets aan hebt.
pi_129917033
quote:
0s.gif Op vrijdag 9 augustus 2013 23:07 schreef hagemar het volgende:
Superky misschien heb je wat aan deze links?

http://bonrouge.com/br.php?page=cssonclickswitch (Hier wordt gebruik gemaakt van OnClick, echter blijft het niet langer zichtbaar dan dat je op de link klikt)
http://bonrouge.com/br.php?page=imageswitch (hierbij is gebruik gemaakt van Javascript)

Je zou ook met frames kunnen werken (ben ik zelf niet fan van, en wordt ook weinig gebruikt), dan zou je de navigatie in een frame kunnen doen en gewoon voor home, about en contact een aparte pagina maken met wel een gedeelte naar beneden geklapt.

En waarom wil je eigenlijk niet dat het gewoon naar beneden klapt als je eroverheen gaat?
Hoop dat je er iets aan hebt.
Omdat ik gewoon liever wil dat ik erop klik, dan dat ik met mijn huis eroverheen ga. Maar dit probleem is al opgelost ^O^

Nu heb ik een ander klein probleem. Namelijk in het volgende afbeelding te zien:


Met de bijgevoegde css code:

1
2
3
4
5
6
7
8
#right_side{
    border: 1px solid blue;
    float:right;
    width: 220px;
    padding: 30px;
    background: #66CCCC;
    position: absolute;
}

Daarin wil ik dus dat het deel "news" aan de andere kant van mijn website staat. Dit was me overigens gelukt. Hier is het resultaat te zien:

Met de bijgevoegde css code:

1
2
3
4
5
6
7
8
9
#right_side{
    top: -280px;
    border: 1px solid blue;
    float:right;
    width: 220px;
    padding: 30px;
    background: #66CCCC;
    position: relative;
}

Maar het probleem hiervan is, is als ik op mijn site ga uitzoomen dan zie ik dat het deel "news" zich verplaatst. En dit wil ik graag niet hebben. Hier kunt u het resultaat zien als ik mijn site uitzoom:


Kan iemand me misschien helpen om dit probleem op te lossen? Graag wacht ik op uw reactie. Alvast bedankt voor uw antwoord.

Mvg,

superky
pi_129942006
Hi,

Ik ben een beetje aan het klooien met het menu, maar net heb ik de dropdown eruit gehaald maar nu doen bepaalde pagina's erg raar..

Dit is de code die ik nu heb:

SPOILER
Om 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.
SPOILER
Om 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.
Meestal staat contact onder home, en de rest gewoon goed. Je kan zelf een kijkje nemen op: www.davidhol.nl
pi_129957622
quote:
0s.gif Op zondag 11 augustus 2013 16:33 schreef SV-Spakenburg het volgende:
Hi,

Ik ben een beetje aan het klooien met het menu, maar net heb ik de dropdown eruit gehaald maar nu doen bepaalde pagina's erg raar..

Dit is de code die ik nu heb:
[knip]

Meestal staat contact onder home, en de rest gewoon goed. Je kan zelf een kijkje nemen op: www.davidhol.nl
1. Code (zowel html als css als js) hoort in [code] tags, niet in [spoiler] tags.
2. Post alleen relevante code. Bij de html is dat gelukt, bij de css niet helemaal.
3. Je html is niet goed. In een <ul> horen <li>s te staan, en daarbinnen weer andere content. Een <a> die wel in een <ul> maar niet in een <li> staat, is niet goed en ga je niet goed kunnen stylen.
4. Een link naar de website of iets als een jsfiddle-pagina waar we de code werkend kunnen zien is prima :)
pi_129967284
quote:
0s.gif Op zondag 11 augustus 2013 22:34 schreef Light het volgende:

[..]

1. Code (zowel html als css als js) hoort in [code] tags, niet in [spoiler] tags.
2. Post alleen relevante code. Bij de html is dat gelukt, bij de css niet helemaal.
3. Je html is niet goed. In een <ul> horen <li>s te staan, en daarbinnen weer andere content. Een <a> die wel in een <ul> maar niet in een <li> staat, is niet goed en ga je niet goed kunnen stylen.
4. Een link naar de website of iets als een jsfiddle-pagina waar we de code werkend kunnen zien is prima :)
Het is al opgelost, had per ongeluk iets weggehaald in de code. :P
pi_130032893
Beste Forum leden,

Momenteel laad ik de content van mijn website via een php scriptje:

1
2
3
4
5
6
7
8
9
10
<?php         
           
if(!$_GET['p']) 
               
$_GET['p'] = "home";     
             
           if(
file_exists(''.$_GET['p'].'.php')) 
               include(
''.$_GET['p'].'.php');     
           else 
               include(
"home"); 
             
           
?>

die vervolgens wordt "aangestuurd" door.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?php
<a href="?p=mij">Informatie</a>
                    <
ul>
                        <
li><a href="?p=mij">Over mij</a></li>
                        <
li><a href="?p=prijzen">Prijzen</a></li>
                        
                    </
ul>
                </
li>
                <
li>
                    <
a href="?p=contact">Contact</a>
                    
                </
li>
                <
li>
                    <
a href="?p=gast">Gastenboek</a>
                    
                </
li>
                <
li>
                    <
a href="?p=links">Links</a>
                    
                </
li>
?>

dit functioneert wel maar het is toch niet helemaal ideaal.

iedere keer als ik een pagina open laad hij de hele pagina overnieuw.

http://www.jjameland.nl <-- voor een idee hoe het er uit ziet.

nu heb ik begrepen dat je dit kan oplossen door gebruik te maken van ajax.
nu heb ik al aardig wat howto`s gelezen maar ik begrijp er niets van.

weet iemand een goeie howto met veel uitleg en of een mooi voorbeeld bestand?
  dinsdag 13 augustus 2013 @ 21:21:49 #172
91039 mstx
2x1/2 = 1/2 x 1/2
pi_130033962
quote:
0s.gif Op dinsdag 13 augustus 2013 21:00 schreef gerrit098 het volgende:
Beste Forum leden,

Momenteel laad ik de content van mijn website via een php scriptje:
[ code verwijderd ]

die vervolgens wordt "aangestuurd" door.
[ code verwijderd ]

dit functioneert wel maar het is toch niet helemaal ideaal.

iedere keer als ik een pagina open laad hij de hele pagina overnieuw.

http://www.jjameland.nl <-- voor een idee hoe het er uit ziet.

nu heb ik begrepen dat je dit kan oplossen door gebruik te maken van ajax.
nu heb ik al aardig wat howto`s gelezen maar ik begrijp er niets van.

weet iemand een goeie howto met veel uitleg en of een mooi voorbeeld bestand?
http://www.jjameland.nl/?p=index
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
  dinsdag 13 augustus 2013 @ 21:27:57 #173
84244 Scorpie
Abject en infaam!
pi_130034321
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_130037985
quote:
Erg behulpzaam dank u! ;(
pi_130039141
quote:
0s.gif Op dinsdag 13 augustus 2013 21:00 schreef gerrit098 het volgende:
Beste Forum leden,

Momenteel laad ik de content van mijn website via een php scriptje:
[ code verwijderd ]

die vervolgens wordt "aangestuurd" door.
[ code verwijderd ]

dit functioneert wel maar het is toch niet helemaal ideaal.

iedere keer als ik een pagina open laad hij de hele pagina overnieuw.

http://www.jjameland.nl <-- voor een idee hoe het er uit ziet.

nu heb ik begrepen dat je dit kan oplossen door gebruik te maken van ajax.
nu heb ik al aardig wat howto`s gelezen maar ik begrijp er niets van.

weet iemand een goeie howto met veel uitleg en of een mooi voorbeeld bestand?
leuke opening voor php inclusion, dat scriptje.

verder, waarom zou je een probleem willen gebruiken als oplossing van iets wat helemaal geen probleem is?
  dinsdag 13 augustus 2013 @ 23:03:06 #177
166255 Maringo
Bèhèhèhèh
pi_130039279
quote:
_O-

quote:
0s.gif Op dinsdag 13 augustus 2013 21:00 schreef gerrit098 het volgende:
Beste Forum leden,

Momenteel laad ik de content van mijn website via een php scriptje:
[ code verwijderd ]

die vervolgens wordt "aangestuurd" door.
[ code verwijderd ]

dit functioneert wel maar het is toch niet helemaal ideaal.

iedere keer als ik een pagina open laad hij de hele pagina overnieuw.

http://www.jjameland.nl <-- voor een idee hoe het er uit ziet.

nu heb ik begrepen dat je dit kan oplossen door gebruik te maken van ajax.
nu heb ik al aardig wat howto`s gelezen maar ik begrijp er niets van.

weet iemand een goeie howto met veel uitleg en of een mooi voorbeeld bestand?
Als je al veel howto's gelezen hebt, waarom denk je dat er nog één lezen een toegevoegde waarde heeft?
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
pi_130049402
quote:
14s.gif Op dinsdag 13 augustus 2013 23:00 schreef KomtTijd... het volgende:

[..]

leuke opening voor php inclusion, dat scriptje.

verder, waarom zou je een probleem willen gebruiken als oplossing van iets wat helemaal geen probleem is?
Om er voor te zorgen dat alleen de content opnieuw geladen wordt, niet de hele pagina waardoor ook de backgroundslider opnieuw geladen wordt.

Tevens lijkt mij die fadein-out effecten wel aardig om er bij te gebruiken.
pi_130049427
quote:
2s.gif Op dinsdag 13 augustus 2013 23:03 schreef Maringo het volgende:

[..]

_O-

[..]

Als je al veel howto's gelezen hebt, waarom denk je dat er nog één lezen een toegevoegde waarde heeft?
in de hoop dat ik dan wel begrijp welke stappen moet ondernemen.

Ik vind zelf dat ik al een redelijke site heb neer gezet zonder enige kennis van zaken...

mede daarom hoop ik dat dit ook gewoon gaat lukken.
  woensdag 14 augustus 2013 @ 10:22:35 #180
363995 Reemi
Zeg maar Remi.
pi_130049562
quote:
0s.gif Op woensdag 14 augustus 2013 10:14 schreef gerrit098 het volgende:

[..]

Om er voor te zorgen dat alleen de content opnieuw geladen wordt, niet de hele pagina waardoor ook de backgroundslider opnieuw geladen wordt.

Tevens lijkt mij die fadein-out effecten wel aardig om er bij te gebruiken.
Jquery
Smile like you mean it
www.wefut.com
  donderdag 15 augustus 2013 @ 13:57:06 #181
27454 InTrePidIvity
Looks like it's broken...
pi_130094393
Hoe krijg ik plaatjes d.m.v. CSS in grijswaarden in IE? Chrome en Firefox werken prima mee, maar IE doet erg moeilijk :(
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
  donderdag 15 augustus 2013 @ 13:58:26 #182
134533 donroyco
dus niet Donroyco
pi_130094437
quote:
0s.gif Op donderdag 15 augustus 2013 13:57 schreef InTrePidIvity het volgende:
Hoe krijg ik plaatjes d.m.v. CSS in grijswaarden in IE? Chrome en Firefox werken prima mee, maar IE doet erg moeilijk :(
Bedoel je dit?

1filter: alpha(opacity=40); /* msie */
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  donderdag 15 augustus 2013 @ 14:12:57 #183
27454 InTrePidIvity
Looks like it's broken...
pi_130094965
quote:
7s.gif Op donderdag 15 augustus 2013 13:58 schreef donroyco het volgende:

[..]

Bedoel je dit?
[ code verwijderd ]

Nee, ik wil echt dat de afbeelding wordt weergegeven in grijswaarden.
Ik heb nu dit:
1
2
3
4
{max-width: 140px; height: auto;filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 0.5 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */    
filter: gray; /* IE6-9 */    
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ 
/* For IE8 and earlier */ opacity: 0.7; }
En dat werkt voor IE6-9, maar niet voor 10 8)7
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
  donderdag 15 augustus 2013 @ 14:13:25 #184
134533 donroyco
dus niet Donroyco
pi_130094976
quote:
0s.gif Op donderdag 15 augustus 2013 14:12 schreef InTrePidIvity het volgende:

[..]

Nee, ik wil echt dat de afbeelding wordt weergegeven in grijswaarden.
Ik heb nu dit:
[ code verwijderd ]

En dat werkt voor IE6-9, maar niet voor 10 8)7
http://stackoverflow.com/(...)cale-image-for-ie-10
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  donderdag 15 augustus 2013 @ 14:18:32 #185
27454 InTrePidIvity
Looks like it's broken...
pi_130095148
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_130112190
Goedenavond,

Ik heb vandaag een site overgenomen en deze geüpload op mijn host. Nu heb ik alle instellingen ingevoerd maar doet de gehele site het niet (check http://www.droidplanet.nl)

Wat moet ik doen? Ben geen ster met wordpress/HTML; vandaar.
pi_130112422
Staat alles toevallig in een map? Want het lijkt erop dat er geen index.html of .php is..

edit: weet je zeker dat je alle rechten goed hebt toegekend?..
pi_130122051
quote:
2s.gif Op donderdag 15 augustus 2013 22:32 schreef Nemephis het volgende:
Staat alles toevallig in een map? Want het lijkt erop dat er geen index.html of .php is..

edit: weet je zeker dat je alle rechten goed hebt toegekend?..
Er is een index.php, en ik denk dat het aan de rechten ligt indd. Maar hoe los ik dit op? :o
  vrijdag 16 augustus 2013 @ 11:10:35 #189
166255 Maringo
Bèhèhèhèh
pi_130124504
quote:
0s.gif Op vrijdag 16 augustus 2013 09:35 schreef SV-Spakenburg het volgende:

[..]

Er is een index.php, en ik denk dat het aan de rechten ligt indd. Maar hoe los ik dit op? :o
Licht er een beetje aan wat er mogelijk is bij je host.
1. Via FTP. Naar de eigenschappen van de hoofdmap en RWXR-XR-X (755) recursief toekennen.
2. Via SSH. Naar de hoofdmap navigeren en chmod -R 775 runnen
3. Of misschien een optie in het control panel van je host. Maar dat zou ik niet weten zonder het te zien.

Maar eerlijk gezegd lijkt het me raar dat je zelfs geen recht heb op inzicht van de index.php terwijl je het alleen maar geüploadt hebt..

Check ook de .htaccess, daar kan misschien iets instaan wat een 403 error creëert.
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
pi_130125621
quote:
2s.gif Op vrijdag 16 augustus 2013 11:10 schreef Maringo het volgende:

[..]

Licht er een beetje aan wat er mogelijk is bij je host.
1. Via FTP. Naar de eigenschappen van de hoofdmap en RWXR-XR-X (755) recursief toekennen.
2. Via SSH. Naar de hoofdmap navigeren en chmod -R 775 runnen
3. Of misschien een optie in het control panel van je host. Maar dat zou ik niet weten zonder het te zien.

Maar eerlijk gezegd lijkt het me raar dat je zelfs geen recht heb op inzicht van de index.php terwijl je het alleen maar geüploadt hebt..

Check ook de .htaccess, daar kan misschien iets instaan wat een 403 error creëert.
De vorige eigenaar heeft het geüpload, en hij zegt dat apache geen rechten heeft tot de user map.. maar hoe los ik dat op? :P
pi_130126246
Ik zou zeggen, in iedergeval begrijpen dat dit niet een css, html of js probleem is.

Gezien we deze melding zien op je website
"Additionally, a 403 Forbidden error was encountered while trying to use an ErrorDocument to handle the request."
Zou ik zeggen dat het in je .htaccess fout gaat.
post de inhoud daarvan eens.
  vrijdag 16 augustus 2013 @ 12:14:57 #192
166255 Maringo
Bèhèhèhèh
pi_130126438
quote:
0s.gif Op vrijdag 16 augustus 2013 11:46 schreef SV-Spakenburg het volgende:

[..]

De vorige eigenaar heeft het geüpload, en hij zegt dat apache geen rechten heeft tot de user map.. maar hoe los ik dat op? :P
Niet. :+
Post je .htaccess es.
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
pi_130126498
1
2
3
4
5
6
7
8
9
10
11
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress
pi_130495235
Beste HTML 5 experts...

geen idee hoe hoog gegrepen dit is, maar ik wil deze vraag graag voorleggen.
Wie kan mij helpen? Werkende code aanleveren is kratje bier krijgen :)
(onder voorbehoud dat ik niet opeens van 10 mensen een code toegestuurd krijg haha)

DIG / Iemand handig met HTML 5?
People assume too much.
pi_130681591
Kunnen jullie mij wat tips geven wat betreft SEO?

Ik heb namelijk meerdere webpagina's een unieke titel gegeven, zoals door Google aanbevolen, maar een discussie met een maat bracht mij toch aan het twijfelen over de home pagina, de pagina die je dus ziet als je alleen het domein intypt. Hij zei dat je beter een goede zin of een aantal goede trefwoorden in de titel kunt zetten voor die pagina.

Ik weet dat Google titels langer dan 65-70 karakter gewoon afkapt en de websitenaam is nog niet heel bekend. Wat is dan een handige titel voor de home pagina? Kan ik voor de andere pagina's wel de paginanaam voorop laten?
  zaterdag 31 augustus 2013 @ 20:31:38 #196
230788 n8n
Pragmatisch
pi_130681775
Eerst de naam van je website! Daarna (eventueel) de titel van je pagina (dus wat in de eerste h1 staat)
Specialization is for insects”.—Robert Heinlein
pi_130682333
quote:
0s.gif Op zaterdag 31 augustus 2013 20:31 schreef n8n het volgende:
Eerst de naam van je website! Daarna (eventueel) de titel van je pagina (dus wat in de eerste h1 staat)
Die eerste <H1> is er niet op elke pagina. Is dat wel aan te raden, elke pagina een <H1> geven? De websitenaam is ook nog niet heel bekend, kan ik 'm dan niet beter achter de trefwoorden zetten, waar waarschijnlijk eerder op gegoogled zal worden? Of zorgt de websitenaam voorop juist voor een betere indexering?
  zaterdag 31 augustus 2013 @ 21:07:22 #198
230788 n8n
Pragmatisch
pi_130683184
quote:
0s.gif Op zaterdag 31 augustus 2013 20:45 schreef pascal08 het volgende:

[..]

Die eerste <H1> is er niet op elke pagina. Is dat wel aan te raden, elke pagina een <H1> geven? De websitenaam is ook nog niet heel bekend, kan ik 'm dan niet beter achter de trefwoorden zetten, waar waarschijnlijk eerder op gegoogled zal worden? Of zorgt de websitenaam voorop juist voor een betere indexering?
usabilty, mensen hebben tabs, kan weinig text op dus ze willen eerst de naam zien ter herkenning. Titel van de pagina erna zodat ze weten waar ze waren op je site. Google geeft geen neuk, semantiek, laadtijden en relevante content zijn van belang
Specialization is for insects”.—Robert Heinlein
  zaterdag 31 augustus 2013 @ 21:10:24 #199
230788 n8n
Pragmatisch
pi_130683295
Gebruik in de head tags een meta:content die voor elke pagina uniek en relevant aan dw pagina is, dit is de tekst die mensen lezen onder de titel op google en dat zijn alleen de eerste 140 karakters: wees bondig en hou het leebaar.

Er is ook een meta tag voor keywords, geen idee of die (nog) nut heeft.
Specialization is for insects”.—Robert Heinlein
  zondag 1 september 2013 @ 00:05:36 #200
166255 Maringo
Bèhèhèhèh
pi_130690383
Meta keywords kijkt Google niet meer naar, met name omdat het te makkelijk te frauderen is.
Google kijkt naar wat er op de website zelf staat en met welke woorden er naar die pagina wordt gelinked vanaf andere sites.
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
pi_130695905
quote:
1s.gif Op zaterdag 31 augustus 2013 21:07 schreef n8n het volgende:

[..]

usabilty, mensen hebben tabs, kan weinig text op dus ze willen eerst de naam zien ter herkenning. Titel van de pagina erna zodat ze weten waar ze waren op je site. Google geeft geen neuk, semantiek, laadtijden en relevante content zijn van belang
google geeft zeker wel een neuk, de title is altijd zeer aanwezig en heeft dus ook een zeer hoge semantische value.

Ik denk zelfs de hoogste van je hele pagina, op de url na misschien.
pi_130696472
quote:
0s.gif Op zaterdag 31 augustus 2013 20:31 schreef n8n het volgende:
Eerst de naam van je website! Daarna (eventueel) de titel van je pagina (dus wat in de eerste h1 staat)
Nee }:|
  zondag 1 september 2013 @ 14:06:41 #203
166255 Maringo
Bèhèhèhèh
pi_130702456
quote:
14s.gif Op zondag 1 september 2013 10:01 schreef KomtTijd... het volgende:

[..]

google geeft zeker wel een neuk, de title is altijd zeer aanwezig en heeft dus ook een zeer hoge semantische value.

Ik denk zelfs de hoogste van je hele pagina, op de url na misschien.
Nee, al een paar jaar niet meer. Het enige waar Google de titel nog voor gebruikt is in de weergave van het resultaat.
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
pi_130703730
Om het samen te vatten:

- Meta description moet voor elke pagina een samenvatting geven van de content. Uniek en niet te lang.
- De titel is enkel te herkenning voor de gebruiker op welke pagina hij/zij zich bevindt?
- Meta keywords is dood.

Dus: *Paginatitel* | *websitenaam* als <title> ter herkenning in je browsertabblad en op Google.
En <meta name="description" content="*unieke paginacontentsamenvatting van +/- 140 woorden">

Zoiets?
pi_130703793
quote:
1s.gif Op zondag 1 september 2013 14:06 schreef Maringo het volgende:

[..]

Nee, al een paar jaar niet meer. Het enige waar Google de titel nog voor gebruikt is in de weergave van het resultaat.
Bron?
pi_130704041
Uit de Google SEO Guide:



  zondag 1 september 2013 @ 17:27:15 #207
230788 n8n
Pragmatisch
pi_130710212
quote:
1s.gif Op zondag 1 september 2013 10:43 schreef picodealion het volgende:

[..]

Nee }:|
quote:
0s.gif Op zondag 1 september 2013 14:44 schreef pascal08 het volgende:
Uit de Google SEO Guide:

[ afbeelding ]

[ afbeelding ]
Specialization is for insects”.—Robert Heinlein
pi_130711059
quote:
7s.gif Op zondag 1 september 2013 17:27 schreef n8n het volgende:

[..]

[..]

Ik had een kater dus ik kon niet meer typen dan dat. Wat ik bedoelde is dat je altijd de paginanaam eerst doet, dan pas de site naam.

quote:
4. Using the Company/Site Name in All Web Pages
As previously said, Google displays up to 70 characters of a given page title in their SERPs. It does see longer ones, though, and despite what many SEO professionals preach, it isn’t a huge problem to have page titles that are greater than 70 characters in a page title.

Nevertheless, you need to think of what should and shouldn’t appear in the title. Many website owners tend to include their business name in the title, some of which can be very lengthy. What is even worse is that they want their name to appear first in every single web page.

Including your company name (unless it’s a search term that will likely be used), is unnecessary, and is consistent with some of the mistakes I’ve discussed earlier.p
http://sixrevisions.com/c(...)ith-web-page-titles/

http://digitalfireflymark(...)e-most-website-pages

http://www.seomark.co.uk/seo-page-titles/
  zondag 1 september 2013 @ 18:04:29 #209
230788 n8n
Pragmatisch
pi_130711470
quote:
14s.gif Op zondag 1 september 2013 17:52 schreef picodealion het volgende:

[..]

Ik had een kater dus ik kon niet meer typen dan dat. Wat ik bedoelde is dat je altijd de paginanaam eerst doet, dan pas de site naam.

[..]

http://sixrevisions.com/c(...)ith-web-page-titles/

http://digitalfireflymark(...)e-most-website-pages

http://www.seomark.co.uk/seo-page-titles/
Maar net of je usability het mogelijk seo verschil waard is.
Specialization is for insects”.—Robert Heinlein
  zondag 1 september 2013 @ 18:04:40 #210
166255 Maringo
Bèhèhèhèh
pi_130711479
quote:
5s.gif Op zondag 1 september 2013 14:38 schreef picodealion het volgende:

[..]

Bron?
Als ik achter de computer zit, zal ik ze geven. Daar staan ze als bookmark.
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
pi_130711511
Ik zie aan de favicon wel op welke site ik ben. Ik ben erg blij dat FOK! in mijn tabs laat zien welk topic ik open heb, in plaats van dat er bij elke tab eerst helemaal "FOK! Forum" moet staan. Denk daar maar eens over na.
pi_130715951
quote:
3s.gif Op zondag 1 september 2013 18:05 schreef picodealion het volgende:
Ik zie aan de favicon wel op welke site ik ben. Ik ben erg blij dat FOK! in mijn tabs laat zien welk topic ik open heb, in plaats van dat er bij elke tab eerst helemaal "FOK! Forum" moet staan. Denk daar maar eens over na.
Mee eens, maar gaat dat dan niet ten koste van de ranking in de zoekmachines.
  zondag 1 september 2013 @ 20:02:52 #213
166255 Maringo
Bèhèhèhèh
pi_130716302
quote:
0s.gif Op zondag 1 september 2013 19:55 schreef pascal08 het volgende:

[..]

Mee eens, maar gaat dat dan niet ten koste van de ranking in de zoekmachines.
Zoekmachines kijken niet naar de titel voor de ranking.
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
pi_130716987
quote:
1s.gif Op zondag 1 september 2013 20:02 schreef Maringo het volgende:

[..]

Zoekmachines kijken niet naar de titel voor de ranking.
Oké, dus die titel is puur voor tabbladen en als naam voor het gevonden resultaat in Google?
pi_130717948
quote:
0s.gif Op zondag 1 september 2013 20:15 schreef pascal08 het volgende:

[..]

Oké, dus die titel is puur voor tabbladen en als naam voor het gevonden resultaat in Google?
daar kijken ze wel naar om eerder genoemde reden, en het is zelfs de belangrijkste tag op je pagina.

Ik weet niet hoe maringo erbij komt dat dat niet zo zou zijn, maar ik denk dat'ie in De war is met meta keywords ofzo.
  zondag 1 september 2013 @ 20:50:42 #216
166255 Maringo
Bèhèhèhèh
pi_130719231
quote:
14s.gif Op zondag 1 september 2013 20:32 schreef KomtTijd... het volgende:

[..]

daar kijken ze wel naar om eerder genoemde reden, en het is zelfs de belangrijkste tag op je pagina.

Ik weet niet hoe maringo erbij komt dat dat niet zo zou zijn, maar ik denk dat'ie in De war is met meta keywords ofzo.
Nee hoor, beide stellen niks meer voor voor de ranking. Sterker nog, hetgeen wat het meest telt voor de ranking, is welke woorden andere sites gebruiken om naar jouw site te linken plus de ranking van die site.
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
  zondag 1 september 2013 @ 20:53:40 #217
230788 n8n
Pragmatisch
pi_130719443
quote:
3s.gif Op zondag 1 september 2013 18:05 schreef picodealion het volgende:
Ik zie aan de favicon wel op welke site ik ben. Ik ben erg blij dat FOK! in mijn tabs laat zien welk topic ik open heb, in plaats van dat er bij elke tab eerst helemaal "FOK! Forum" moet staan. Denk daar maar eens over na.
Ik zie je punt, hangt wel een beetje van de website af. Bij artikelen liever eerste titel ja, bij bijvoorbeeld een webwinkel kan eerst de naam wel handig zijn
Specialization is for insects”.—Robert Heinlein
pi_130720102
quote:
1s.gif Op zondag 1 september 2013 20:50 schreef Maringo het volgende:

[..]

Nee hoor, beide stellen niks meer voor voor de ranking. Sterker nog, hetgeen wat het meest telt voor de ranking, is welke woorden andere sites gebruiken om naar jouw site te linken plus de ranking van die site.
Dat is zeker het belangrijkste, maar dat wil niet zeggen dat de content en semantiek van je eigen pagina er helemaal niets meer toe doet.

Meta-keywords worden niet meer gebruikt omdat die niet zichtbaar voorkomen op de pagina en dus geen semantische waarde hebben. Kortom je kunt er allerlei rommel in gooien die niets met de content te maken heeft.
De title tag daarentegen is altijd gegarandeerd prominent aanwezig. dat weten de zoekmachines ook, en daarom heeft die tag zo'n hoge waardering.

[ Bericht 0% gewijzigd door KomtTijd... op 02-09-2013 01:34:02 ]
pi_130727119
quote:
1s.gif Op zondag 1 september 2013 21:02 schreef KomtTijd... het volgende:

[..]

Dat is zeker het belangrijkste, maar dat wil moet zeggen dat de content en semantiek van je eigen pagina er helemaal niets meer toe doet.

Meta-keywords worden niet meer gebruikt omdat die niet zichtbaar voorkomen op de pagina en dus geen semantische waarde hebben. Kortom je kunt er allerlei rommel in gooien die niets met de content te maken heeft.
De title tag daarentegen is altijd gegarandeerd prominent aanwezig. dat weten de zoekmachines ook, en daarom heeft die tag zo'n hoge waardering.
Dit dus. Ik ben heel erg benieuwd naar je bron Maringo want jouw uitspraak spreekt alle SEO advies tegen.
pi_130727487
Ondertussen heb ik nog een vraag. Weten jullie of er een benaming is voor deze filter encodering op bijvoorbeeld Tweakers: http://tweakers.net/categ(...)UrMzNTWHczDwlK13DWgA Ik wil namelijk kunnen googlen op deze techniek. :P

In die geëncodeerde string staan alle url hash variabelen, waardoor je dus met je browsergeschiedenis bepaalde combinaties van ingestelde filters kunt instellen.
  zondag 1 september 2013 @ 22:56:50 #221
91039 mstx
2x1/2 = 1/2 x 1/2
pi_130727655
Base64 of iets wat er op lijkt, waarschijnlijk zal er gewoon een json array met alle ingestelde waarden in staan of iets vergelijkbaars.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_130727745
quote:
1s.gif Op zondag 1 september 2013 22:56 schreef mstx het volgende:
Base64 of iets wat er op lijkt, waarschijnlijk zal er gewoon een json array met alle ingestelde waarden in staan of iets vergelijkbaars.
Top, bedankt. ^O^
pi_130743933
Ik wil mijn menu aanpassen met CSS maar helaas gebeurt er niet wat ik wil.
Momenteel heb ik de volgende code:

1
2
3
4
5
6
7
8
9
.horizontal_menu li {
    display:inline;
    list-style-type:none;
    padding-right:4px;
    float:left;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:14px;
    text-decoration: none;
}

Font-family en font-size accepteert hij wel maar text-decoration: none; laat hij liggen.
Als ik text-decoration: line-through; instel dan pakt hij die weer wel.

Om te testen heb ik de volgende code toegevoegd:
1
2
3
4
5
6
7
8
9
10
11
.horizontal_menu a:link{
    font-family:Tahoma, Geneva, sans-serif;
    font-size: 14px;
    text-decoration:none;
}

.horizontal_menu a:hover{
    font-family:Tahoma, Geneva, sans-serif;
    font-size: 14px;
    text-decoration: underline;
}
Met de bovenstaande code haalt hij de automatische underline wel weg als er niks met de link wordt gedaan. Als ik een eigen kleur instel doet hij daar weer niks mee, die blijft gewoon paars.
De hover werkt wel gewoon als ik met mijn muis over een link heenga.
Ergens zit er dus een conflict, maar ik kom er niet meer uit.

De bovenste code van mijn post komt van een site waarin ze uitleggen hoe je in Joomla een horizontaal menu maakt.
pi_130744498
een <a> element heeft standaard text-decoration: underline, dus dat is nogal wiedes.

De kleur doet'ie niets mee omdat je geen kleur voor :visited (default paars) specificeert.

Als je de kleur voor <a> specificeert geldt die direct voor alle 4 de mogelijke psuedo-classes van een link. Als je specifiek één psuedo-class (a:link en a:hover in dit geval) een kleur geeft, blijven de anderen gewoon hun default waarde houden.
  dinsdag 3 september 2013 @ 21:40:28 #225
410586 Ferreus
Oh no, I know a dirty word!
pi_130792677
Ik ben bezig met een projectje en loop nu een beetje vast. Ik heb een formuliertje en de gegevens van een veld moeten worden gebruikt in Javascript, maar hoe krijg ik die in een variable?

Misschien is de vraag een beetje vaag dus hierbij mijn code:
1
2
3
4
5
6
7
8
9
10
11
12
<script>
function functie() {
var start = ???
... nog meer code...
}
</script>

<form>
    <input type="text" id="start">
</form>

<button type="button" onclick="functie();">tekst</button>

var start moet dus de input zijn van het formulier
  dinsdag 3 september 2013 @ 21:51:12 #226
84244 Scorpie
Abject en infaam!
pi_130793276
document.getElementById('start').value
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_130815057
Hoe kan ik deze tekentjes: « » weergeven in html zonder dat er een  voor komt te staan?
Als ik via javascript die zooi aan innerhtml toevoeg doet ie dat niet..

??
  woensdag 4 september 2013 @ 15:56:16 #228
91039 mstx
2x1/2 = 1/2 x 1/2
pi_130815145
De juiste charset gebruiken of & raquo; en & laquo; zonder spaties.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_130815989
Bedankt
pi_130878227
Ik heb een .css bestand waarbij ik de 500+ regels zeker ga halen.
Mijn vraag is of aan een lang .css bestand nadelen kleven.
IDs, classes etc. schrijf ik overigens wel regel voor regel op, zoals:

1
2
3
4
5
6
h1 {
font-family:
font size:
etc
etc
}
  vrijdag 6 september 2013 @ 12:01:12 #231
137776 boem-dikkie
Jedi Mind Baby!
pi_130878267
quote:
5s.gif Op vrijdag 6 september 2013 11:59 schreef karton2 het volgende:
Ik heb een .css bestand waarbij ik de 500+ regels zeker ga halen.
Mijn vraag is of aan een lang .css bestand nadelen kleven.
IDs, classes etc. schrijf ik overigens wel regel voor regel op, zoals:
[ code verwijderd ]

Je kunt hem compressen maar voor de rest maakt het niet zoveel uit.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  vrijdag 6 september 2013 @ 12:02:38 #232
91039 mstx
2x1/2 = 1/2 x 1/2
pi_130878298
Of je nou alles op 1 regel hebt staan of op 500 regels, dat maakt niet uit. 500 regels is niet echt lang trouwens.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
  vrijdag 6 september 2013 @ 12:03:18 #233
84244 Scorpie
Abject en infaam!
pi_130878311
In 2001 was dat een probleem. Nu niet meer.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  vrijdag 6 september 2013 @ 14:35:46 #234
71610 Black-Hole
Deep in my soul
pi_130882679
quote:
7s.gif Op vrijdag 6 september 2013 12:01 schreef boem-dikkie het volgende:

[..]

Je kunt hem compressen maar voor de rest maakt het niet zoveel uit.
Zeker doen op de live omgeving, ook al zijn het een paar kb's die je eraf haalt het is toch mooi meegenomen.
  vrijdag 6 september 2013 @ 14:46:43 #235
299167 stefanhaan
Bloeddorstige wasbeer
pi_130883005
quote:
0s.gif Op vrijdag 6 september 2013 14:35 schreef Black-Hole het volgende:

[..]

Zeker doen op de live omgeving, ook al zijn het een paar kb's die je eraf haalt het is toch mooi meegenomen.
Die paar kb's zullen tegenwoordig het verschil wel maken ja..
It was an opportunity to honour our memories and to make room for new ones
  vrijdag 6 september 2013 @ 14:54:27 #236
71610 Black-Hole
Deep in my soul
pi_130883267
quote:
7s.gif Op vrijdag 6 september 2013 14:46 schreef stefanhaan het volgende:

[..]

Die paar kb's zullen tegenwoordig het verschil wel maken ja..
Performance > all. Als we overal een paar kb's laten liggen terwijl we die wel kunnen besparen...
  vrijdag 6 september 2013 @ 14:55:32 #237
299167 stefanhaan
Bloeddorstige wasbeer
pi_130883302
quote:
0s.gif Op vrijdag 6 september 2013 14:54 schreef Black-Hole het volgende:

[..]

Performance > all. Als we overal een paar kb's laten liggen terwijl we die wel kunnen besparen...
Leuk en aardig. Maar die paar kb die je bespaart maakt waarschijnlijk echt 0,0 uit qua performance.
It was an opportunity to honour our memories and to make room for new ones
  vrijdag 6 september 2013 @ 15:06:04 #238
12221 Tijn
Powered by MS Paint
pi_130883642
quote:
7s.gif Op vrijdag 6 september 2013 14:55 schreef stefanhaan het volgende:

[..]

Leuk en aardig. Maar die paar kb die je bespaart maakt waarschijnlijk echt 0,0 uit qua performance.
Denk ook aan mobiele gebruikers. Maar wat vooral scheelt is het samenvoegen van meerdere files in 1 enkel bestand. Hoe minder http-requests, hoe sneller de pagina laadt.
  vrijdag 6 september 2013 @ 15:09:29 #239
299167 stefanhaan
Bloeddorstige wasbeer
pi_130883736
quote:
2s.gif Op vrijdag 6 september 2013 15:06 schreef Tijn het volgende:

[..]

Denk ook aan mobiele gebruikers. Maar wat vooral scheelt is het samenvoegen van meerdere files in 1 enkel bestand. Hoe minder http-requests, hoe sneller de pagina laadt.
Zelfs dan bestand van 23kb wat naar 14kb gaat. Dat verschil maakt mobiel ook echt niet uit over 3G.
It was an opportunity to honour our memories and to make room for new ones
  vrijdag 6 september 2013 @ 17:36:02 #240
230788 n8n
Pragmatisch
pi_130888927
quote:
7s.gif Op vrijdag 6 september 2013 15:09 schreef stefanhaan het volgende:

[..]

Zelfs dan bestand van 23kb wat naar 14kb gaat. Dat verschil maakt mobiel ook echt niet uit over 3G.
dat 3 of 4 keer wel. Hebben bij de mobiele versie fok ook behoorlijk geoptimaliseerd tot op het punt dat de upgrade sneller laadde dan de oude (oranje) versie
Specialization is for insects”.—Robert Heinlein
pi_130978647
Voor een website die geschreven is in Joomla moet ik het logo veranderen. Het logo is een .png bestand. Het nieuwe logo heb ik gekregen in jpeg. De extensie heb ik verandert naar .png echter als ik nu het nieuwe logo op de website plaats zie ik alleen een witvlak. Iemand enig idee hoe dit kan? De extensie in style.css heb ik verandert naar .jpeg maar dan wordt het plaatje niet geaccepteerd.

Het nieuwe logo wordt wel geaccepteerd op Twittter/Facebook.
  maandag 9 september 2013 @ 10:08:08 #242
256935 xzaz
McBacon to the rescue!
pi_130978851
Ctrl + F5?
pi_130978877
Zie nu dat ik gelukkig heb logo ook .png heb ontvangen alleen nog steeds een witvlak in Firefox. In Chrome zie ik niks op de achtergrond.
  maandag 9 september 2013 @ 10:10:19 #244
256935 xzaz
McBacon to the rescue!
pi_130978891
Zelfde afmetingen?
  maandag 9 september 2013 @ 10:12:35 #245
166255 Maringo
Bèhèhèhèh
pi_130978941
quote:
0s.gif Op maandag 9 september 2013 10:09 schreef stoeltafel het volgende:
Zie nu dat ik gelukkig heb logo ook .png heb ontvangen alleen nog steeds een witvlak in Firefox. In Chrome zie ik niks op de achtergrond.
CTRL +F5 in Firefox en in je style.css kijken of je wel het goede plaatje aanroept.
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
pi_130979003
Ja 100%, dit is het rare.

Het nieuwe logo heb ik hernoemd naar logo.png en het oude logo overschreven.
Als ik kijk in Firefox en ik ga met de muis op firebug staan zie ik geen logo maar een witvlak.
Als ik vervolgens weer het oude logo upload zie ik wel een logo.

Snap er weinig van. Beide logo's zijn 21kb en beide logo kan in Windows gewoon openen.
Dit is het png bestand

In de style.css heb ik niks verandert.
  maandag 9 september 2013 @ 10:18:19 #247
256935 xzaz
McBacon to the rescue!
pi_130979063
Ik neem aan dat je het logo schaalt? Laat die css classe is zien van .logo (oid?)
pi_130979126
quote:
0s.gif Op maandag 9 september 2013 10:18 schreef xzaz het volgende:
Ik neem aan dat je het logo schaalt? Laat die css classe is zien van .logo (oid?)
1
2
3
4
5
  background: url("../images/logo.png") repeat scroll 0 0 transparent;
    float: left;
    height: 86px;
    position: relative;
    width: 232px;

Echter zit hier volgens mij de fout, het oude logo is 232x86
Het nieuwe logo is 1372x354. Zal het kleiner maken waardoor die het wel moet doen. Wel apart dat style.css hem niet automatisch schaalt.
  maandag 9 september 2013 @ 10:24:31 #249
256935 xzaz
McBacon to the rescue!
pi_130979199
Hij is dus wit omdat die de linkerbovenhoek laat zien van je background.
pi_130979245
Het is gelukt, heb de resolutie verandert en nu wordt het logo wel weer gegeven. Weer wat geleerd en thxn voor de tip xzaz.
pi_130992985
Ik wil een reeks gegevens onder elkaar zetten ingedeeld in categorieën zoals hieronder weergegeven:


Eisen zijn:
- Makkelijk te onderhouden
- Elke categorie heeft een eigen hoogte en reageert automatisch op de hoeveelheid gegevens onder elkaar staan.

Ikzelf zit te denken aan tabellen omdat die gemaakt zijn om gegevens makkelijk weer te geven.
Tabellen passen zich echter niet automatisch aan in hoogte en het is toch een vies woord wat ik her en der lees.
Divs kan ook maar zijn die volgens jullie geschikt om een lijst gegevens zo onder elkaar te zetten?
In totaal bestaat het formulier uit zo'n 10 categorieën.
  maandag 9 september 2013 @ 19:24:45 #252
91039 mstx
2x1/2 = 1/2 x 1/2
pi_130995770
quote:
5s.gif Op maandag 9 september 2013 18:19 schreef karton2 het volgende:
Tabellen passen zich echter niet automatisch aan in hoogte en het is toch een vies woord wat ik her en der lees.
Uhm nee, dat is alleen een vies woord als je het voor andere zaken dan tabulaire data gebruikt. In dit geval moet je gewoon een tabel gebruiken, divjes gebruiken om een tabel te simuleren is net zo smerig als tabellen voor de layout gebruiken.

En een tabel past zich wel aan in de hoogte, die wordt gewoon hoger als je er meer data in zet.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_131001152
Heeft iemand een idee hoe ik een functie voor een korte tijd kan disablen na het aanroepen van deze functie? Ik heb nu het volgende, maar ik moet nu bij elke call 350ms wachten. Ik wil het dus eigenlijk omdraaien: eerst uitvoeren, dan een timeout.

1
2
3
4
5
6
 function doeDit() {
    if (timer) clearTimeout(timer);
    timer = setTimeout(function() { 
      doeDat();
    }, 350);
  }

EDIT: Volgens mij heb ik weer eens m'n eigen vraag beantwoord. :+

1
2
3
4
5
6
7
8
9
  function doeDit() {
    if(typeof bezig === 'undefined') {
      doeDat(); 
      bezig = true;
    }
    setTimeout(function() { 
      delete bezig ;
    }, 350);
  }

Iemand nog aanmerkingen of een betere oplossing?

[ Bericht 6% gewijzigd door pascal08 op 09-09-2013 21:16:34 ]
  maandag 9 september 2013 @ 21:20:01 #254
118585 Crutch
Filantroop || Taalzwengel
pi_131001873
setInterval?

en dan een check in je functie of ie bezig is of niet.
Je moeder is een hamster
pi_131002921
quote:
0s.gif Op maandag 9 september 2013 21:20 schreef Crutch het volgende:
setInterval?

en dan een check in je functie of ie bezig is of niet.
Het voordeel is dan toch dat je functie nog wordt aangeroepen nadat de timeout voorbij is?
  maandag 9 september 2013 @ 21:58:53 #256
118585 Crutch
Filantroop || Taalzwengel
pi_131004153
quote:
0s.gif Op maandag 9 september 2013 21:38 schreef pascal08 het volgende:

[..]

Het voordeel is dan toch dat je functie nog wordt aangeroepen nadat de timeout voorbij is?
Het voordeel is dat je functie iedere <vul maar in> milliseconden wordt uitgevoerd, totdat jij zegt: "Ja ho, stop maar!"

Dan hoef je in die functie alleen maar te checken of het nodig is om uit te voeren met bijvoorbeeld:

1
2
3
if(bezig)
   break;
// vanaf hier alles wat ie moet doen als ie niet bezig is
Je moeder is een hamster
pi_131008819
quote:
0s.gif Op maandag 9 september 2013 21:58 schreef Crutch het volgende:

[..]

Het voordeel is dat je functie iedere <vul maar in> milliseconden wordt uitgevoerd, totdat jij zegt: "Ja ho, stop maar!"

Dan hoef je in die functie alleen maar te checken of het nodig is om uit te voeren met bijvoorbeeld:
[ code verwijderd ]

Als die functie continu blijft lopen, dan gaat er elke keer een request naar de server, want dat is wat er gebeurt in de functie. Lijkt me niet de bedoeling. :P
  maandag 9 september 2013 @ 23:30:56 #258
118585 Crutch
Filantroop || Taalzwengel
pi_131009191
quote:
0s.gif Op maandag 9 september 2013 23:23 schreef pascal08 het volgende:

[..]

Als die functie continu blijft lopen, dan gaat er elke keer een request naar de server, want dat is wat er gebeurt in de functie. Lijkt me niet de bedoeling. :P
Waar is 'bezig' dan voor?
Je moeder is een hamster
pi_131046868
quote:
0s.gif Op maandag 9 september 2013 23:30 schreef Crutch het volgende:

[..]

Waar is 'bezig' dan voor?
Als de functie is aangeroepen wordt die variabele op true gezet. Zodra er weer een call komt, wordt dat stukje code met de if-statement niet uitgevoerd. Na 350ms wordt 'bezig' weer "undefined", zodat de functie opnieuw aangeroepen kan worden.

Ik vind het zelf wel een goede oplossing. M'n functie is voor 350ms na het aanroepen disabled en er wordt niks gequeued en er worden geen realtime checks uitgevoerd, wat ik ook niet nodig vind.
pi_131047252
quote:
0s.gif Op dinsdag 10 september 2013 23:28 schreef pascal08 het volgende:

[..]

Als de functie is aangeroepen wordt die variabele op true gezet. Zodra er weer een call komt, wordt dat stukje code met de if-statement niet uitgevoerd. Na 350ms wordt 'bezig' weer "undefined", zodat de functie opnieuw aangeroepen kan worden.
Nog los van de rest van de oplossing vind ik het undefined maken van een variabele niet de netste manier. Het is gewoon een ja-nee vraag, dus zou je een boolean moeten gebruiken. True voor ja, false voor nee.
pi_131047325
quote:
0s.gif Op dinsdag 10 september 2013 23:40 schreef Light het volgende:

[..]

Nog los van de rest van de oplossing vind ik het undefined maken van een variabele niet de netste manier. Het is gewoon een ja-nee vraag, dus zou je een boolean moeten gebruiken. True voor ja, false voor nee.
De reden dat ik dat gedaan heb is omdat 'bezig' niet per sé gedefineerd is, bijvoorbeeld bij het laden van de pagina. Ik zou dus ergens 'bezig' moeten initialiseren met false, dat zou netter zijn, dat ben ik met je eens. Verder is er toch geen verschil?
  dinsdag 10 september 2013 @ 23:50:11 #262
84244 Scorpie
Abject en infaam!
pi_131047527
quote:
0s.gif Op dinsdag 10 september 2013 23:42 schreef pascal08 het volgende:

[..]

De reden dat ik dat gedaan heb is omdat 'bezig' niet per sé gedefineerd is, bijvoorbeeld bij het laden van de pagina. Ik zou dus ergens 'bezig' moeten initialiseren met false, dat zou netter zijn, dat ben ik met je eens. Verder is er toch geen verschil?
Het klinkt alsof je iets heel erg aan het in elkaar hacken bent.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_131047598
quote:
0s.gif Op dinsdag 10 september 2013 23:42 schreef pascal08 het volgende:

[..]

De reden dat ik dat gedaan heb is omdat 'bezig' niet per sé gedefineerd is, bijvoorbeeld bij het laden van de pagina. Ik zou dus ergens 'bezig' moeten initialiseren met false, dat zou netter zijn, dat ben ik met je eens. Verder is er toch geen verschil?
Qua snelheid zal het weinig tot niets schelen idd. Blijft alleen staan dat het netter is, en later ook weer sneller duidelijk. (Je moet het ook snel snappen als je over zes maanden een kleine aanpassing wilt doen.)
  dinsdag 10 september 2013 @ 23:53:27 #264
12221 Tijn
Powered by MS Paint
pi_131047617
quote:
0s.gif Op dinsdag 10 september 2013 23:42 schreef pascal08 het volgende:

[..]

De reden dat ik dat gedaan heb is omdat 'bezig' niet per sé gedefineerd is, bijvoorbeeld bij het laden van de pagina.
Dan begin je toch pas wanneer de pagina wel geladen is?
pi_131047779
quote:
7s.gif Op dinsdag 10 september 2013 23:50 schreef Scorpie het volgende:

[..]

Het klinkt alsof je iets heel erg aan het in elkaar hacken bent.
})

quote:
0s.gif Op dinsdag 10 september 2013 23:52 schreef Light het volgende:

[..]

Qua snelheid zal het weinig tot niets schelen idd. Blijft alleen staan dat het netter is, en later ook weer sneller duidelijk. (Je moet het ook snel snappen als je over zes maanden een kleine aanpassing wilt doen.)
6 maanden? Ik weet een uur later al niet meer waarvoor bepaalde regels waren. _O-

quote:
5s.gif Op dinsdag 10 september 2013 23:53 schreef Tijn het volgende:

[..]

Dan begin je toch pas wanneer de pagina wel geladen is?
Ik bedoel dat die variabele 'bezig' nog niet gedefinieerd is als de functie nog niet is aangeroepen. Na het laden van de pagina bijvoorbeeld. Ik zie alleen de noodzaak niet om 'bezig' eerst op false te zetten. Extra regel en geen performance winst. Leesbaarheid vind ik wel prima zo.
  woensdag 11 september 2013 @ 00:04:21 #266
12221 Tijn
Powered by MS Paint
pi_131047860
quote:
0s.gif Op woensdag 11 september 2013 00:00 schreef pascal08 het volgende:

[..]

Ik zie alleen de noodzaak niet om 'bezig' eerst op false te zetten. Extra regel en geen performance winst. Leesbaarheid vind ik wel prima zo.
Hoezo een extra regel? Of je nou var bezig; hebt of var bezig = false; maakt toch niet uit?

De reden dat je 'm wel op false wilt initialiseren lijkt me duidelijk: hij is niet bezig. Als je de inhoud van de variabelen van je eigen programma niet kunt vertrouwen, waar kun je dan nog wel van op aan? :P
pi_131047883
quote:
5s.gif Op woensdag 11 september 2013 00:04 schreef Tijn het volgende:

[..]

Hoezo een extra regel? Of je nou "var bezig;" hebt of "var bezig = false;" maakt toch niet uit?

De reden dat je 'm wel op false wilt initialiseren lijkt me duidelijk: hij is niet bezig. Als je de inhoud van de variabelen van je eigen programma niet kunt vertrouwen, waar kun je dan nog wel van op aan? :P
1
2
3
4
5
6
7
8
9
 function doeDit() {
    if(typeof bezig === 'undefined') {
      doeDat(); 
      bezig = true;
    }
    setTimeout(function() { 
      delete bezig ;
    }, 350);
  }

1
2
3
4
5
6
7
8
9
10
 var bezig = false;
function doeDit() {
    if(typeof bezig === 'undefined') {
      doeDat(); 
      bezig = true;
    }
    setTimeout(function() { 
      delete bezig ;
    }, 350);
  }

Dit scheelt toch 1 regel?

Ik moet wel toegeven dat ik een beetje gedwongen ben tot deze oplossing. Ik heb namelijk een heleboel events die worden gevuurd bij het laden van de pagina. Ik ben eigenlijk een beetje kwijt de volgorde kwijt, waardoor ik dus die variabele alleen met zekerheid op false krijg, voordat de functie wordt aangeroepen, als ik 'm helemaal bovenaan in m'n script plaats. En als ik dat doe, dan maak ik het probleem alleen maar erger. :P

Ik weet dat dit absoluut niet de goede manier van netjes programmeren is. Bovenal is het heel inefficient, want ik moet m'n code regelmatig ordenen, omdat het structuur totaal verdwene is. :P Maar goed, ik ben lerende. :)

[ Bericht 16% gewijzigd door pascal08 op 11-09-2013 00:10:41 ]
  woensdag 11 september 2013 @ 00:08:45 #268
12221 Tijn
Powered by MS Paint
pi_131047939
Het is echt nasty om je variabelen helemaal niet te declareren. Bovendien maak je op deze manier alles global, dat is ook niet echt aan te raden.
pi_131048003
quote:
9s.gif Op woensdag 11 september 2013 00:08 schreef Tijn het volgende:
Het is echt nasty om je variabelen helemaal niet te declareren. Bovendien maak je op deze manier alles global, dat is ook niet echt aan te raden.
Over variabele scopes heb ik laatst wel een stuk uit m'n boek gelezen. :P Blijkbaar is dat niet blijven hangen.

* pascal08 slaat boek open. :D
  woensdag 11 september 2013 @ 00:13:10 #270
12221 Tijn
Powered by MS Paint
pi_131048025
Wat is nou eigenlijk de bedoeling van dit hele gebeuren?
pi_131048083
quote:
5s.gif Op woensdag 11 september 2013 00:13 schreef Tijn het volgende:
Wat is nou eigenlijk de bedoeling van dit hele gebeuren?
Een functie disablen voor een x aantal milliseconden ná het aanroepen van deze functie.

Bijvoorbeeld:

1
2
3
4
5
6
7
function foo() {
  bar();
}

function bar() {
  //Deze functie mag nu de komende x aantal milliseconden niet meer worden uitgevoerd.
}
  woensdag 11 september 2013 @ 00:23:13 #272
12221 Tijn
Powered by MS Paint
pi_131048241
Maar waarom dan? En sowieso, waarom wil je die hele functie uitschakelen? Je kunt toch gewoon binnen bar() een if-statement maken waarin iets al dan niet wordt uitgevoerd?
  woensdag 11 september 2013 @ 00:35:46 #273
84244 Scorpie
Abject en infaam!
pi_131048464
quote:
5s.gif Op woensdag 11 september 2013 00:23 schreef Tijn het volgende:
Maar waarom dan? En sowieso, waarom wil je die hele functie uitschakelen? Je kunt toch gewoon binnen bar() een if-statement maken waarin iets al dan niet wordt uitgevoerd?
Dat dus. Lijkt wel alsof hij eigenlijk functie aanroepen moet gaan batchen.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  woensdag 11 september 2013 @ 00:44:24 #274
12221 Tijn
Powered by MS Paint
pi_131048612
Als je het per se wil, zou ik zoiets doen:

1
2
3
4
5
6
7
8
9
10
11
12
13
var allowed = true;

function doIt() {
  if(allowed) {
    allowed = false;
    
    setTimeout(function() {
      allowed = true;
    }, 350);
    
    // doe hier iets
  }
}

Nu kun je doIt() zo vaak aanroepen als je wil, maar hij gaat niet vaker af dan 1x in de 350 ms.
pi_131048899
quote:
5s.gif Op woensdag 11 september 2013 00:23 schreef Tijn het volgende:
Maar waarom dan? En sowieso, waarom wil je die hele functie uitschakelen? Je kunt toch gewoon binnen bar() een if-statement maken waarin iets al dan niet wordt uitgevoerd?
Dat doe ik toch ook? Alleen die variabele in de if-statement zou eigenlijk een bool moeten zijn.
  woensdag 11 september 2013 @ 01:14:56 #276
12221 Tijn
Powered by MS Paint
pi_131048963
Nou, een bool bestaat niet echt in Javascript, dus dat maakt niet zoveel uit :P Het is wel logischer om een true/false waarde te geven aan een variabele die als boolean gebruikt wordt, dat wel. Dat je ongedefinieerde globals midden in een functie aanmaakt vond ik persoonlijk kwalijker :+
pi_131050882
quote:
2s.gif Op woensdag 11 september 2013 01:14 schreef Tijn het volgende:
Nou, een bool bestaat niet echt in Javascript, dus dat maakt niet zoveel uit :P Het is wel logischer om een true/false waarde te geven aan een variabele die als boolean gebruikt wordt, dat wel. Dat je ongedefinieerde globals midden in een functie aanmaakt vond ik persoonlijk kwalijker :+
Wat is het bezwaar tegen die ongedefinieerde globals dan?
  woensdag 11 september 2013 @ 09:24:36 #278
56176 Catch22-
Ben je Blind?!
pi_131051148
quote:
1s.gif Op woensdag 11 september 2013 09:09 schreef pascal08 het volgende:

[..]

Wat is het bezwaar tegen die ongedefinieerde globals dan?
kost geheugen en is gewoonweg niet netjes. Scoping is echt belangrijk.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  woensdag 11 september 2013 @ 09:41:59 #279
84244 Scorpie
Abject en infaam!
pi_131051477
quote:
9s.gif Op woensdag 11 september 2013 00:08 schreef Tijn het volgende:
Het is echt nasty om je variabelen helemaal niet te declareren. Bovendien maak je op deze manier alles global, dat is ook niet echt aan te raden.
Ik vind het meer nastier dat beide stukjes een totaal andere uitwerking gaan hebben.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  woensdag 11 september 2013 @ 10:51:57 #280
12221 Tijn
Powered by MS Paint
pi_131053054
quote:
1s.gif Op woensdag 11 september 2013 09:09 schreef pascal08 het volgende:

[..]

Wat is het bezwaar tegen die ongedefinieerde globals dan?
Het levert geen robuust programma op. Je moet code schrijven die je kunt vertrouwen. Als je je variabelen niet onder controle hebt, wordt het ontzettend complex om het overzicht te houden naarmate je programma groeit.
pi_131056758
Ik moet in principe een oneindige loop hebben.. maar settimeout heb ik problemen mee in IE

Eerst had ik setTimeout(functie(), 1000); dat is niet goed, maar in chrome en FF enzo refreshte ie gewoon alleen niet met die seconde, wat geen probleem was, maar IE liep vast zodra die functie werd ingeschakeld..

Nu heb ik er setTimeout(function(){functie();}, 1000); van gemaakt.. nu werkt ie in chrome, FF etc. wel met timeout en in IE loopt ie niet meer vast, maar hij refresht ook niet.. oftewel die functie functie() word niet uitgevoerd. Wat doe ik verkeerd?
pi_131056839
...watvoor foutmelding geeft IE?
pi_131056866
overigens kun je als je geen variables mee hoeft te sturen ook shorthand gebruiken:

1setTimeout(functie, 1000); // merk op dat de haakjes achter de functieaanroep missen
pi_131056938
Hij geeft geen foutmelding meer hij voert die functie alleen niet uit.. (heb nu die shorthand in gebruik zoals je aangaf)
  woensdag 11 september 2013 @ 13:30:07 #285
91039 mstx
2x1/2 = 1/2 x 1/2
pi_131056992
Dan zit er een fout in die functie.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_131057007
Geef die 'functie' eens een andere naam, mogelijk een protected name.
pi_131057012
Het is dezelfde functie als die ie daarvoor uitvoert.. die settimeout staat onderaan die functie.
pi_131057024
@darkomen.. de functie heet newmess.. kneem aan dat dat geen protected name is.
pi_131057055
Nee dat klinkt niet als een protected name.

http://www.quackit.com/javascript/javascript_reserved_words.cfm
pi_131057244
vreemd.. het ligt schijnbaar wel aan de functie.. want als ik de loop uit zet geeft ie wel een alert die ik voor de test in heb gesteld voor als ie ermee moet stoppen.. kkijk eerst ff zelf verder.
  woensdag 11 september 2013 @ 13:39:04 #291
84244 Scorpie
Abject en infaam!
pi_131057269
Je stopt wss nooit de settimeout. Of je roept hem recursief aan.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_131057312
Post eens een stukje code waarin we mee kunnen kijken?
pi_131057631
lol als ik dat doe zullen er wel meer amateuristische praktijken bespeurd worden maarja.. hier is ie

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
function newmess(opt){
  var xmlhttp;
  if (window.XMLHttpRequest){
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  }else{
    // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

  if(!opt){
    var shout = document.getElementById('shout');
    var s = shout.innerHTML.split("_");
    var id = s[1];
    xmlhttp.open("GET","shout/getshouts.php?id=" + id,true);
    xmlhttp.send();
  
    xmlhttp.onreadystatechange=function(){
      if (xmlhttp.readyState==4 && xmlhttp.status==200){
        var r = xmlhttp.responseText.split("|dvqs|");
        var g = 'Laatste bericht: <span style="color:#208AE6;">';
        if(r[0] < 60){
          g += r[0] + ' seconden</span> geleden.';
        }else if(r[0] < 3600){
          var g1 = Math.floor(r[0] / 60);
          var g2 = r[0] - (g1 * 60);
          g += g1 + ' minuten ' + g2 + ' seconden</span> geleden.';
        }else if(r[0] < 86400){
          var g1 = Math.floor(r[0] / 3600);
          var g2 = Math.round((r[0] - (g1 * 3600)) / 60);
          g += g1 + ' uren ' + g2 + ' minuten</span> geleden.'; 
        }else if(r[0] < 31536000){
          var g1 = Math.floor(r[0] / 86400);
          var g2 = Math.round((r[0] - (g1 * 86400)) / 3600);
          g += g1 + ' dagen ' + g2 + ' uren</span> geleden.';
        }else{
          g += 'Meer dan een jaar</span> geleden.';
        }
        document.getElementById('hoelang').innerHTML = g;
        if(r[1] != ''){
          shout.innerHTML = r[1] + shout.innerHTML;
        }
        if(srefresh == true){
          setTimeout(newmess,1000);
        }
      }
    }

  }else{
    var area = document.getElementById('shouttextarea');
    var msg = encodeURIComponent(area.value);
    xmlhttp.open("GET","shout/getshouts.php?msg=" + msg,true);
    xmlhttp.send();
  
    xmlhttp.onreadystatechange=function(){
      if (xmlhttp.readyState==4 && xmlhttp.status==200){
        if(xmlhttp.responseText == 'ok'){
          area.value = '';
        }
      }
    }
  }
}


[ Bericht 2% gewijzigd door Skunk-m op 11-09-2013 13:56:46 ]
pi_131059318
...waar defineer je srefresh? (doe voor de gein eens een console.log(srefresh) voor de if)

...en lijkt het je niet makkelijker om gewoon in JSON te praten, ipv een custom serialisatie met |dvqs| ?

Tevens: Nooit overwogen jQuery te gebruiken?
pi_131059404
^ Wat hij zegt. Verder zie ik niet veel rare dingen hoor, maar ik zou inderdaad even wat console.logs ertussen zetten om te zien waar het mis gaat.
pi_131059835
weet niet hoe dat werkt dat JSON.. en jquery dan snap ik er helemaal niks meer van.

Maar IE zou dit toch gewoon goed moeten doen?

heb console.log gedaan en hij blijft doorloopen en geeft true aan.. en als ik em uitzet geeft ie false en stopt ie zoals het hoort.

Maar als ie de eerste keer ingeschakeld word en ik post in chrome even iets dat er iets nieuws bij is gekomen dan komt die nieuwe er niet bij er komt alleen een tijd te staan van hoelang geleden, maar die ververst ook niet.

Als ik de loop weer inschakel nadat ik em uitgeschakeld heb veranderd ie ook niks ook niet de tijd..
pi_131060210
Om de een of andere reden heb ik het idee dat het met cache te maken heeft...

Als ik de pagina refresh de loop staat dan gewoon uit is nog niet aangeweest en ik typ wat in chrome en plaats dat en dan start ik de loop dan is de tijd die tevoorschijn komt iig niet van die post..
Als ik dan de pagina weer refresh en de loop aanzet dan is die tijd hetzelfde als dat chrome op dat moment aangeeft, behalve dan dat ie bij chrome doorloopt..
als ik dan weer de pagina refresh en de loop aan zet dan is de tijd nog hetzelfde als dat ie daarvoor aangaf en dus niet waar ie bij chrome is gebleven.
pi_131060457
...Kortom de loop werkt gewoon, maar er klopt iets niet in de rest van je functie?
pi_131060544
quote:
14s.gif Op woensdag 11 september 2013 15:28 schreef KomtTijd... het volgende:
...Kortom de loop werkt gewoon, maar er klopt iets niet in de rest van je functie?
IE cached schijnbaar die response.. dus moet k of een random iets in die url zetten of op de een of andere manier headers toevoegen die zeggen dat er geen cache moet zijn :S
  woensdag 11 september 2013 @ 15:34:27 #300
56176 Catch22-
Ben je Blind?!
pi_131060671
ik pleur er vrijwel _altijd_ een anti-cache parameter bij in
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  woensdag 11 september 2013 @ 15:34:30 #301
56176 Catch22-
Ben je Blind?!
pi_131060676
koekoek
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
abonnement Unibet Coolblue
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')