[html, css, js] Frontend is het nieuwe backend

zaterdag 27 april 2013 @ 12:06:30 #1

Catch22-

Ben je Blind?!

[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 (

), 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/

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?

zaterdag 27 april 2013 @ 12:27:17 #2

Matty___

Konichiwa Bitches

Deze site is wel een goede tip:
http://alistapart.com/

Deze muziek smaakt naar bier :)
Es bedarf keiner Psychoanalyse, um festzustellen, dass das Leben ein einziger Friedhof gescheiterter Pläne ist!

zaterdag 27 april 2013 @ 12:58:30 #3

Catch22-

Ben je Blind?!

Staat al in de op he

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?

zaterdag 27 april 2013 @ 13:41:08 #4

InTrePidIvity

Looks like it's broken...

quote:
Op zaterdag 27 april 2013 12:02 schreef InTrePidIvity het volgende:

[..]

Dankjewel! Ik snap wat je bedoelt en heb het op zich wel werkend weten te krijgen, maar ik vraag me af of dit de 'mooiste' manier is. Ik ben het mezelf allemaal aan het aanleren en probeer het semantisch meteen goed onder de knie te krijgen. En zo efficiënt mogelijk natuurlijk, zou je er naar willen kijken?

http://intel.comli.com/index.html

De blokjes zijn CSS, maar kan ik de span elementen daar makkelijk naast krijgen, i.p.v. dat ze zoals nu in het blok zelf beginnen? Kan uiteraard met margin, maar kan het ook anders?

...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake

zaterdag 27 april 2013 @ 13:48:48 #5

Matty___

Konichiwa Bitches

quote:
Op zaterdag 27 april 2013 12:58 schreef Catch22- het volgende:
Staat al in de op he

ja dat bedoel ik. dat de site die je noemde wel een goede tip was want ik kende hem nog niet

Deze muziek smaakt naar bier :)
Es bedarf keiner Psychoanalyse, um festzustellen, dass das Leben ein einziger Friedhof gescheiterter Pläne ist!

zaterdag 27 april 2013 @ 14:15:47 #6

karton2

Ik wil een vertikaal scrollende website maken zoals in het voorbeeld hieronder:

Op de Welkompagina staat het menu statisch weergegeven zodat de bezoeker snel het deel kan bezoeken wat hij wil.
Zodra het beeld naar beneden scrollt en voorbij de rode lijn raakt is het de bedoeling dat linksboven een menu tevoorschijn komt (bijv. het beeld inglijden of via transparency).
Verder moet dat menu reageren op mousovers en laten zien op welke pagina de bezoeker zich bevindt.
Dat laatste wil ik doen dmv van underline. Maar de lijn van underline moet glijden ipv van menu-woord naar men-woord springen.
Ik heb al begrepen dat die glijdende underline javascript werk gaat worden. Over de rest van het menu heb ik nog niks zinvols kunnen vinden, hopelijk dat jullie hier meer over kunnen vertellen.

zaterdag 27 april 2013 @ 14:22:33 #7

Maringo

Bèhèhèhèh

quote:
Op zaterdag 27 april 2013 14:15 schreef karton2 het volgende:
Ik wil een vertikaal scrollende website maken zoals in het voorbeeld hieronder:
[ afbeelding ]

Op de Welkompagina staat het menu statisch weergegeven zodat de bezoeker snel het deel kan bezoeken wat hij wil.
Zodra het beeld naar beneden scrollt en voorbij de rode lijn raakt is het de bedoeling dat linksboven een menu tevoorschijn komt (bijv. het beeld inglijden of via transparency).
Verder moet dat menu reageren op mousovers en laten zien op welke pagina de bezoeker zich bevindt.
Dat laatste wil ik doen dmv van underline. Maar de lijn van underline moet glijden ipv van menu-woord naar men-woord springen.
Ik heb al begrepen dat die glijdende underline javascript werk gaat worden. Over de rest van het menu heb ik nog niks zinvols kunnen vinden, hopelijk dat jullie hier meer over kunnen vertellen.

Het glijden van de underline heb ik van de week toevallig als open source ding gevonden:

http://cssdeck.com/labs/wwahaw2y

Maar verder, wat heb je zelf al geprobeerd of opgezocht?

Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.

zaterdag 27 april 2013 @ 14:46:16 #8

karton2

quote:
Op zaterdag 27 april 2013 14:22 schreef Maringo het volgende:

[..]

Het glijden van de underline heb ik van de week toevallig als open source ding gevonden:

http://cssdeck.com/labs/wwahaw2y

Maar verder, wat heb je zelf al geprobeerd of opgezocht?

De site zelf van pagina naar pagina laten glijden werkt al. De underline kwam ik alleen tegen met JS code erin verwerkt (hier). Jouw voorbeeld gebruikt alleen CSS maar is op de lavalamp plugin gebaseerd die ik heb gevonden.
Het menu ineens tevoorschijn laten komen zodra de site voorbij een bepaald punt scrollt heb ik nog niks over kunnen vinden.

zaterdag 27 april 2013 @ 15:24:03 #9

Maringo

Bèhèhèhèh

quote:
Op zaterdag 27 april 2013 14:46 schreef karton2 het volgende:

[..]

De site zelf van pagina naar pagina laten glijden werkt al. De underline kwam ik alleen tegen met JS code erin verwerkt (hier). Jouw voorbeeld gebruikt alleen CSS maar is op de lavalamp plugin gebaseerd die ik heb gevonden.
Het menu ineens tevoorschijn laten komen zodra de site voorbij een bepaald punt scrollt heb ik nog niks over kunnen vinden.

Mijn eerste hit van google:

http://stackoverflow.com/(...)crolling-1000px-down

Met als gekozen antwoord een fiddle met wat je wilt.

Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.

maandag 29 april 2013 @ 15:06:52 #11

Catch22-

Ben je Blind?!

quote:
Op zondag 28 april 2013 21:33 schreef robin007bond het volgende:
Wat een hoop witregels in de code van FOK!.

boeit niet veel. JS en CSS is wel minimized

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 29 april 2013 @ 15:08:38 #12

KomtTijd...

quote:
Op maandag 29 april 2013 15:06 schreef Catch22- het volgende:

[..]

boeit niet veel. JS en CSS is wel minimized

Boeit juist voor de HTML het meest. CSS en JS gaat toch maar één keer over de lijn.

zcflevo.nl

maandag 29 april 2013 @ 18:02:25 #13

Merkie

Surprisingly contagious

quote:
Op zondag 28 april 2013 21:33 schreef robin007bond het volgende:
Wat een hoop witregels in de code van FOK!.

Maakt dat uit?

2000 light years from home

maandag 29 april 2013 @ 18:28:41 #14

Scorpie

Abject en infaam!

quote:
Op maandag 29 april 2013 15:08 schreef KomtTijd... het volgende:

[..]

Boeit juist voor de HTML het meest. CSS en JS gaat toch maar één keer over de lijn.

Ach, anno 2013 is de impact beperkt.

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.

maandag 29 april 2013 @ 18:46:09 #15

Devv

En toch blijf ik het "bad practice" vinden om de opmaak van je code niet even netjes te maken. Maar verder boeit het inderdaad ook niet.

maandag 29 april 2013 @ 22:01:14 #16

Light

quote:
Op maandag 29 april 2013 18:46 schreef Devv het volgende:
En toch blijf ik het "bad practice" vinden om de opmaak van je code niet even netjes te maken. Maar verder boeit het inderdaad ook niet.

De opmaak van code moet netjes zijn. Maar de opmaak van gegenereerde html vind ik een stuk minder spannend. Ik zou persoonlijk niet geneigd zijn om extra code te schrijven met als enige doel zorgen dat de gegenereerde html netter is.

fokstok.nl

maandag 29 april 2013 @ 22:06:14 #17

Tijn

Powered by MS Paint

quote:
Op maandag 29 april 2013 22:01 schreef Light het volgende:

[..]

De opmaak van code moet netjes zijn. Maar de opmaak van gegenereerde html vind ik een stuk minder spannend. Ik zou persoonlijk niet geneigd zijn om extra code te schrijven met als enige doel zorgen dat de gegenereerde html netter is.

Inderdaad. Zolang de sourcecode waar je dagelijks mee moet werken maar fatsoenlijk is. Wat je uiteindelijk naar de client stuurt moet vooral klein en snel zijn, leesbaarheid van de code is daarbij nauwelijks relevant.

Verberg de nieuwsticker

woensdag 1 mei 2013 @ 10:33:39 #18

KomtTijd...

quote:
Op maandag 29 april 2013 18:28 schreef Scorpie het volgende:

[..]

Ach, anno 2013 is de impact beperkt.

Er zit ruim 8KB aan onnodige whitespace in de source van deze pagina. 5,5% van het totaal (144,7KB). Dat vind ik toch aardig substantieel.

En dan reken ik de html-comments nog niet mee.

zcflevo.nl

woensdag 1 mei 2013 @ 10:37:52 #19

Scorpie

Abject en infaam!

quote:
Op woensdag 1 mei 2013 10:33 schreef KomtTijd... het volgende:

[..]

Er zit ruim 8KB aan onnodige whitespace in de source van deze pagina. 5,5% van het totaal (144,7KB). Dat vind ik toch aardig substantieel.

En dan reken ik de html-comments nog niet mee.

Ik vind dat eigenlijk pas relevant op een mobiel apparaat.

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 1 mei 2013 @ 10:37:59 #20

Catch22-

Ben je Blind?!

als het geGZIPt is, valt die impact wel mee toch?

En het meeste komt uit de cache hier (350 wv 230 uit de cache).

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 1 mei 2013 @ 11:07:36 #21

KomtTijd...

quote:
Op woensdag 1 mei 2013 10:37 schreef Scorpie het volgende:

[..]

Ik vind dat eigenlijk pas relevant op een mobiel apparaat.

Ja mij maakt het ook niet uit, maar ik hoef ook het dataverkeer van FOK! niet te managen.

zcflevo.nl

donderdag 2 mei 2013 @ 08:44:17 #22

Tijn

Powered by MS Paint

Hoe zouden jullie dit aanpakken? Het gaat om het driehoekje bij het geselecteerde menu-item. Het moeilijke punt is het rode vlak eronder een plaatje is en per pagina kan verschillen. Het is dus niet altijd een rood puntje en zelfs niet altijd een puntje met 1 kleur. Eigenlijk is het een stukje transparantie waar je het vlak dat eronder staat doorheen ziet.

Ik heb wel eerder van dit soort dingen gemaakt, maar dan gebruikte ik altijd een achtergrondplaatje bij het geselecteerde menu-item met daarin een driehoekje. Dat gaat nu niet omdat het driehoekje er dus niet altijd hetzelfde uitziet. En een transparant plaatje gaat ook niet, want dan zie je gewoon het donkergrijs van de balk erdoorheen

De HTML structuur ziet er ongeveer zo uit:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<header>
   <a href=""><img src="logo.png"></a>
   <nav>
      <ul>
         <li><a href="/">home</a></li>
         <li><a href="/about">about</a></li>
         <li><a href="/cases">cases</a></li>
         <li><a href="/blog">blog</a></li>
      </ul>
   </nav>
   <div>
       
   </div>
</header>

Heeft iemand een slim idee om dit op te lossen?

Verberg de nieuwsticker

donderdag 2 mei 2013 @ 09:02:14 #23

mstx

2x1/2 = 1/2 x 1/2

Zwarte achtergrond in de <a> die je bij de hover vervangt door een PNG waar dat driehoekje transparant is.
Moet je wel zorgen dat daar achter niet nog een zwarte achtergrond zit van de container.

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.
👾

donderdag 2 mei 2013 @ 09:03:33 #24

KomtTijd...

background-color of image op de Li's zetten ipv de ul? en een andere truc verzinnen om de balk door te laten lopen over de hele breedte

zcflevo.nl

donderdag 2 mei 2013 @ 09:05:57 #25

Tijn

Powered by MS Paint

quote:
Op donderdag 2 mei 2013 09:02 schreef mstx het volgende:
Zwarte achtergrond in de <ul> of <a> die je bij de hover vervangt door een PNG waar dat driehoekje transparant is.
Moet je wel zorgen dat daar achter niet nog een zwarte achtergrond zit van de container.

quote:
Op donderdag 2 mei 2013 09:03 schreef KomtTijd... het volgende:
background-color of image op de Li's zetten ipv de ul? en een andere truc verzinnen om de balk door te laten lopen over de hele breedte

Maar hoe zorg ik dan dat de rest van de balk ook donker wordt zonder dat-ie achter het menu zit?

Ik zou het zonde vinden om extra elementen te maken alleen maar om alles links en rechts van het menu een kleur te geven

Verberg de nieuwsticker

donderdag 2 mei 2013 @ 09:08:02 #26

Tijn

Powered by MS Paint

Misschien als ik de <ul> een hele dikke border-left en border-right geef en daarmee de donkere balk maak, zou dat wat zijn? Wel tricky om de achtergrond png van de <li> dan te laten matchen met de border-kleur...

Verberg de nieuwsticker

donderdag 2 mei 2013 @ 09:08:41 #27

Catch22-

Ben je Blind?!

Ik zou heel nasty verschillende achtergrondplaatjes gebruiken voor de verschillende items

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?

donderdag 2 mei 2013 @ 09:12:11 #28

Tijn

Powered by MS Paint

quote:
Op donderdag 2 mei 2013 09:08 schreef Catch22- het volgende:
Ik zou heel nasty verschillende achtergrondplaatjes gebruiken voor de verschillende items

Het lastige is dat de site en het menu geen vaste breedte hebben (responsive enzo), dus het is best moeilijk om plaatjes te maken die altijd werken.

Ik kan ook 1 plaatje maken met een heel brede donkere balk en een driehoekje eruit en de positie hiervan verschuiven op basis van het geselecteerde item. Ik denk alleen dan dat ik de positie met JS moet bepalen en ik zou het mooier vinden als het met CSS zou kunnen. Het voordeel van deze optie is wel dat het mogelijk wordt om het driehoekje te laten bewegen naar een andere plek wanneer een ander item wordt gekozen, dat is misschien wel een tof effect.

Verberg de nieuwsticker

donderdag 2 mei 2013 @ 10:59:36 #29

Dimauro

Vuurbezweerder

quote:
Op donderdag 2 mei 2013 09:12 schreef Tijn het volgende:

[..]

Het lastige is dat de site en het menu geen vaste breedte hebben (responsive enzo), dus het is best moeilijk om plaatjes te maken die altijd werken.

Ik kan ook 1 plaatje maken met een heel brede donkere balk en een driehoekje eruit en de positie hiervan verschuiven op basis van het geselecteerde item. Ik denk alleen dan dat ik de positie met JS moet bepalen en ik zou het mooier vinden als het met CSS zou kunnen. Het voordeel van deze optie is wel dat het mogelijk wordt om het driehoekje te laten bewegen naar een andere plek wanneer een ander item wordt gekozen, dat is misschien wel een tof effect.

Maar wil je dat driehoekje mee laten glijden over de hele menubalk of alleen als je hovert ?

I'm not the girl in the picture..

donderdag 2 mei 2013 @ 11:03:53 #30

Tijn

Powered by MS Paint

quote:
Op donderdag 2 mei 2013 10:59 schreef Dimauro het volgende:

[..]

Maar wil je dat driehoekje mee laten glijden over de hele menubalk of alleen als je hovert ?

Dat glijden is niet per se nodig, ik bedacht me gewoon dat dat kan als het 1 groot plaatje is waarvan ik de positie verander.

Als ik het zo doe, doe ik het alleen na click denk ik en niet al bij hover. Sowieso wil ik zo min mogelijk met hover doen vanwege tablets enzo.

Verberg de nieuwsticker

donderdag 2 mei 2013 @ 11:23:16 #31

Maringo

Bèhèhèhèh

Of dit:

1
2
3
4
5
6
7
8

    <nav id="menu">
        <ul>
            <li id="first"><a href="/">home</a></li>
            <li><a href="/about">about</a></li>
            <li><a href="/cases">cases</a></li>
            <li id="last"><a href="/blog">blog</a></li>
        </ul>
    </nav>

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

        #menu {
            text-align: center;
            width: 100%;
        }

        ul {
            list-style: none;
            display: inline-block;
            margin: 0;
            padding: 0;
        }

        li {
            background-color: rgba(244,134,78,0.5);
            width: 50px;
            height: 50px;
            float: left;
            margin: 0;
            padding: 0;
        }

        #first:before{
            content: '';
            width: 100%;
            height: 50px;
            background-color: rgba(255,0,255,0.5);
            position: absolute;
            z-index: -1;
            right: 50%;
            margin-right: 100px;
        }

        #last:after{
            content: '';
            width: 50%;
            height: 50px;
            background-color: rgba(0,0,255,0.5);
            position: absolute;
            z-index: -1;
            left: 50%;
            margin-left: 100px;
        }

En als je menu dynamisch is, dan met Less een berekening over de margin-left en margin-right gooien met het ((breedte li * aantal elementen) / 2)

In JSFiddle werkte die niet, maar op een volledige pagina wel.

Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.

donderdag 2 mei 2013 @ 11:31:12 #32

Tijn

Powered by MS Paint

Ik zit nu in de trein, maar zal zo even kijken wanneer ik weer achter mn computer zit. Bedankt in elk geval voor het meedenken

Het menu is niet dynamisch trouwens, het zijn altijd deze 4 links.

Verberg de nieuwsticker

donderdag 2 mei 2013 @ 12:33:53 #33

InTrePidIvity

Looks like it's broken...

De derde optie in m'n navigatie loopt over twee regels, waarvan de tweede regel is opgemaakt d.m.v. <em> tags. Het is echter de bedoeling dat de eerste regel op gelijke hoogte met de andere twee links loopt, hoe krijg ik dat voor elkaar?

http://jsfiddle.net/Mq5d9/2/

...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake

donderdag 2 mei 2013 @ 12:40:50 #34

Tijn

Powered by MS Paint

Is het een optie om aan de andere li's ook een (lege) <em> toe te voegen? Dan staan ze automatisch op dezelfde hoogte.

Verberg de nieuwsticker

donderdag 2 mei 2013 @ 13:34:45 #35

InTrePidIvity

Looks like it's broken...

quote:
Op donderdag 2 mei 2013 12:40 schreef Tijn het volgende:
Is het een optie om aan de andere li's ook een (lege) <em> toe te voegen? Dan staan ze automatisch op dezelfde hoogte.

Hm, dat zou misschien wel werken, maar is er geen mooiere manier om het voor elkaar te krijgen?

...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake

donderdag 2 mei 2013 @ 13:40:20 #36

Tijn

Powered by MS Paint

Je zou de li's relatief kunnen positioneren en de <em> absoluut, dan verstoort-ie de flow niet en blijft alles op dezelfde plek staan. Is dat wat?

http://jsfiddle.net/Mq5d9/14/

Verberg de nieuwsticker

donderdag 2 mei 2013 @ 13:41:00 #37

picodealion

http://jsfiddle.net/Mq5d9/15/

Wat vind je van deze? Vertical-align: top op de linkjes, en een negative bottom margin op de <em> om het streepje eronder weer terug omhoog te trekken.

donderdag 2 mei 2013 @ 13:42:55 #38

mstx

2x1/2 = 1/2 x 1/2

http://jsfiddle.net/Mq5d9/18/

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.
👾

donderdag 2 mei 2013 @ 15:48:12 #39

InTrePidIvity

Looks like it's broken...

quote:
Op donderdag 2 mei 2013 13:42 schreef mstx het volgende:
http://jsfiddle.net/Mq5d9/18/

Zo simpel kan het zijn

Dankjewel! En de anderen uiteraard ook voor de input

...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake

zaterdag 4 mei 2013 @ 15:04:08 #40

Holograph

Compay Segundo

Ik probeer deze CSS-code

1
2
3

in mijn CSS-bestand te verwerken, in dat bestand heb ik dit staan:

1
2
3
4
5

body, html, #map {
margin: 0;
width: 100%;
height: 80%;
}

Het probleem is alleen dat het dan niet werkt.. wat doe ik verkeerd?

zaterdag 4 mei 2013 @ 15:09:50 #41

mstx

2x1/2 = 1/2 x 1/2

quote:
Op zaterdag 4 mei 2013 15:04 schreef Holograph het volgende:
wat doe ik verkeerd?

Iets dat wij niet kunnen zien met deze beperkte informatie.

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.
👾

zaterdag 4 mei 2013 @ 15:22:04 #42

Alfje

Hoi

link je in je html bestand wel naar je css bestand?

zaterdag 4 mei 2013 @ 15:27:55 #43

Holograph

Compay Segundo

quote:
Op zaterdag 4 mei 2013 15:22 schreef Alfje het volgende:
link je in je html bestand wel naar je css bestand?

Sorry voor de beperkte informatie, maar dat was idd het probleem

.

zaterdag 4 mei 2013 @ 17:12:58 #44

DutchErrorist

Smijn. <3

nevermind

[ Bericht 97% gewijzigd door DutchErrorist op 05-05-2013 11:15:30 ]

Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je

zaterdag 4 mei 2013 @ 17:32:07 #45

DutchErrorist

Smijn. <3

al gefixed

[ Bericht 89% gewijzigd door DutchErrorist op 05-05-2013 11:15:36 ]

Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je

zondag 5 mei 2013 @ 11:17:56 #46

DutchErrorist

Smijn. <3

Oke nog een vraagje dan een paar dagen geleden had ik een vraag met betrekking tot lijsten sorteren en javascript nu was ik daar heel goed mee geholpen, maar ik had nog 1 vraag.

Is er een mogelijkheid om een voorwerp altijd te laten zien dus ongeacht of het fruit of berry is? Een soort van catch all? Dus dat je berry selecteert dat hij er bij staat en ook als je fruit selecteert?

Ik snap dat het makkelijk lukt als je de class alles mee geeft dus class="item fruit berry" alleen heb ik nu wel wat meer dan alleen fruit en berry en wel een stuk of 12 dingen.

Zie hier dat ene voorbeeld waar ik heel goed mee geholpen was

http://jsfiddle.net/maxx0r/uKHXs/55/

Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je

zondag 5 mei 2013 @ 11:40:25 #47

Maringo

Bèhèhèhèh

quote:
Op zondag 5 mei 2013 11:17 schreef DutchErrorist het volgende:
Oke nog een vraagje dan een paar dagen geleden had ik een vraag met betrekking tot lijsten sorteren en javascript nu was ik daar heel goed mee geholpen, maar ik had nog 1 vraag.

Is er een mogelijkheid om een voorwerp altijd te laten zien dus ongeacht of het fruit of berry is? Een soort van catch all? Dus dat je berry selecteert dat hij er bij staat en ook als je fruit selecteert?

Ik snap dat het makkelijk lukt als je de class alles mee geeft dus class="item fruit berry" alleen heb ik nu wel wat meer dan alleen fruit en berry en wel een stuk of 12 dingen.

Zie hier dat ene voorbeeld waar ik heel goed mee geholpen was

http://jsfiddle.net/maxx0r/uKHXs/55/

Een dirty oplossing:

Nog een extra class meegegeven (bijvoorbeeld 'always') aan die items en dan regel 6 van het js veranderen in:

1	return $(this).hasClass(fruitColor) && $(this).hasClass(fruitType) && $(this).hasClass('always');

Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.

zondag 5 mei 2013 @ 11:59:21 #48

DutchErrorist

Smijn. <3

quote:
Op zondag 5 mei 2013 11:40 schreef Maringo het volgende:

[..]

Een dirty oplossing:

Nog een extra class meegegeven (bijvoorbeeld 'always') aan die items en dan regel 6 van het js veranderen in:
[ code verwijderd ]

Dat werkt niet goed

Maar hij moet ook maar op een select altijd laten zien. Dus bij fruit en berry en niet bij kleur of andersom.

Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je

zondag 5 mei 2013 @ 12:02:48 #49

mstx

2x1/2 = 1/2 x 1/2

Dan moet je hem een class 'always_fruit' o.i.d. geven en die tonen als fruit!="".

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.
👾

zondag 5 mei 2013 @ 12:06:47 #50

Maringo

Bèhèhèhèh

quote:
Op zondag 5 mei 2013 11:59 schreef DutchErrorist het volgende:

[..]

Dat werkt niet goed Maar hij moet ook maar op een select altijd laten zien. Dus bij fruit en berry en niet bij kleur of andersom.

Ach, ik zet het ook helemaal verkeerd neer. Ik was nog niet helemaal wakker...

1	return ($(this).hasClass(fruitColor) && $(this).hasClass(fruitType)) + $(this).hasClass('always');

Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.

zondag 5 mei 2013 @ 12:15:18 #51

DutchErrorist

Smijn. <3

quote:
Op zondag 5 mei 2013 12:06 schreef Maringo het volgende:

[..]

Ach, ik zet het ook helemaal verkeerd neer. Ik was nog niet helemaal wakker...
[ code verwijderd ]

Oke die werkt, alleen nu blijft het object bij beide staan (kleuren en soort fruit). Ik wil dat hij alleen bij 1 blijft staan.

Dus bijvoorbeeld bij kleur wel, maar bij soort niet.

Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je

zondag 5 mei 2013 @ 16:40:28 #52

Holograph

Compay Segundo

Opnieuw een vraag; ik ben bezig met mijn website te bouwen. Onderaan de website wil ik een zwarte balk hebben voor wat extra tekst. Ik heb mijn CSS-code daarop gemaakt, maar ik zie de balk onderaan de pagina echter niet verschijnen. Wat doe ik verkeerd?

style.css

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

        body, html, #map {
        margin: 0;
        width: 100%;
        height: 85%;
        }

        #bovenkant{
        width: 100%;
        height: 40px;
        background-color: black;
        text-align: center;
            line-height: 150%;
            vertical-align: middle;
            color: white;
            font-weight: bold;
            font-size: 18px;
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
        }

        #box{
            width: 300px;
            background: rgba(0,0,0,0.8);
            z-index: 1000;
            position: absolute;
            top: 50px;
            left: 50px;
            color: white;
            padding: 10px;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -o-border-radius: 10px;
            -webkit-border-radius: 10px;
            -ms-border-radius: 10px;
        }

        #midden{
        position: absolute;
        background-color: #DBA901;
        width: 100%;
        height: 750px;
        }

        #onderkant{
        width: 100%;
        height: 40px;
        background-color: black;
        text-align: left;
            line-height: 150%;
            vertical-align: middle;
            color: white;
            font-weight: bold;
            font-size: 11px;
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
        }

index.php

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="nl">
  <head>
    <title>Google Maps API V3</title>
    <link rel="stylesheet" href="./css/style.css" type="text/css">
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDypT9N2T2imUPhILy_zfWJP1EGUiSTDKY&sensor=false"></script>
    <script type="text/javascript" src="./js/kaart.php"></script>

  </head>
<body onload="getMap()">
<div id="bovenkant"><? echo MENU; ?></div>

<div id="map">
</div>

<div id="box">

    <b><? echo INDEX_BOX_WELKOM; ?></b>

    <p><? echo INDEX_BOX_INHOUD; ?></p>

</div>

<div id="midden">
</div>

<div id="onderkant">
</div>

</body>

</html>

De div id 'onderkant' staat duidelijk onder div id 'midden'. Het lijkt er echter op dat div id 'midden' alleen wordt weergeven.

zondag 5 mei 2013 @ 16:51:57 #53

Dimauro

Vuurbezweerder

#midden{
position: absolute;

Ik denk dat het aan de absolute positie van je #midden div ligt.

I'm not the girl in the picture..

zondag 5 mei 2013 @ 16:53:29 #54

Holograph

Compay Segundo

quote:
Op zondag 5 mei 2013 16:51 schreef Dimauro het volgende:
#midden{
position: absolute;

Ik denk dat het aan de absolute positie van je #midden div ligt.

Thanks! Dat heeft geholpen

zondag 5 mei 2013 @ 18:12:31 #55

Crimyclown

Sapper de fap!

Is het mogelijk een CMS achter een applicatie te stoppen (Android app).

Anonieme tievesclown

zondag 5 mei 2013 @ 20:34:36 #56

Maringo

Bèhèhèhèh

quote:
Op zondag 5 mei 2013 18:12 schreef Crimyclown het volgende:
Is het mogelijk een CMS achter een applicatie te stoppen (Android app).

Ja, maar waarom?

Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.

zondag 5 mei 2013 @ 21:22:26 #57

boem-dikkie

Jedi Mind Baby!

quote:
Op zondag 5 mei 2013 18:12 schreef Crimyclown het volgende:
Is het mogelijk een CMS achter een applicatie te stoppen (Android app).

Natuurlijk. Data ophalen met JSON is daar een goede methode voor.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

maandag 6 mei 2013 @ 09:41:03 #58

Catch22-

Ben je Blind?!

quote:
Op zondag 5 mei 2013 20:34 schreef Maringo het volgende:

[..]

Ja, maar waarom?

in de regel is dit een matig idee ja.

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 6 mei 2013 @ 10:24:08 #59

KomtTijd...

Er valt niets zinnigs op te zeggen zonder te weten watvoor app het is.

zcflevo.nl

maandag 6 mei 2013 @ 12:11:11 #60

Holograph

Compay Segundo

Mijn site is bijna af, ik stuit alleen op de laatste problemen:

Onderaan mijn website heb ik twee boxen staan voor informatie e.d. Het probleem is alleen dat de boxen meesschuiven op het moment dat ik mijn internet venster kleiner maakt. Hierdoor komt rechter box onder de linker box te staan, wat er totaal niet uitziet. Het liefst zou ik willen dat ze gewoon allebei in het midden van de pagina (blijven) staan.

http://jsfiddle.net/VTe8P/1/

Weet iemand hier een oplossing voor? Het betreffen #box_midden_inhoud en #box_midden_inhoud1.

maandag 6 mei 2013 @ 13:58:50 #61

Crimyclown

Sapper de fap!

quote:
Op zondag 5 mei 2013 20:34 schreef Maringo het volgende:

[..]

Ja, maar waarom?

Om content in de applicatie beheersbaar te maken. Er zit veel informatie in die door de opdrachtgever gewijzigd moeten kunnen worden. Ik ga niet elke keer een nieuwe code voor hem schrijven.

quote:
Op zondag 5 mei 2013 21:22 schreef boem-dikkie het volgende:

[..]

Natuurlijk. Data ophalen met JSON is daar een goede methode voor.

Bedankt

.

Anonieme tievesclown

maandag 6 mei 2013 @ 14:32:58 #62

Dimauro

Vuurbezweerder

quote:
Op maandag 6 mei 2013 12:11 schreef Holograph het volgende:
Mijn site is bijna af, ik stuit alleen op de laatste problemen:

Onderaan mijn website heb ik twee boxen staan voor informatie e.d. Het probleem is alleen dat de boxen meesschuiven op het moment dat ik mijn internet venster kleiner maakt. Hierdoor komt rechter box onder de linker box te staan, wat er totaal niet uitziet. Het liefst zou ik willen dat ze gewoon allebei in het midden van de pagina (blijven) staan.

http://jsfiddle.net/VTe8P/1/

Weet iemand hier een oplossing voor? Het betreffen #box_midden_inhoud en #box_midden_inhoud1.

1
2
3
4
5
6

*knip*..#box_midden_inhoud1{
        width: 500px;
        height:auto;

        margin-left:auto;
        margin-right:auto;..*knip*

en dan de float weghalen ?

I'm not the girl in the picture..

woensdag 8 mei 2013 @ 14:15:37 #63

InTrePidIvity

Looks like it's broken...

Ik heb één <section> waarbinnen ik zowel een ol als een ul heb staan. Hoe style ik de li's die daarin staan beiden afzonderlijk, zonder er een class aan mee te geven? _{Volgens mij is het iets heel simpels, dat ik over het hoofd zie...}

...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake

woensdag 8 mei 2013 @ 14:16:47 #64

Crutch

Filantroop || Taalzwengel

1
2
3
4
5
6
7

section ol li
{
}

section ul li
{
}

http://jsfiddle.net/DruSS/

Zo geef je specifiek aan welke <li>'s je wil hebben.

[ Bericht 32% gewijzigd door Crutch op 08-05-2013 14:23:15 ]

Je moeder is een hamster

woensdag 8 mei 2013 @ 14:24:43 #65

InTrePidIvity

Looks like it's broken...

quote:
Op woensdag 8 mei 2013 14:16 schreef Crutch het volgende:

[ code verwijderd ]

http://jsfiddle.net/DruSS/

Zo geef je specifiek aan welke <li>'s je wil hebben.

Ik zal wel iets niet goed gedaan hebben, dit dacht ik namelijk al geprobeerd te hebben. Dankjewel in elk geval

...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake

woensdag 8 mei 2013 @ 14:25:30 #66

Crutch

Filantroop || Taalzwengel

quote:
Op woensdag 8 mei 2013 14:24 schreef InTrePidIvity het volgende:

[..]

Ik zal wel iets niet goed gedaan hebben, dit dacht ik namelijk al geprobeerd te hebben. Dankjewel in elk geval

Als dat nog steeds niet werkt, kun je dan je css eens posten?

Je moeder is een hamster

woensdag 8 mei 2013 @ 14:43:34 #67

InTrePidIvity

Looks like it's broken...

quote:
Op woensdag 8 mei 2013 14:25 schreef Crutch het volgende:

[..]

Als dat nog steeds niet werkt, kun je dan je css eens posten?

Ik schreef het niet helemaal duidelijk op: jouw oplossing werkt perfect, maar ik dacht dat ik dat eerder al geprobeerd had zonder succes. Zal eerder wel iets fout gedaan hebben

...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake

woensdag 8 mei 2013 @ 14:44:26 #68

Crutch

Filantroop || Taalzwengel

quote:
Op woensdag 8 mei 2013 14:43 schreef InTrePidIvity het volgende:

[..]

Ik schreef het niet helemaal duidelijk op: jouw oplossing werkt perfect, maar ik dacht dat ik dat eerder al geprobeerd had zonder succes. Zal eerder wel iets fout gedaan hebben

Oh ok.

Nou ja opgelost dus.

Je moeder is een hamster

vrijdag 10 mei 2013 @ 20:04:42 #69

Qontroller

Dit zal ongetwijfeld één van de meest simpele en domme noobvragen zijn, maar hier komt 'ie dan:

Comments in code worden genegeerd door de webbrowser, alleen ze zijn wel zichtbaar in programmeerprogramma's e.d.; zorgen comments voor een hoger verbruik van de bandwidth? Dus worden comments meegenomen door de browsers bij het versturen van de data naar de gebruiker

vrijdag 10 mei 2013 @ 20:15:20 #70

KomtTijd...

Het versturen van de browser naar de gebruiker? Je bedoelt het licht wat je monitor uitstraalt?

_{Als je HTML-comments bedoelt is het antwoord op de vraag die je bedoelt te stellen (Dataverkeer tussen server en browser) uiteraard "ja".}

zcflevo.nl

vrijdag 10 mei 2013 @ 20:18:49 #71

Maringo

Bèhèhèhèh

Ze zijn ook zichtbaar in de browser als je de broncode bekijkt.

Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.

vrijdag 10 mei 2013 @ 20:19:49 #72

Qontroller

Dan haal ik de comments er uit, thanks!

vrijdag 10 mei 2013 @ 20:25:18 #73

Maringo

Bèhèhèhèh

quote:
Op vrijdag 10 mei 2013 20:19 schreef Qontroller het volgende:
Dan haal ik de comments er uit, thanks!

Why.. Ze bestaan niet voor niets. Of bedoel je dat je comments in je html heb staan?

Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.

vrijdag 10 mei 2013 @ 20:29:34 #74

Qontroller

quote:
Op vrijdag 10 mei 2013 20:25 schreef Maringo het volgende:

[..]

Why.. Ze bestaan niet voor niets. Of bedoel je dat je comments in je html heb staan?

Ja dat bedoel ik

vrijdag 10 mei 2013 @ 21:24:49 #75

KomtTijd...

Yes. Weer 100 bytes bespaard.

zcflevo.nl

vrijdag 10 mei 2013 @ 21:40:33 #76

Devv

Maken jullie ook gebruik van die hippe waterfall chart in Firefox om responsiveness te testen?

zaterdag 11 mei 2013 @ 07:42:40 #77

Maringo

Bèhèhèhèh

quote:
Op vrijdag 10 mei 2013 21:40 schreef Devv het volgende:
Maken jullie ook gebruik van die hippe waterfall chart in Firefox om responsiveness te testen?

Ik gebruik de code van dit:
http://mattkersley.com/responsive/

Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.

zaterdag 11 mei 2013 @ 10:14:37 #78

gerrit098

Graag wil ik dat achter mijn content een zwarte transparante laag komt zodat het goed lees baar op de foto`s

nu heb ik dat gedaan met onderstaande code.

1 2	#content > ul > li {position:absolute;height:100% ;width:100%; } .box1 {background: rgba(0,0,0,0.9);;width:100%;height:100%;position:absolute;top:0;left:0 ;padding:10px }

het probleem is dat hij 100% hoogte neemt van het scherm en niet van de content dus zodra je gaat scrollen gebeurt er dit.

http://jjfoto.eu5.org/web.jpg

nu kan ik dat oplossen door het percentage in een aantal pixels te veranderen, alleen dan wordt ie ook langer als de content korter is.

weet iemand hoe ik dit moet oplossen??

zaterdag 11 mei 2013 @ 10:25:24 #79

PimD

Nee.

Absoluut positioneren gaat a.d.h.v. de dichtstbijzijnde gepositioneerde parent. Dus als je een parent element "position:relative;" geeft zal ie niet meer het hele scherm beslaan.

Bleuh.

zaterdag 11 mei 2013 @ 10:37:33 #80

gerrit098

quote:
Op zaterdag 11 mei 2013 10:25 schreef PimD het volgende:
Absoluut positioneren gaat a.d.h.v. de dichtstbijzijnde gepositioneerde parent. Dus als je een parent element "position:relative;" geeft zal ie niet meer het hele scherm beslaan.

Hartelijk dank!

zaterdag 11 mei 2013 @ 14:18:45 #81

xaban06

Ik ben vrij nieuw met CSS, ik begin het steeds beter onder de knie te krijgen. Mijn vraag is, wat is DE manier om 'afwijkende' lettertypes te gebruiken? Ik bedoel dus fonts die standaard op een computer niet geinstalleerd zijn.

zaterdag 11 mei 2013 @ 14:39:58 #82

picodealion

http://www.fontsquirrel.com/ en dan Webfont Generator. Alles wat je ooit nodig hebt.

zaterdag 11 mei 2013 @ 14:46:13 #83

Devv

quote:
Op zaterdag 11 mei 2013 07:42 schreef Maringo het volgende:

[..]

Ik gebruik de code van dit:
http://mattkersley.com/responsive/

Ik had het meer over het laden van web onderdelen

. Maar dat is ook wel een handige tool.

zaterdag 11 mei 2013 @ 15:07:13 #84

Tijn

Powered by MS Paint

quote:
Op zaterdag 11 mei 2013 14:39 schreef picodealion het volgende:
http://www.fontsquirrel.com/ en dan Webfont Generator. Alles wat je ooit nodig hebt.

Ik kijk altijd eerst even bij Google Fonts, dat is verreweg de makkelijkste manier om een ander font op je website te krijgen.

Verberg de nieuwsticker

zaterdag 11 mei 2013 @ 15:08:11 #85

picodealion

Die kende ik niet

.

zaterdag 11 mei 2013 @ 15:09:22 #86

donroyco

dus niet Donroyco

quote:
Op zaterdag 11 mei 2013 15:08 schreef picodealion het volgende:
Die kende ik niet .

Serieus?

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. :'(

zaterdag 11 mei 2013 @ 15:10:58 #87

picodealion

Nee grapje haha kende ik allang

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.

zaterdag 11 mei 2013 @ 15:24:24 #88

Catch22-

Ben je Blind?!

Als je maar nooit fontsquirrelfonts voor tekst kleiner dan 18-22pixels gebruikt. Die fonts Zijn dan vaak onleesbaar.

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?

zaterdag 11 mei 2013 @ 16:09:16 #89

xaban06

quote:
Op zaterdag 11 mei 2013 15:07 schreef Tijn het volgende:

[..]

Ik kijk altijd eerst even bij Google Fonts, dat is verreweg de makkelijkste manier om een ander font op je website te krijgen.

Is Google fonts cross browser compatible?

Als ik naar de source kijken maakt het gebruik van .woff

zaterdag 11 mei 2013 @ 16:13:11 #90

Tijn

Powered by MS Paint

quote:
Op zaterdag 11 mei 2013 16:09 schreef xaban06 het volgende:

[..]

Is Google fonts cross browser compatible?

Als ik naar de source kijken maakt het gebruik van .woff

Ik heb geen idee wat ze precies doen, maar het werkt in alle browsers prima.

Verberg de nieuwsticker

zaterdag 11 mei 2013 @ 16:22:16 #91

donroyco

dus niet Donroyco

quote:
Op zaterdag 11 mei 2013 16:09 schreef xaban06 het volgende:

[..]

Is Google fonts cross browser compatible?

Als ik naar de source kijken maakt het gebruik van .woff

Dat verschilt natuurlijk per browser.

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. :'(

zaterdag 11 mei 2013 @ 17:52:31 #92

Devv

Zolang je geen IE8 gebruikt, is het wel cross-browser

.

zaterdag 11 mei 2013 @ 17:55:00 #93

Tijn

Powered by MS Paint

quote:
Op zaterdag 11 mei 2013 17:52 schreef Devv het volgende:
Zolang je geen IE8 gebruikt, is het wel cross-browser .

Hoezo? In IE8 werkt Google Fonts ook, hoor.

Verberg de nieuwsticker

zaterdag 11 mei 2013 @ 17:57:11 #94

Devv

quote:
Op zaterdag 11 mei 2013 17:55 schreef Tijn het volgende:

[..]

Hoezo? In IE8 werkt Google Fonts ook, hoor.

Dat mag dan een wonder heten.

zaterdag 11 mei 2013 @ 17:59:34 #95

Tijn

Powered by MS Paint

quote:
Op zaterdag 11 mei 2013 17:57 schreef Devv het volgende:

[..]

Dat mag dan een wonder heten.

Hoezo?

IE was juist een van de eerste browsers met ondersteuning van @font-face.

Verberg de nieuwsticker

zaterdag 11 mei 2013 @ 18:03:53 #96

Devv

quote:
Op zaterdag 11 mei 2013 17:59 schreef Tijn het volgende:

[..]

Hoezo?

IE was juist een van de eerste browsers met ondersteuning van @font-face.

Dat wist ik dus niet.

Ik vind IE8 over het algemeen gewoon niet echt ideaal om voor te ontwikkelen. Ik ben ook blij dat we op het werk hebben besloten om IE8 helemaal niet te ondersteunen.

zaterdag 11 mei 2013 @ 18:06:28 #97

Catch22-

Ben je Blind?!

Wat een kolder. Ie8 houdt zich over het algemeen prima aan de standaarden. Alleen geen css2.1 natuurlijk

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?

zaterdag 11 mei 2013 @ 18:15:58 #98

Maringo

Bèhèhèhèh

quote:
Op zaterdag 11 mei 2013 18:06 schreef Catch22- het volgende:
Wat een kolder. Ie8 houdt zich over het algemeen prima aan de standaarden. Alleen geen css2.1 natuurlijk

En de rest...

Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.

zaterdag 11 mei 2013 @ 18:17:16 #99

Crimyclown

Sapper de fap!

Ik ben bezig met het oppakken van JS en in het boek staat het volgende voorbeeld:

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

//<![CDATA[
      //from antsArray.html

      var distractionList = new Array("", "suck his thumb", "tie his shoe");

      function chorus() {
        var text = "...and they all go marching down\n";
        text += "to the ground \n";
        text += "to get out \n";
        text += "of the rain. \n";
        text += " \n";
        text += "boom boom boom boom boom boom boom boom \n";
        return text;
      } // end chorus

      function verse(verseNum){
        //pull distraction from array
        var distraction = distractionList[verseNum];

        var text = "The ants go marching ";
        text += verseNum + " by " + verseNum + " hurrah, hurrah \n";
        text += "The ants go marching ";
        text += verseNum + " by " + verseNum + " hurrah, hurrah \n";
        text += "The ants go marching ";
        text += verseNum + " by " + verseNum;
        text += " the little one stops to ";
        text += distraction;
        return text;
      } // end verse1

      //main code is now a loop
      for (verseNum = 1; verseNum < distractionList.length; verseNum++){
        alert(verse(verseNum));
        alert(chorus());
      } // end for loop

      //]]>

Maar ik heb een vraagje over regel 32

1	for (verseNum = 1; verseNum < distractionList.length; verseNum++)

Waarom is dit niet

1	for (verseNum = 1; verseNum <= distractionList.length; verseNum++)

Of maakt het niet uit en kan het op beide manieren?

Anonieme tievesclown

zaterdag 11 mei 2013 @ 18:21:18 #100

Maringo

Bèhèhèhèh

quote:
Op zaterdag 11 mei 2013 14:46 schreef Devv het volgende:

[..]

Ik had het meer over het laden van web onderdelen . Maar dat is ook wel een handige tool.

Ah, verkeerd begrepen. Maar die tool zal ik ook es bekijken dan.

Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.

zaterdag 11 mei 2013 @ 18:24:08 #101

Catch22-

Ben je Blind?!

Lomp voorbeeld. Normaal doe je een loop vanaf 0. Maar die is leeg in die array. Misschien om t makkelijker te maken, maar goed is het niet.

Als versenum gelijk zou mogen Zijn aan die length, zou hij tot 3 doortellen en die index bestaat niet

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?

zaterdag 11 mei 2013 @ 18:31:58 #102

Crimyclown

Sapper de fap!

Op die manier, had de 0 niet meegerekend. Bedankt

.

Anonieme tievesclown

zaterdag 11 mei 2013 @ 18:40:09 #103

Tijn

Powered by MS Paint

quote:
Op zaterdag 11 mei 2013 18:06 schreef Catch22- het volgende:
Wat een kolder. Ie8 houdt zich over het algemeen prima aan de standaarden. Alleen geen css2.1 natuurlijk

Geen CSS3 bedoel je, CSS 2.1 kan-ie juist wel (mits je het juiste doctype gebruikt). En natuurlijk geen HTML5. En halfgare Javascript

Verberg de nieuwsticker

zaterdag 11 mei 2013 @ 18:42:10 #104

Tijn

Powered by MS Paint

Hierbij zouden de alarmbellen van elke programmeur moeten gaan rinkelen:

1	for (verseNum = 1; verseNum < distractionList.length; verseNum++)

In de regel doe je een loop vanaf 0 tot een waarde (<), of vanaf 1 tot en met een waarde (<=).

Dit is echt een heel slecht voorbeeld, ik zou een andere cursus of tutorial zoeken.

Verberg de nieuwsticker

zaterdag 11 mei 2013 @ 18:50:40 #105

PimD

Nee.

IE8 is een prima browser hoor, waar goed voor te ontwikkelen valt.

quote:
Op zaterdag 11 mei 2013 18:03 schreef Devv het volgende:

[..]

Dat wist ik dus niet.

Ik vind IE8 over het algemeen gewoon niet echt ideaal om voor te ontwikkelen. Ik ben ook blij dat we op het werk hebben besloten om IE8 helemaal niet te ondersteunen.

Ik vraag me af voor wat voor klanten je werkt dan. IE7 en IE6 niet meer supporten is de normaalste zaak van de wereld, maar IE8 is vaak toch nog 20% ofzo van het totale aantal bezoekers van veel van de sites waar ik aan werk. Daar kun je dus niet zo maar de support voor droppen...

Bleuh.

zaterdag 11 mei 2013 @ 19:02:51 #106

Devv

quote:
Op zaterdag 11 mei 2013 18:50 schreef PimD het volgende:
IE8 is een prima browser hoor, waar goed voor te ontwikkelen valt.

[..]

Ik vraag me af voor wat voor klanten je werkt dan. IE7 en IE6 niet meer supporten is de normaalste zaak van de wereld, maar IE8 is vaak toch nog 20% ofzo van het totale aantal bezoekers van veel van de sites waar ik aan werk. Daar kun je dus niet zo maar de support voor droppen...

Wij zijn onder andere ISV voor het Microsoft Dynamics platform. We maken dus geen websites, maar web onderdelen voor bijvoorbeeld Microsoft Dynamics CRM. Dit deden we eerst in Silverlight, maar we zijn nu alles langzaam naar HTML5 aan het migreren. Het moet uiteindelijk vooral op mobiele apparaten en Windows 8 goed weergegeven kunnen worden. Dus dan is IE8 een gepasseerd station.

zaterdag 11 mei 2013 @ 19:16:50 #107

Tijn

Powered by MS Paint

quote:
Op zaterdag 11 mei 2013 18:50 schreef PimD het volgende:
IE8 is een prima browser hoor

Nou, dat gaat ook weer een beetje ver

Verberg de nieuwsticker

zaterdag 11 mei 2013 @ 19:28:10 #108

Black-Hole

Deep in my soul

quote:
Op zaterdag 11 mei 2013 14:18 schreef xaban06 het volgende:
Ik ben vrij nieuw met CSS, ik begin het steeds beter onder de knie te krijgen. Mijn vraag is, wat is DE manier om 'afwijkende' lettertypes te gebruiken? Ik bedoel dus fonts die standaard op een computer niet geinstalleerd zijn.

Typekit.com gebruik ik bijna altijd tenzij ze het font niet in de collectie hebben. Test wel altijd goed hoe het font wordt weergegeven op Windows, vooral bij kleine formaten <15 px. Vaak verre van optimaal in vergelijking met OSX.

zaterdag 11 mei 2013 @ 23:57:55 #109

Crimyclown

Sapper de fap!

quote:
Op zaterdag 11 mei 2013 18:42 schreef Tijn het volgende:
In de regel doe je een loop vanaf 0 tot een waarde (<), of vanaf 1 tot en met een waarde (<=).

Het boek gaat meer over AJAX maar begin met een paar JS dingen. Probeer het te begrijpen wat die nu aan het doen is en als ik straks dieper in JS ga duiken pak ik een ander boek erbij.

Anonieme tievesclown

zondag 12 mei 2013 @ 00:06:44 #110

KomtTijd...

quote:
Op zaterdag 11 mei 2013 19:28 schreef Black-Hole het volgende:

[..]

Typekit.com gebruik ik bijna altijd tenzij ze het font niet in de collectie hebben. Test wel altijd goed hoe het font wordt weergegeven op Windows, vooral bij kleine formaten <15 px. Vaak verre van optimaal in vergelijking met OSX.

Vooral testen met en zonder subpixel-rendering is erg belangrijk. Daar kun je als webdesigner geen invloed op uitoefenen en sommige fonts zien er met- of juist zonder echt niet uit.

zcflevo.nl

dinsdag 14 mei 2013 @ 12:53:08 #111

xaban06

Ik wil een box/div laten zien wanneer er wordt geklikt op een link.

Voorbeeld, klik op een product, een popup/box zal tevoorschijn komen:
http://www.beslist.nl/products/mode/mode_432356/

Waarop moet ik googlen om ook zoiets te maken? Is dit puur css of ook JS? Hoe noemt men zo iets? Load div on click? Ik verwacht geen volledige code van jullie maar als jullie me op weg willen helpen waar ik op moet zoeken, graag.

dinsdag 14 mei 2013 @ 12:54:33 #112

Tijn

Powered by MS Paint

Gebruik gewoon Fancybox.

Verberg de nieuwsticker

dinsdag 14 mei 2013 @ 12:56:57 #113

xaban06

quote:
Op dinsdag 14 mei 2013 12:54 schreef Tijn het volgende:
Gebruik gewoon Fancybox.

Kende ik niet, thanks! Even kijken wat het is.

dinsdag 14 mei 2013 @ 13:00:28 #114

Tijn

Powered by MS Paint

Het is precies wat jij zoekt, dat is wat het is

Verberg de nieuwsticker

dinsdag 14 mei 2013 @ 16:01:56 #115

xaban06

quote:
Op dinsdag 14 mei 2013 13:00 schreef Tijn het volgende:
Het is precies wat jij zoekt, dat is wat het is

donderdag 16 mei 2013 @ 08:59:22 #116

InTrePidIvity

Looks like it's broken...

Ik heb een raster aan plaatjes (25x5) dat ik als een achtergrond wil gebruiken, waarbij sommige plaatjes clickable moeten zijn. Hoe kan ik dat het beste aanpakken? Het raster zelf opmaken is het probleem niet, maar hoe krijg ik het als achtergrond?

...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake

donderdag 16 mei 2013 @ 09:00:31 #117

mstx

2x1/2 = 1/2 x 1/2

quote:
Op donderdag 16 mei 2013 08:59 schreef InTrePidIvity het volgende:
Ik heb een raster aan plaatjes (25x5) dat ik als een achtergrond wil gebruiken, waarbij sommige plaatjes clickable moeten zijn. Hoe kan ik dat het beste aanpakken? Het raster zelf opmaken is het probleem niet, maar hoe krijg ik het als achtergrond?

z-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.
👾

donderdag 16 mei 2013 @ 09:37:58 #118

n8n

Pragmatisch

Raster als 1 image instellen als achtergrond en in dat element een aantal absoluut gepositioneerde links stoppen zonder kleur.

Of een ul maken met in sommige li's een link en de image als achtergrond van de ul of als sprite een deel per li tonen. Met de laatste optie kan je het nog fluid maken

“Specialization is for insects”.—Robert Heinlein

donderdag 16 mei 2013 @ 10:23:26 #119

InTrePidIvity

Looks like it's broken...

quote:
Op donderdag 16 mei 2013 09:37 schreef n8n het volgende:
Raster als 1 image instellen als achtergrond en in dat element een aantal absoluut gepositioneerde links stoppen zonder kleur.

Of een ul maken met in sommige li's een link en de image als achtergrond van de ul of als sprite een deel per li tonen. Met de laatste optie kan je het nog fluid maken

Ik heb elke img binnen een div floating gemaakt, dat werkt ook.

quote:
Op donderdag 16 mei 2013 09:00 schreef mstx het volgende:

[..]

z-index?

Daarmee krijg ik ze wel naar de achtergrond, maar dan verlies ik de functionaliteit (geen hover en niet clickable)...

...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake

donderdag 16 mei 2013 @ 12:15:43 #120

Maringo

Bèhèhèhèh

quote:
Op donderdag 16 mei 2013 10:23 schreef InTrePidIvity het volgende:

[..]

Daarmee krijg ik ze wel naar de achtergrond, maar dan verlies ik de functionaliteit (geen hover en niet clickable)...

Dan zit er iets voor. Check dan op invisible divs oid.

EDIT: ik neem aan dat je de wrapper van dit een z-index gegeven hebt, toch?

Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.

zaterdag 18 mei 2013 @ 15:14:57 #121

pascal08

dr. prof.

Hieronder staat een stukje van de code die ik gebruik voor de DataTables-plugin.
Ik wil 4 variabelen versturen naar de server, waarvan 1 JS-array. Alles wat ik probeerde zonder PHP leverde een foutmelding op, omdat de syntax niet klopte.

Ik kwam toen op het idee om gewoon elke variabele in de array weg te sturen als aparte variabele door middel van PHP. Erg efficiënt is het niet, want nu wordt elke variabele verstuurd wat eigenlijk niet nodig is. Het gaat om 35 checkboxes en efficiënter zou zijn om alleen de checked checkboxes te versturen of andersom. Ten tweede komt het nu dus aan als een zooi losse variabelen in de PHP-controller, wat eigenlijk nog onhandiger is.

Is het mogelijk om gewoon met de jQuery each-function te werken en die in de code te verwerken. Ik heb eigenlijk geen idee hoe.

Ik zou misschien een apart stukje code kunnen maken die bij elke verandering van de checkboxes een nieuwe array maakt en vervolgens de DataTables-plugin triggert, maar er moet toch een nettere oplossing zijn. Iemand een ideetje?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

"fnServerData": function(sSource, aoData, fnCallback)
{
  aoData.push(
               { "name": "val1", "value": $('#val1').val() },
               { "name": "val2", "value": $('#val2').val() },
               { "name": "val3", "value": $('#val3').val() },
                <?php
                for($i = 0; $i < count($arr); $i++)
                {
                    echo '{ "name": $("#arr'.$i.'").attr("id"), "value": $("#arr'.$i.'").val() }';
                    echo ($i !== count($arr)-1) ? ',' : '';
                }
                ?>
            );
  $.ajax
    ({
      'dataType': 'json',
      'type'    : 'POST',
      'url'     : sSource,
      'data'    : aoData,
      'success' : fnCallback
    });
},

EDIT:
Ik dacht dus aan zo'n jQuery-functie:

1
2
3

$("#checkboxes :checkbox:checked").each(function() {
{ "name": $(this).val(), "value": $(this).attr("checked") }
});

Het liefst stuur ik het dus zo weg:

1	{ "name": "arr", "value": [0,1,2,3,4,6,8,9] }

[ Bericht 5% gewijzigd door pascal08 op 18-05-2013 15:41:28 ]

zaterdag 18 mei 2013 @ 19:02:28 #122

pascal08

dr. prof.

Ik heb een oplossing gevonden die enigszins in de buurt komt:

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

"fnServerData": function(sSource, aoData, fnCallback)
{
  aoData.push(
               { "name": "val1", "value": $('#val1').val() },
               { "name": "val2", "value": $('#val2').val() },
               { "name": "val3", "value": $('#val3').val() },
              { "name": "array", "value": JSON.stringify( [
                            <?php
                            for($i = 0; $i < count($arr); $i++)
                            {
                                echo 'parseInt($("#arr'.$i.'").val())';
                                if($i !== (count($arr)-1)) { echo ','; };
                            }
                            ?>
                            ] ) }
            );
  $.ajax
    ({
      'dataType': 'json',
      'type'    : 'POST',
      'url'     : sSource,
      'data'    : aoData,
      'success' : fnCallback
    });
},

zaterdag 18 mei 2013 @ 20:04:50 #123

Aether

quote:
Op zaterdag 18 mei 2013 15:14 schreef pascal08 het volgende:
Het liefst stuur ik het dus zo weg:
[ code verwijderd ]

Zoiets kun je met de $.map functie doen:

1
2
3

var values = $("#checkboxes :checkbox:checked").map(function() {
return this.value;
});

De map functie doorloopt de elementen en zet de waarde die teruggegeven wordt in een nieuw array.

When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.

zaterdag 18 mei 2013 @ 20:24:04 #124

pascal08

dr. prof.

quote:
Op zaterdag 18 mei 2013 20:04 schreef Aether het volgende:

[..]

Zoiets kun je met de $.map functie doen:
[ code verwijderd ]

De map functie doorloopt de elementen en zet de waarde die teruggegeven wordt in een nieuw array.

Deze functie kende ik nog niet. Heb jij een idee hoe ik dit verwerkt krijg in de code?
Ik kwam er net achter dat ik sowieso een stukje extra code nodig heb om de tabel opnieuw te laten genereren op basis van de aangevinkte checkboxes.

De code is nu als volgt:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

[..]
"fnServerData": function(sSource, aoData, fnCallback)
{
  aoData.push(
               { "name": "val1", "value": $('#val1').val() },
               { "name": "val2", "value": $('#val2').val() },
               { "name": "val3", "value": $('#val3').val() },
              { "name": "array", "value": array }
            );
  $.ajax
    ({
      'dataType': 'json',
      'type'    : 'POST',
      'url'     : sSource,
      'data'    : aoData,
      'success' : fnCallback
    });
},
[..]

1
2
3
4
5
6
7
8
9
10
11
12

[..]
$('#checkboxes').on('mouseup', function() {
        var array = [];
        $("#checkboxes :checkbox:checked").each(function() {
            if($(this).attr("checked") === "checked")
            {
                array.push(parseInt($(this).val()));
            }
        });
        oTable1.fnStandingRedraw();
    });
[..]

zaterdag 18 mei 2013 @ 21:06:00 #125

Aether

quote:
Op zaterdag 18 mei 2013 20:24 schreef pascal08 het volgende:

[..]

Deze functie kende ik nog niet. Heb jij een idee hoe ik dit verwerkt krijg in de code?
Ik kwam er net achter dat ik sowieso een stukje extra code nodig heb om de tabel opnieuw te laten genereren op basis van de aangevinkte checkboxes.

De code is nu als volgt:
[ code verwijderd ]

[ code verwijderd ]

Ik ken niet je hele code maar als je op verschillende plekken alle aangevinkte checkboxen wilt hebben zou je een functie kunnen maken:

1
2
3
4
5
6

function checkedBoxes() {
   var result = $("#checkboxes :checkbox:checked").map(function() {
      return +this.value; // Zet string om naar integer
   });
   return result;
}

1
2
3
4

$('#checkboxes').on('mouseup', function() {
var array = checkedBoxes(); // Globaal array of alleen gebruiken bij versturen?
oTable1.fnStandingRedraw();
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

[..]
"fnServerData": function(sSource, aoData, fnCallback)
{
  aoData.push(
               { "name": "val1", "value": $('#val1').val() },
               { "name": "val2", "value": $('#val2').val() },
               { "name": "val3", "value": $('#val3').val() },
               { "name": "array", "value": checkedBoxes() }
            );
  $.ajax
    ({
      'dataType': 'json',
      'type'    : 'POST',
      'url'     : sSource,
      'data'    : aoData,
      'success' : fnCallback
    });
},
[..]

Of als JSON:

1	{ "name": "array", "value": JSON.stringify(checkedBoxes()) }

Als je array alleen getallen bevat kun je nog een truuk gebruiken om de array naar een string om te zetten:

1	{ "name": "array", "value": "[" + checkedBoxes() + "]" }

When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.

zaterdag 18 mei 2013 @ 23:21:39 #126

TwyLight

Iemand hier die ik kan verlijden mij een plekje op zijn server te lenen voor het hosten van een of twee css bestanden? (die ik via ftp kan benaderen)

Thanks Tijn!

[ Bericht 8% gewijzigd door TwyLight op 19-05-2013 00:38:26 ]

zondag 19 mei 2013 @ 13:29:23 #127

Crimyclown

Sapper de fap!

Het bouwen van een android applicatie,welke talen zijn daarvoor nodig? Ik ben nog aan het kijken naar Phonegap van Dreamweaver, maar in de applicatie zit ook een database en ik heb ergens gelezen dat dat niet kan met Phonegap (dat Phonegap enkel voor een applicatie met HTML/CSS/Javascript is)? SQLight? Is het mogelijk om een applicatie met html/css te bouwen en daar een database aan te koppelen?

Anonieme tievesclown

zondag 19 mei 2013 @ 13:32:36 #128

xaban06

Ik wil de standaard submit button vervangen met een image, via Google kom ik tig voorbeelden tegen, maar mijn gevoel zegt dat het allemaal net niet is. Is dit zo lastig in CSS of?

zondag 19 mei 2013 @ 13:35:09 #129

Crimyclown

Sapper de fap!

quote:
Op zondag 19 mei 2013 13:32 schreef xaban06 het volgende:
Ik wil de standaard submit button vervangen met een image, via Google kom ik tig voorbeelden tegen, maar mijn gevoel zegt dat het allemaal net niet is. Is dit zo lastig in CSS of?

Background-image:none;
background:url('../images/plaatje.jpg');

Anonieme tievesclown

zondag 19 mei 2013 @ 13:38:04 #130

xaban06

quote:
Op zondag 19 mei 2013 13:35 schreef Crimyclown het volgende:

[..]

Background-image:none;
background:url('../images/plaatje.jpg');

Ik wil geen background, ik wil dat de knop zelf een plaatje is

/edit
Of is het een kwestie van border op none zetten etc en dan plaatje als background?

zondag 19 mei 2013 @ 13:39:17 #131

donroyco

dus niet Donroyco

quote:
Op zondag 19 mei 2013 13:38 schreef xaban06 het volgende:

[..]

Ik wil geen background, ik wil dat de knop zelf een plaatje is

Waarom zou je dat willen?

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. :'(

zondag 19 mei 2013 @ 13:58:10 #132

Aether

quote:
Op zondag 19 mei 2013 13:32 schreef xaban06 het volgende:
Ik wil de standaard submit button vervangen met een image, via Google kom ik tig voorbeelden tegen, maar mijn gevoel zegt dat het allemaal net niet is. Is dit zo lastig in CSS of?

1	<input type="image" src="img.jpg" />

When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.

zondag 19 mei 2013 @ 14:42:38 #133

Maringo

Bèhèhèhèh

quote:
Op zondag 19 mei 2013 13:29 schreef Crimyclown het volgende:
Het bouwen van een android applicatie,welke talen zijn daarvoor nodig? Ik ben nog aan het kijken naar Phonegap van Dreamweaver, maar in de applicatie zit ook een database en ik heb ergens gelezen dat dat niet kan met Phonegap (dat Phonegap enkel voor een applicatie met HTML/CSS/Javascript is)? SQLight? Is het mogelijk om een applicatie met html/css te bouwen en daar een database aan te koppelen?

Voor Android kan je native in Java coden. Google heeft woensdag tijdens hun I/O een nieuw programma uitgebracht samen met JetBrains: Android Studio.

Phonegap is leuk voor erg simpele apps en is op basis van HTML5 en javascript. Nadeel hiervan is dat het zelden zo smooth loopt als een native app.

Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.

zondag 19 mei 2013 @ 14:48:51 #134

Crimyclown

Sapper de fap!

quote:
Op zondag 19 mei 2013 14:42 schreef Maringo het volgende:

[..]

Voor Android kan je native in Java coden. Google heeft woensdag tijdens hun I/O een nieuw programma uitgebracht samen met JetBrains: Android Studio.

Phonegap is leuk voor erg simpele apps en is op basis van HTML5 en javascript. Nadeel hiervan is dat het zelden zo smooth loopt als een native app.

Ik was er al een beetje bang voor dat het Java zou gaan worden. Met deze informatie kan ik in ieder geval weer aan de slag. Bedankt

.

Anonieme tievesclown

zondag 19 mei 2013 @ 16:04:25 #135

boem-dikkie

Jedi Mind Baby!

quote:
Op zondag 19 mei 2013 13:29 schreef Crimyclown het volgende:
Het bouwen van een android applicatie,welke talen zijn daarvoor nodig? Ik ben nog aan het kijken naar Phonegap van Dreamweaver, maar in de applicatie zit ook een database en ik heb ergens gelezen dat dat niet kan met Phonegap (dat Phonegap enkel voor een applicatie met HTML/CSS/Javascript is)? SQLight? Is het mogelijk om een applicatie met html/css te bouwen en daar een database aan te koppelen?

Je kunt eens kijken naar Sencha Touch 2.0. Staan bekend om hun HTML5 versie van Facebook.

Schrijft alles in Javascript en de app poept HTML5 uit. Kunt met Phonegap (Cordova) builden en daarmee ook native elementen gebruiken.

Gewoon Java is altijd beter maar als je al wel HTML5 en JS beheerst en het is geen gek grote app kun je best wat leuks maken met Sencha. Je kunt gewoon met JSON werken dus een database naar keuze waar je een simpele API voor maakt werkt vlekkeloos.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

maandag 20 mei 2013 @ 00:14:39 #136

xaban06

Hoe krijg ik de submit knop even hoog als mijn zoekveld + aan elkaar geplakt.

1
2
3
4
5
6

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

#search {
  width: 700px;
  height: 50px;
  float: right;
  line-height: 50px;
  vertical-align: middle;
}

.inputSearch {
  padding-left:10px;
  height: 28px;
  width: 400px;
  border: 1px solid #cccccc;
  background-color:#ececec;
  margin-right:0px;
}

.zoekbutton {
  width: 28px;
  height: 28px;
  background: #E4E2D6 url('search.png') no-repeat center;
  border: 1px solid #cccccc;
  padding: 0px;
  margin: 0px;
}

/edit
Ik zie in IE trouwens dat ze wel even hoog lopen. In Chrome niet.

/edit 2:
Die is in IE, klopt ook niet want ze moeten beiden 28px hoog zijn.

maandag 20 mei 2013 @ 00:26:08 #137

Catch22-

Ben je Blind?!

Gebruik je een normalize of reset? Die input heeft standaard een padding gok ik. Gebruik je webinspector daarvoor

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 20 mei 2013 @ 00:31:08 #138

xaban06

quote:
Op maandag 20 mei 2013 00:26 schreef Catch22- het volgende:
Gebruik je een normalize of reset? Die input heeft standaard een padding gok ik. Gebruik je webinspector daarvoor

Beide gebruik ik niet (als ik begrijp wat je bedoelt

).

maandag 20 mei 2013 @ 00:45:49 #139

donroyco

dus niet Donroyco

quote:
Op maandag 20 mei 2013 00:14 schreef xaban06 het volgende:
[ afbeelding ]

Hoe krijg ik de submit knop even hoog als mijn zoekveld + aan elkaar geplakt.
[ code verwijderd ]

[ code verwijderd ]

/edit
Ik zie in IE trouwens dat ze wel even hoog lopen. In Chrome niet.

/edit 2:
Die is in IE, klopt ook niet want ze moeten beiden 28px hoog zijn.
[ afbeelding ]

Sowieso heeft een inputfield standaard padding mee, vandaar dat hij hoger is.

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. :'(

maandag 20 mei 2013 @ 00:46:55 #140

TwyLight

Custom css aan het maken voor mijn film download site

SPOILER: origineel
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: mijn work in progress
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.

maandag 20 mei 2013 @ 00:48:57 #141

xaban06

quote:
Op maandag 20 mei 2013 00:45 schreef donroyco het volgende:

[..]

Sowieso heeft een inputfield standaard padding mee, vandaar dat hij hoger is.

1
2
3
4

input {
padding: 0px;
margin: 0px;
}

Lost het probleem in IE inderdaad op. Nu nog de zoekveld en button aan elkaar zien te plakken en de hoogte in Chrome nog oplossen.

maandag 20 mei 2013 @ 00:49:36 #142

Tijn

Powered by MS Paint

quote:
Op maandag 20 mei 2013 00:48 schreef xaban06 het volgende:

[..]
[ code verwijderd ]

Lost het probleem in IE inderdaad op. Nu nog de zoekveld en button aan elkaar zien te plakken en de hoogte in Chrome nog oplossen.

Precies om dit soort verschillen gelijk te trekken kun je dus bv normalize.css gebruiken.

Verberg de nieuwsticker

maandag 20 mei 2013 @ 00:51:10 #143

xaban06

quote:
Op maandag 20 mei 2013 00:49 schreef Tijn het volgende:

[..]

Precies om dit soort verschillen gelijk te trekken kun je dus bv normalize.css gebruiken.

Geinstalleerd, maar heeft het helaas nog niet opgelost.

maandag 20 mei 2013 @ 00:52:11 #144

donroyco

dus niet Donroyco

quote:
Op maandag 20 mei 2013 00:48 schreef xaban06 het volgende:

[..]
[ code verwijderd ]

Lost het probleem in IE inderdaad op. Nu nog de zoekveld en button aan elkaar zien te plakken en de hoogte in Chrome nog oplossen.

Dit werkt in Chrome: http://jsfiddle.net/SyXjq/
^{Wat je zegt over naar beneden drukken, kan ik niet reproduceren.}

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. :'(

maandag 20 mei 2013 @ 00:53:16 #145

xaban06

quote:
Op maandag 20 mei 2013 00:52 schreef donroyco het volgende:

[..]

Dit werkt in Chrome: http://jsfiddle.net/SyXjq/
^{Wat je zegt over naar beneden drukken, kan ik niet reproduceren.}

Voorbeeld die je geeft is ook niet goed hoor, althans de website van je laat 'm niet correct zien

maandag 20 mei 2013 @ 00:55:08 #146

donroyco

dus niet Donroyco

quote:
Op maandag 20 mei 2013 00:53 schreef xaban06 het volgende:

[..]

Voorbeeld die je geeft is ook niet goed hoor, althans de website van je laat 'm niet correct zien

Hier wel.

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. :'(

maandag 20 mei 2013 @ 00:56:45 #147

xaban06

quote:
Op maandag 20 mei 2013 00:55 schreef donroyco het volgende:

[..]

Hier wel.

[ afbeelding ]

Is mijn browser kapot

maandag 20 mei 2013 @ 01:02:27 #148

Tijn

Powered by MS Paint

Hier ziet die fiddle er ook goed uit.

Verberg de nieuwsticker

maandag 20 mei 2013 @ 01:07:30 #149

xaban06

quote:
Op maandag 20 mei 2013 00:55 schreef donroyco het volgende:

[..]

Hier wel.

[ afbeelding ]

Thanks, je hebt me in de goede richting geholpen.

Ik heb aan de zoekveld float:left; toegevoegd en aan beide een margin-top. Opgelost

maandag 20 mei 2013 @ 01:14:55 #150

donroyco

dus niet Donroyco

quote:
Op maandag 20 mei 2013 01:07 schreef xaban06 het volgende:

[..]

Thanks, je hebt me in de goede richting geholpen.

Ik heb aan de zoekveld float:left; toegevoegd en aan beide een margin-top. Opgelost

Dat had ik ook gedaan, de code had je 1 op 1 over kunnen nemen.

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. :'(

maandag 20 mei 2013 @ 22:05:40 #151

xaban06

Hebben jullie misschien tips of advies om de basics van jQuery te leren? Ik wil iets heel simpels voor elkaar krijgen (tenminste, het klinkt simpel). Ik heb namelijk een honderden <form>'s per pagina met ieder een submit knop. Bij het klikken op de submit button wil ik dat de script van het formulier wordt uitgevoerd maar dat ik de pagina niet verlaat, op deze manier kan ik in een korte tijd al die knopjes indrukken zonder 'vorige' te hoeven doen. Alvast dank!

maandag 20 mei 2013 @ 22:11:45 #152

boem-dikkie

Jedi Mind Baby!

Dat kan ook wel zonder jQuery?

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

maandag 20 mei 2013 @ 22:17:50 #153

Catch22-

Ben je Blind?!

Overdenk t nog eens.

Je kan heel makkelijk een form serialezen en async posten. Zou je zelf moet kunnen uitdokteren.

En als je iets handiger wordt kan je t ook zonder honderden forma

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 20 mei 2013 @ 22:19:02 #154

ursel

"Het Is Hier Fantastisch!

quote:
Op maandag 20 mei 2013 00:14 schreef xaban06 het volgende:
[ afbeelding ]

Hoe krijg ik de submit knop even hoog als mijn zoekveld + aan elkaar geplakt.
[ code verwijderd ]

[ code verwijderd ]

/edit
Ik zie in IE trouwens dat ze wel even hoog lopen. In Chrome niet.

/edit 2:
Die is in IE, klopt ook niet want ze moeten beiden 28px hoog zijn.
[ afbeelding ]

1	onfocus="if(this.value == 'Zoek naar producten..') { this.value = ''; }"

Daar is placeholder toch voor?

[ Bericht 56% gewijzigd door ursel op 20-05-2013 22:24:58 ]

maandag 20 mei 2013 @ 22:24:05 #155

xaban06

quote:
Op maandag 20 mei 2013 22:19 schreef ursel het volgende:

[ code verwijderd ]

Daar is placeholder toch voor?

Wat bedoel je? Mijn vraag heeft overigens niks nada te maken met mijn vorige vraag

maandag 20 mei 2013 @ 22:25:15 #156

ursel

"Het Is Hier Fantastisch!

quote:
Op maandag 20 mei 2013 22:24 schreef xaban06 het volgende:

[..]

Wat bedoel je? Mijn vraag heeft overigens niks nada te maken met mijn vorige vraag

Betreffende post toegevoegd, ging iets niet goed.

maandag 20 mei 2013 @ 22:25:39 #157

PimD

Nee.

Nee, het is bedoeld om voorbeeldtekst te geven. Dus "Bijv. 5845CX" in een postcode-veld. Het is niet bedoeld als een excuus om labels weg te laten/te verbergen, iets waar veel interactie ontwerpers schijnbaar nogal veel moeite mee hebben, aangezien ik bijna iedere week wel weer een IO voor m'n neus krijg met een zoekveld met een placeholder-attribute "Zoeken"

Bleuh.

maandag 20 mei 2013 @ 22:27:28 #158

xaban06

quote:
Op maandag 20 mei 2013 22:11 schreef boem-dikkie het volgende:
Dat kan ook wel zonder jQuery?

Met AJAX dan?

maandag 20 mei 2013 @ 22:31:44 #159

ursel

"Het Is Hier Fantastisch!

quote:
Op maandag 20 mei 2013 22:25 schreef PimD het volgende:
Nee, het is bedoeld om voorbeeldtekst te geven. Dus "Bijv. 5845CX" in een postcode-veld. Het is niet bedoeld als een excuus om labels weg te laten/te verbergen, iets waar veel interactie ontwerpers schijnbaar nogal veel moeite mee hebben, aangezien ik bijna iedere week wel weer een IO voor m'n neus krijg met een zoekveld met een placeholder-attribute "Zoeken"

Ik ben geen frontend ontwikkelaar, misschien dat het daaraan ligt, maar bij mij zorgt de browser er voor dat het verdwijnt.

Maar als we voorbeeld van xaban06 aanhouden (no offense verder xaban, viel me toevallig op bij jou) ,
dan krijg je dus dat de input veld een waarde krijgt ipv dus de voorbeeldtekst.

1	<input type="text" onfocus="if(this.value == 'Zoek naar producten..') { this.value = ''; }" value="Zoek naar producten.." class="inputSearch">

dinsdag 21 mei 2013 @ 20:57:45 #160

TwyLight

Ik heb een probleem met wat styling, Dit staat er in de html op de ene pagina

1
2
3
4

en dit in de andere pagina

1
2
3
4
5

<div id="een">
     <h2>hoi!</h2>
     <a href="google.com">google</a>
     <div id="twee">
</div>

De twee pagina's zien er vrij verschillend uit dus één manier van #twee stylen is eigenlijk geen optie, maar ik kan de html niet aanpassen.

Hoe zorg ik nou dat hij in de css wel de ene pakt die direct na de h2 komt maar niet die waar nog een <a> tussen zit?

hij heeft verder geen parents die verschillend zijn helaas

dinsdag 21 mei 2013 @ 21:13:42 #161

Crutch

Filantroop || Taalzwengel

Met alleen css?

Je moeder is een hamster

dinsdag 21 mei 2013 @ 21:15:51 #162

TwyLight

quote:
Op dinsdag 21 mei 2013 21:13 schreef Crutch het volgende:
Met alleen css?

Jep

dinsdag 21 mei 2013 @ 21:16:45 #163

TwyLight

Er zou een selector moeten zijn voor directe opvolger maar geen child

dinsdag 21 mei 2013 @ 21:18:10 #164

Crutch

Filantroop || Taalzwengel

CSS3 ondersteunt wel een 'children'-aantal, die zou je op #een kunnen toepassen.

http://stackoverflow.com/(...)ldren-an-element-has

Je moeder is een hamster

dinsdag 21 mei 2013 @ 21:20:33 #165

TwyLight

quote:
Op dinsdag 21 mei 2013 21:18 schreef Crutch het volgende:
CSS3 ondersteunt wel een 'children'-aantal, die zou je op #een kunnen toepassen.

http://stackoverflow.com/(...)ldren-an-element-has

Hmm stom dat ik dat eigenlijk nog niet geprobeerd heb, heb die selector al honderd keer gebruikt in de css waar ik mee bezig ben atm

dinsdag 21 mei 2013 @ 21:21:45 #166

Crutch

Filantroop || Taalzwengel

quote:
Op dinsdag 21 mei 2013 21:20 schreef TwyLight het volgende:

[..]

Hmm stom dat ik dat eigenlijk nog niet geprobeerd heb, heb die selector al honderd keer gebruikt in de css waar ik mee bezig ben atm

Ik zoek ook altijd eerst naar de moeilijkste oplossing.

Je moeder is een hamster

dinsdag 21 mei 2013 @ 21:25:38 #167

TwyLight

dinsdag 21 mei 2013 @ 23:40:54 #168

Light

quote:
Op dinsdag 21 mei 2013 21:16 schreef TwyLight het volgende:
Er zou een selector moeten zijn voor directe opvolger maar geen child

Waarom zou moeten? Is + niet goed genoeg?

fokstok.nl

woensdag 22 mei 2013 @ 01:24:02 #169

TwyLight

quote:
Op dinsdag 21 mei 2013 23:40 schreef Light het volgende:

[..]

Waarom zou moeten? Is + niet goed genoeg?

Hmm die had ik wel geprobeerd maar dat werkte niet, zal het wel fout gedaan hebben

donderdag 23 mei 2013 @ 09:08:00 #170

InTrePidIvity

Looks like it's broken...

Hoe krijg ik de links netjes in de balk, zonder dat er stukjes uitsteken? Ik zit wel te klooien om het met margin, padding en font-size netjes passend te krijgen, maar dat gaat cross-browser vast niet goed...

http://jsfiddle.net/rBMgv/

...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake

donderdag 23 mei 2013 @ 09:11:56 #171

boem-dikkie

Jedi Mind Baby!

quote:
Op donderdag 23 mei 2013 09:08 schreef InTrePidIvity het volgende:
Hoe krijg ik de links netjes in de balk, zonder dat er stukjes uitsteken? Ik zit wel te klooien om het met margin, padding en font-size netjes passend te krijgen, maar dat gaat cross-browser vast niet goed...

http://jsfiddle.net/rBMgv/

[ afbeelding ]

http://jsfiddle.net/rBMgv/1/

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

donderdag 23 mei 2013 @ 09:15:50 #172

InTrePidIvity

Looks like it's broken...

quote:
Op donderdag 23 mei 2013 09:11 schreef boem-dikkie het volgende:

[..]

http://jsfiddle.net/rBMgv/1/

Haha, só close

Dankjewel!

...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake

vrijdag 24 mei 2013 @ 11:20:16 #173

InTrePidIvity

Looks like it's broken...

http://jsfiddle.net/vzmnJ/1108/

Kan ik dit langzaam laten uitschuiven, i.p.v. in één keer hard uitklappen?

...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake

vrijdag 24 mei 2013 @ 11:21:55 #174

donroyco

dus niet Donroyco

quote:
Op vrijdag 24 mei 2013 11:20 schreef InTrePidIvity het volgende:
http://jsfiddle.net/vzmnJ/1108/

Kan ik dit langzaam laten uitschuiven, i.p.v. in één keer hard uitklappen?

Gebruik slideToggle().

http://api.jquery.com/slideToggle/

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. :'(

vrijdag 24 mei 2013 @ 11:45:54 #175

Catch22-

Ben je Blind?!

niet iedereen gebruikt jQuery hoor

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 24 mei 2013 @ 11:47:16 #176

Tijn

Powered by MS Paint

Het kan ook met CSS transities. Verander dan de height bijvoorbeeld, in combinatie met overflow: hidden.

Verberg de nieuwsticker

zaterdag 25 mei 2013 @ 18:38:22 #177

PimD

Nee.

Of zet de max-height van 0 naar een hoog getal als transition property, dan zit je niet te klooien met transities van een pixel-waarde naar "auto" of het meten van de hoogte van elementen met Javascript. Eerlijk gezegd geen idee of dit in alle browsers met transitions-support werkt.

Bleuh.

maandag 27 mei 2013 @ 17:49:32 #178

Crimyclown

Sapper de fap!

Weet iemand hoe je een div fatsoenlijk position fixed krijgt op Android? Het is volgens mij een bekend Android probleem maar heb nog geen oplossing kunnen vinden die werkt. Heb de website opgebouwt met JQuery mobile en daarin een iFrame staan die een div position Fixed heeft (volg je me nog

? ). Het probleem is eigenlijk gewoon position Fixed, denk dat het niets te maken heeft met het iFrame.

In de browser loopt het allemaal goed maar in een applicatie doet die moeilijk. Dit is het probleem, het vak staat wel goed maar op de een of andere manier visueel niet.

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.

Iemand toevallig bekend met dit probleem

?

[ Bericht 17% gewijzigd door Crimyclown op 27-05-2013 18:39:52 ]

Anonieme tievesclown

maandag 27 mei 2013 @ 23:18:05 #179

Maringo

Bèhèhèhèh

Ik weet wel dat de oudere Androids (2.3.5 en lager) fixed positions sowieso niet goed aan kunnen. Ook in de native browser niet. Die slide mee en schiet terug naar zijn eigen plek.

Maar voor dat lijkt het mij een styling issue.

Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.

dinsdag 28 mei 2013 @ 09:41:21 #180

Crimyclown

Sapper de fap!

Het lijkt erop alsof die de waarde die de iFrame vanaf links staat er met position fixed weer bij opgeteld wordt. Wanneer ik de iFrame links in de hoek neerzet gaat het gewoon goed. Android versie is gewoon de nieuwste.

[ Bericht 18% gewijzigd door Crimyclown op 28-05-2013 10:05:29 ]

Anonieme tievesclown

dinsdag 28 mei 2013 @ 15:15:03 #181

jill1979

Wil graag een klikbare popup maken. Popup lukt wel, maar wil graag dat bij klikken op de popup een website wordt geopend. Waarschijnlijk is het een simpele toevoeging aan de code. Iemand een idee? Ik kom er niet uit...

dinsdag 28 mei 2013 @ 15:15:56 #182

Catch22-

Ben je Blind?!

alsjeblieft zeg, wat verwacht je nu ?

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?

dinsdag 28 mei 2013 @ 15:22:20 #183

jill1979

...een goede tip ;-)

dinsdag 28 mei 2013 @ 15:27:19 #184

Catch22-

Ben je Blind?!

Welk JS framework gebruik je?

Wat gebruik je om popups te triggeren?

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?

dinsdag 28 mei 2013 @ 15:34:16 #185

jill1979

Heb nu code in de html verwerkt:

In script:



[ Bericht 0% gewijzigd door jill1979 op 30-05-2013 10:46:22 ]

dinsdag 28 mei 2013 @ 15:36:43 #186

TwyLight

quote:
Op dinsdag 28 mei 2013 15:15 schreef jill1979 het volgende:
Wil graag een klikbare popup maken. Popup lukt wel, maar wil graag dat bij klikken op de popup een website wordt geopend. Waarschijnlijk is het een simpele toevoeging aan de code. Iemand een idee? Ik kom er niet uit...

Het internet genezen van kanker begint bij jezelf

dinsdag 28 mei 2013 @ 15:37:39 #187

boem-dikkie

Jedi Mind Baby!

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

dinsdag 28 mei 2013 @ 15:39:18 #188

Tijn

Powered by MS Paint

quote:
Op dinsdag 28 mei 2013 15:15 schreef jill1979 het volgende:
Wil graag een klikbare popup maken. Popup lukt wel, maar wil graag dat bij klikken op de popup een website wordt geopend. Waarschijnlijk is het een simpele toevoeging aan de code. Iemand een idee? Ik kom er niet uit...

Wat is er mis met target="_blank"?

Verberg de nieuwsticker

dinsdag 28 mei 2013 @ 15:42:16 #189

Crutch

Filantroop || Taalzwengel

quote:
Op dinsdag 28 mei 2013 09:41 schreef Crimyclown het volgende:
Het lijkt erop alsof die de waarde die de iFrame vanaf links staat er met position fixed weer bij opgeteld wordt. Wanneer ik de iFrame links in de hoek neerzet gaat het gewoon goed. Android versie is gewoon de nieuwste.

Heb je zelf toegang tot de webview van de applicatie?
Want dan zou je de position fixed kunnen overriden o.i.d.

En server side zou je met $_SERVER['HTTP_X_REQUESTED_WITH'] de namepsace van de browser moeten kunnen achterhalen.

Zo kun je een verschil bepalen tussen de android browser en de webview (layout widget).

[ Bericht 7% gewijzigd door Crutch op 28-05-2013 16:11:08 ]

Je moeder is een hamster

dinsdag 28 mei 2013 @ 18:42:56 #190

Crimyclown

Sapper de fap!

Ik heb hem eindelijk werkend

. Bedankt voor de hulp.

Anonieme tievesclown

woensdag 29 mei 2013 @ 16:21:49 #191

Tijn

Powered by MS Paint

Iemand had een tijdje geleden hier een link gepost naar een jQuery plugin om grids a la Pinterest mee te animeren. Weet iemand nog welke dat was? Ik weet alleen nog dat Catch22 er geen fan van was

Verberg de nieuwsticker

woensdag 29 mei 2013 @ 16:27:10 #192

Merkie

Surprisingly contagious

quote:
Op woensdag 29 mei 2013 16:21 schreef Tijn het volgende:
Iemand had een tijdje geleden hier een link gepost naar een jQuery plugin om grids a la Pinterest mee te animeren. Weet iemand nog welke dat was? Ik weet alleen nog dat Catch22 er geen fan van was

Ik denk deze: http://masonry.desandro.com/

Deze is ook wel cool: http://isotope.metafizzy.co/

2000 light years from home

woensdag 29 mei 2013 @ 16:30:58 #193

Tijn

Powered by MS Paint

Ja, Masonry was 'm inderdaad

Thanks. Ik ga die andere ook nog even bekijken. Ik moet zoiets binnenkort voor iemand inbouwen namelijk.

Verberg de nieuwsticker

woensdag 29 mei 2013 @ 16:38:10 #194

Catch22-

Ben je Blind?!

Omdat ik ook mans genoeg ben om fouten toe te geven...

Ik zet wel eens

1	console.log = function() { }

om console.log's die ik vergeet weg te halen te ondervangen. Ik vind het nogal amateuristisch als een gebruiker dat ziet namelijk. Die commentarieer ik standaard uit en zet ik aan als ik commit.

Ik vergeet echter wel eens om dat commentaar weg te halen. Dus dan ga ik testen en zie ik mijn logmeldingen nergens. Ben al een paar keer 10 minuten bezig geweest om daarachter te komen.

Nu maar even conditioneel in de pagina gezet, die checked of het een devomgeving is of niet.

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 29 mei 2013 @ 16:40:13 #195

Crutch

Filantroop || Taalzwengel

quote:
Op woensdag 29 mei 2013 16:38 schreef Catch22- het volgende:
Omdat ik ook mans genoeg ben om fouten toe te geven...

Ik zet wel eens
[ code verwijderd ]

om console.log's die ik vergeet weg te halen te ondervangen. Ik vind het nogal amateuristisch als een gebruiker dat ziet namelijk. Die commentarieer ik standaard uit en zet ik aan als ik commit.

Ik vergeet echter wel eens om dat commentaar weg te halen. Dus dan ga ik testen en zie ik mijn logmeldingen nergens. Ben al een paar keer 10 minuten bezig geweest om daarachter te komen.

Nu maar even conditioneel in de pagina gezet, die checked of het een devomgeving is of niet.

Oh, dat ik daar niet eerder aan heb gedacht.

Je moeder is een hamster

woensdag 29 mei 2013 @ 16:41:00 #196

Catch22-

Ben je Blind?!

niet vergeten om uit te commentarieren he!

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 29 mei 2013 @ 17:10:34 #197

KomtTijd...

Mijn theorie: De bebruiker die uberhaupt weet dat zijn browser een console heeft, is waarschijnlijk alleen maar heel erg blij met de logs.

zcflevo.nl

woensdag 29 mei 2013 @ 17:25:18 #198

Catch22-

Ben je Blind?!

Nou, ik vind het nogal amateuristisch als ik andermans logmeldingen zie op een liveomgeving.

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 29 mei 2013 @ 17:46:52 #199

KomtTijd...

Vind je het dan ook amateuristisch als er comments in HTML of CSS staan bijvoorbeeld?
Komt toch op het zelfde neer?

Zijn er eigenlijk geen minifyers die je console-functies eruit halen?

zcflevo.nl

woensdag 29 mei 2013 @ 17:47:49 #200

Catch22-

Ben je Blind?!

Jawel allemaal wel, maar die gebruik ik eigenlijk niet

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 29 mei 2013 @ 17:52:00 #201

Tijn

Powered by MS Paint

quote:
Op woensdag 29 mei 2013 17:47 schreef Catch22- het volgende:
Jawel allemaal wel, maar die gebruik ik eigenlijk niet

Je gebruikt geen minifiers?

Verberg de nieuwsticker

woensdag 29 mei 2013 @ 17:53:31 #202

Catch22-

Ben je Blind?!

quote:
Op woensdag 29 mei 2013 17:52 schreef Tijn het volgende:

[..]

Je gebruikt geen minifiers?

alleen voor css op sites (dan less). Voor applicaties niet. Misschien maar eens naar kijken. Maakt debuggen zo klote.

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 29 mei 2013 @ 18:07:37 #203

Tijn

Powered by MS Paint

quote:
Op woensdag 29 mei 2013 17:53 schreef Catch22- het volgende:

[..]

alleen voor css op sites (dan less). Voor applicaties niet. Misschien maar eens naar kijken. Maakt debuggen zo klote.

Debuggen doe je natuurlijk ook niet met geminifiede code (of überhaupt op je live-omgeving) he

Verberg de nieuwsticker

woensdag 29 mei 2013 @ 18:08:50 #204

Catch22-

Ben je Blind?!

Nee maar soms gaat er iets mis in de liveomgeving dat niet op de devomgeving gebeurd.

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 29 mei 2013 @ 18:12:01 #205

Tijn

Powered by MS Paint

Kheb dat qua JS eigenlijk nog nooit meegemaakt.

Maar meestal zet ik zowel een normaal script.js als een minifiede script.min.js online. Als er dan iets misgaat, kun je makkelijk de normale file even includen ipv de minifiede om te zien waar er wat gebeurt.

Verberg de nieuwsticker

donderdag 30 mei 2013 @ 00:11:19 #206

picodealion

Hmm, ik heb een javascript vraagje. Ik ben voor een eigen projectje aan het proberen een ontcijferaar te maken voor de Vigenerecijfer (gewoon eens mijn skills op de proef stellen) en het eerste deel daarvan is in een lang stuk tekst herhalende strings herkennen.

Wat ik wil bereiken is dat gedurende het draaien van het script er output in een veld komt te staan zodat je ziet waar hij mee bezig is. Hiervoor gebruik ik een functie die met .append() tekst toevoegt aan het log blok terwijl de code draait. Alleen als ik nu een lang stuk tekst als input geeft gaat hij eerst alles verwerken en output daarna alle logregels in een keer. De console.log() die ik tussendoor heb staan output wel gedurende het script. Hoe kan ik zorgen dat dat ook gebeurt met de eigen logregels die ik probeer te plaatsen?

Zie http://files.litso.com/vigenere/, verre van af en de structuur van de js is wat vreemd (opgezet volgens de coding standards van mijn werk) maar het lijkt me vrij vanzelfsprekende code.

Iemand een idee?

(overige opmerkingen op mijn js zijn uiteraard welkom, maar mijn doel is meer de logica zelf dan perfecte code opleveren)

donderdag 30 mei 2013 @ 10:05:07 #207

mwaterl91

Server Side Include (SSI) werkt niet
Hey, ik heb een vraagje over het gebruiken van een SSI. Ik probeer het navigatiemenu in de linkertabel te herhalen op elke page. Het komt erop neer dat ik alles goed lijk te doen (naar wat er op internet staat), maar toch krijg ik het niet aan de praat. Ik bekijk mijn pages tot nog toe steeds offline in de browser. Ik heb alles al geprobeerd op te slaan in .html/.shtml/.txt in verschillende combinaties.

Dit wil ik zien:

Dit zie ik:

En dit zijn de codes:

lesinhoud.shtml

quote:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>


<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />


<title>TITLE</title>


<link rel="stylesheet" type="text/css" href="stylesheet.css" />

</head>
<body>
<table cellspacing="0" cellpadding="0">


<tr><td colspan="2"><img src="images/header.png" alt="Header" width="1024" height="200" /></td></tr>


<tr>
<td class="TD1" align="center">

</td>


<td class="TD2"><h2>Kop 2</h2>
<p class="maintext">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
<br/><br/>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
</p>
</td>
</tr>


</table>
</body>
</html>

menu.html

quote:
<div class="space1"></div>

<a href="index.html"><img src="images/knopindex.png" alt="Startpagina" width="125" height="40" style="margin:3px 0px 3px 0px"
onmouseover="this.src='images/knopindexhover.png'"
onmouseout="this.src='images/knopindex.png'" /></a>

<a href="lesinhoud.html"><img src="images/knoplesinhoud.png" alt="Lesinhoud" width="125" height="40" style="margin:3px 0px 3px 0px"
onmouseover="this.src='images/knoplesinhoudhover.png'"
onmouseout="this.src='images/knoplesinhoud.png'" /></a>

<a href="oefenen.html"><img src="images/knopoefenen.png" alt="Oefenen" width="125" height="40" style="margin:3px 0px 3px 0px"
onmouseover="this.src='images/knopoefenenhover.png'"
onmouseout="this.src='images/knopoefenen.png'" /></a>

<a href="toets.html"><img src="images/knoptoets.png" alt="Toets" width="125" height="40" style="margin:3px 0px 3px 0px"
onmouseover="this.src='images/knoptoetshover.png'"
onmouseout="this.src='images/knoptoets.png'" /></a>

<a href="links.html"><img src="images/knoplinks.png" alt="Links" width="125" height="40" style="margin:3px 0px 3px 0px"
onmouseover="this.src='images/knoplinkshover.png'"
onmouseout="this.src='images/knoplinks.png'" /></a>

En voor wie de stylesheet wil zien:

quote:
body{background-color:#E5E5E5;}
Table{width:1024px; margin-left:auto; margin-right:auto; border-collapse: collapse; background-color:#EADFB2;
-moz-box-shadow: 6px 6px 6px #888888;
-webkit-box-shadow: 6px 6px 6px #888888;
box-shadow: 6px 6px 6px #888888;}
td.TD1 {width:200px; height:568px; background-color:#0F0C08; vertical-align:top;}
td.TD2 {width:824px; height:568px; background-color:#EADFB2; vertical-align:top;}
h2 {text-align:center; margin-top:5%;}
img {border-style: none;}
p.maintext {padding-left:10%; padding-right:10%; padding-bottom:10%; font-family:"Georgia", Times New Roman, serif;}
div.space1 {margin-top: 35%;}

img.floatRight {float: right; margin-bottom: 50px;}

donderdag 30 mei 2013 @ 10:14:03 #208

Tijn

Powered by MS Paint

Ondersteunt je host wel server side includes?

Verberg de nieuwsticker

donderdag 30 mei 2013 @ 10:17:19 #209

KomtTijd...

Ik geloof nooit dat jouw webserver een map /includes in de root heeft, laat staan dat jij daar toegang toe hebt.

-edit-
sterker nog:

quote:
file
The value is a path relative to the directory containing the current document being parsed. It cannot contain ../, nor can it be an absolute path. Therefore, you cannot include files that are outside of the document root, or above the current document in the directory structure. The virtual attribute should always be used in preference to this one.

http://httpd.apache.org/d(...)html#element.include

zcflevo.nl

donderdag 30 mei 2013 @ 10:19:40 #210

mwaterl91

quote:
Op donderdag 30 mei 2013 10:14 schreef Tijn het volgende:
Ondersteunt je host wel server side includes?

De site staat nog niet online, is een projectje voor school

Maar ik kan het dus überhaupt niet zien, ook niet offline dus.

donderdag 30 mei 2013 @ 10:20:06 #211

mwaterl91

quote:
Op donderdag 30 mei 2013 10:17 schreef KomtTijd... het volgende:
Ik geloof nooit dat jouw webserver een map /includes in de root heeft, laat staan dat jij daar toegang toe hebt.

Hij staat nog niet op een server

Maar kan ik menu.html dan beter gewoon tussen de rest zetten?

donderdag 30 mei 2013 @ 10:20:14 #212

KomtTijd...

quote:
Op donderdag 30 mei 2013 10:19 schreef mwaterl91 het volgende:

[..]

De site staat nog niet online, is een projectje voor school Maar ik kan het dus überhaupt niet zien, ook niet offline dus.

...je gebruikt wel een webserver?

zcflevo.nl

donderdag 30 mei 2013 @ 10:20:41 #213

mwaterl91

quote:
Op donderdag 30 mei 2013 10:20 schreef KomtTijd... het volgende:

[..]

...je gebruikt wel een webserver?

Het moge duidelijk zijn dat ik een beginner ben

Wat bedoel je?

donderdag 30 mei 2013 @ 10:20:49 #214

Tijn

Powered by MS Paint

quote:
Op donderdag 30 mei 2013 10:19 schreef mwaterl91 het volgende:

[..]

De site staat nog niet online, is een projectje voor school Maar ik kan het dus überhaupt niet zien, ook niet offline dus.

Nee, uiteraard werken server side includes niet zonder server.

Verberg de nieuwsticker

donderdag 30 mei 2013 @ 10:21:35 #215

Tijn

Powered by MS Paint

quote:
Op donderdag 30 mei 2013 10:20 schreef mwaterl91 het volgende:

[..]

Het moge duidelijk zijn dat ik een beginner ben Wat bedoel je?

Wat staat er in de adresbalk?

Verberg de nieuwsticker

donderdag 30 mei 2013 @ 10:21:45 #216

Devv

quote:
Op woensdag 29 mei 2013 16:38 schreef Catch22- het volgende:

[..]

Nu maar even conditioneel in de pagina gezet, die checked of het een devomgeving is of niet.

Ik zorg ook gewoon dat ik in productie het loggen van stack traces en dergelijke aan- en uit kan zetten. Dat heb ik altijd al gedaan en maakt het leven een stuk makkelijker, want gebruikers geven nooit antwoord op je vragen.

[ Bericht 9% gewijzigd door Devv op 30-05-2013 10:27:14 ]

donderdag 30 mei 2013 @ 10:22:29 #217

mwaterl91

quote:
Op donderdag 30 mei 2013 10:20 schreef Tijn het volgende:

[..]

Nee, uiteraard werken server side includes niet zonder server.

Goed punt! Ik zal m eens uploaden op de server van m'n schoool!

donderdag 30 mei 2013 @ 10:24:19 #218

Tijn

Powered by MS Paint

quote:
Op donderdag 30 mei 2013 10:22 schreef mwaterl91 het volgende:

[..]

Goed punt! Ik zal m eens uploaden op de server van m'n schoool!

Zorg dan gelijk dat het pad klopt. /includes/ gaat nooit werken, dat moet waarschijnlijk includes/ worden.

En het zou ook nog kunnen dat je specifiek SSI aan moet zetten via een .htaccess file, als de web server überhaupt SSI ondersteunt.

Verberg de nieuwsticker

donderdag 30 mei 2013 @ 10:27:55 #219

mwaterl91

quote:
Op donderdag 30 mei 2013 10:24 schreef Tijn het volgende:

[..]

Zorg dan gelijk dat het pad klopt. /includes/ gaat nooit werken, dat moet waarschijnlijk includes/ worden.

En het zou ook nog kunnen dat je specifiek SSI aan moet zetten via een .htaccess file, als de web server überhaupt SSI ondersteunt.

Ik heb m onderhand gewoon tussen de rest gezet, dus de map includes is t probleem niet meer

Okee, lijkt erop dat ie SSI niet ondersteunt. Hij wil .shtml al niet goed openen.

Wat raadt je me aan?
Ik wil:
- Een navigatiemenu zoals ik nu heb, dus met die imgs
- dat ik dus niet steeds dit hoef te kopieren naar elke nieuwe pagina
- het in de linker tablet zetten zoals nu
- Dat het werkt op de server van m'n school

Kan dit op een andere slimme manier? CSS doet geen plaatjes toch?

donderdag 30 mei 2013 @ 10:29:39 #220

Tijn

Powered by MS Paint

Ondersteunt de server van je school PHP? Dan zou ik dat gebruiken.

1
2
3

<?php
include('menu.html');
?>

Verberg de nieuwsticker

donderdag 30 mei 2013 @ 10:30:08 #221

mwaterl91

quote:
Op donderdag 30 mei 2013 10:29 schreef Tijn het volgende:
Ondersteunt de server van je school PHP? Dan zou ik dat gebruiken.
[ code verwijderd ]

Ga ik nu proberen!

donderdag 30 mei 2013 @ 10:31:27 #222

KomtTijd...

en vergeet niet je pagina .php te noemen ipv .html als je dat doet.

zcflevo.nl

donderdag 30 mei 2013 @ 10:32:19 #223

Tijn

Powered by MS Paint

Als dit eenmaal voor elkaar is gaan we je uitfoeteren vanwege je vreselijke tabellen-layout

Verberg de nieuwsticker

donderdag 30 mei 2013 @ 10:33:55 #224

mwaterl91

quote:
Op donderdag 30 mei 2013 10:32 schreef Tijn het volgende:
Als dit eenmaal voor elkaar is gaan we je uitfoeteren vanwege je vreselijke tabellen-layout

Haha is goed hoor

Ik heb gewoon ff de standaard uit de opdracht gebruikt

Heb vroeger weleens iets HTML gedaan, nu meer aan het verdiepen

wederom geen succes. Of moet menu dan ook .php zijn?

donderdag 30 mei 2013 @ 10:34:57 #225

mwaterl91

foutje

donderdag 30 mei 2013 @ 10:38:39 #226

Tijn

Powered by MS Paint

Nee, wat de menu-file is maakt niet uit. Lijkt erop dat je webserver geen PHP ondersteunt dan.

Mja... je zou een iframe kunnen gebruiken. Dat is niet zo'n geweldige oplossing, maar goed, het is niet alsof de rest van je HTML nou een semantisch pareltje is

Verberg de nieuwsticker

donderdag 30 mei 2013 @ 10:39:29 #227

mwaterl91

quote:
Op donderdag 30 mei 2013 10:38 schreef Tijn het volgende:
Nee, wat de menu-file is maakt niet uit. Lijkt erop dat je webserver geen PHP ondersteunt dan.

Mja... je zou een iframe kunnen gebruiken. Dat is niet zo'n geweldige oplossing, maar goed, het is niet alsof de rest van je HTML nou een semantisch pareltje is

Haha hoe kom je daaaar nou weer bij?

Toevallig iFrame code bij de hand die bij mij van toepassing zal zijn? (A) Jij weet dat vást uit je hoofd!

donderdag 30 mei 2013 @ 10:40:41 #228

Tijn

Powered by MS Paint

Gewoon zo:

1	<iframe src="menu.html" width="300" height="500"></iframe>

Voor width en height moet je natuurlijk iets invullen dat een beetje logisch is op jouw website.

Verberg de nieuwsticker

donderdag 30 mei 2013 @ 10:42:39 #229

mwaterl91

quote:
Op donderdag 30 mei 2013 10:40 schreef Tijn het volgende:
Gewoon zo:
[ code verwijderd ]

Voor width en height moet je natuurlijk iets invullen dat een beetje logisch is op jouw website.

Krijg nou tieten, het werkt!

Alleen ff de borders en margins fixen! brb

donderdag 30 mei 2013 @ 10:42:57 #230

Tijn

Powered by MS Paint

Ja, dat kan met CSS.

Verberg de nieuwsticker

donderdag 30 mei 2013 @ 10:45:19 #231

mwaterl91

quote:
Op donderdag 30 mei 2013 10:42 schreef Tijn het volgende:
Ja, dat kan met CSS.

Jep, ff puzzelen

zie nu dit

en wil dus dit

donderdag 30 mei 2013 @ 10:58:28 #232

mwaterl91

edit: gefixt

donderdag 30 mei 2013 @ 11:21:46 #233

KomtTijd...

Geef alsjeblieft gewoon 2 tientjes uit aan een hostingaccountje, scheelt je zoveel ellende!

zcflevo.nl

donderdag 30 mei 2013 @ 12:52:33 #234

picodealion

Niemand een antwoord op mijn vraag?

donderdag 30 mei 2013 @ 14:51:40 #235

Maringo

Bèhèhèhèh

quote:
Op donderdag 30 mei 2013 12:52 schreef picodealion het volgende:
Niemand een antwoord op mijn vraag?

Ik zou er niet zo 1-2-3 iets op weten. Voor mij lijkt het alsof mn venster hangt en dan inderdaad alles in 1 keer als output doet. Maar als ik meer tekst erin zet, dan vraagt ie of ie het script moet stoppen. Als ik dit doe, dan krijg ik wel de tekst tot dat moment. Dus het lijkt erop dat het wel goed doet, maar dat je het niet ziet omdat je browser hangt.

Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.

donderdag 30 mei 2013 @ 16:04:17 #236

gerrit098

Op mijn website wil ik graag "facebook like" buttons
ik heb er al 1 in de menu balk staan en deze werkt naar behoren.

nu wil ik graag per foto album een losse knop hebben
hierbij wil ik per fotoalbum een andere tekst bij de knop. en bijvoorkeur een voor ingestelde foto.

maar dat krijg ik helaas niet voor mekaar. hij neemt een tekst die ik in het verleden had in gesteld als meta name="description".

weet iemand hoe je die tekst weer kan veranderen. en vooral per knop

voor een voorbeedje

http://gerrit.jjameland.nl/?p=fotoalbum/bloemen

donderdag 30 mei 2013 @ 16:17:00 #237

Scorpie

Abject en infaam!

quote:
Op donderdag 30 mei 2013 00:11 schreef picodealion het volgende:
Hmm, ik heb een javascript vraagje. Ik ben voor een eigen projectje aan het proberen een ontcijferaar te maken voor de Vigenerecijfer (gewoon eens mijn skills op de proef stellen) en het eerste deel daarvan is in een lang stuk tekst herhalende strings herkennen.

Wat ik wil bereiken is dat gedurende het draaien van het script er output in een veld komt te staan zodat je ziet waar hij mee bezig is. Hiervoor gebruik ik een functie die met .append() tekst toevoegt aan het log blok terwijl de code draait. Alleen als ik nu een lang stuk tekst als input geeft gaat hij eerst alles verwerken en output daarna alle logregels in een keer. De console.log() die ik tussendoor heb staan output wel gedurende het script. Hoe kan ik zorgen dat dat ook gebeurt met de eigen logregels die ik probeer te plaatsen?

Zie http://files.litso.com/vigenere/, verre van af en de structuur van de js is wat vreemd (opgezet volgens de coding standards van mijn werk) maar het lijkt me vrij vanzelfsprekende code.

Iemand een idee?

(overige opmerkingen op mijn js zijn uiteraard welkom, maar mijn doel is meer de logica zelf dan perfecte code opleveren)

Niet zo verwonderlijk. Je hebt alles sequentieel gemaakt. Beter kijk je naar callbacks die je kunt gebruiken om text te updaten e.d.

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.

donderdag 30 mei 2013 @ 17:31:54 #238

picodealion

Hmm, ik moet inderdaad eens kijken hoe ik dat met callbacks aan zou moeten pakken. Daar heb ik nog niet zoveel ervaring mee.

vrijdag 31 mei 2013 @ 03:47:13 #239

n8n

Pragmatisch

Ik wil meerdere kleine achtergrondafbeeldingen gebruiken maar een sprite is geen optie, desondanks wil ik wel het aantal http-requests inperken. Helaas heb ik op meerdere plekken in mijn .css de afbeeldingen nodig dus data:image is geen mogelijkheid zonder de .css enorm veel groter te maken. Nu had ik het idee om met .js eerst de data:image informatie client-side om te zetten naar .png-bestanden die ik kan aanspreken in mijn .css.

Stappen bij het laden van de pagina zouden dan zijn:
1) js leest een rits afbeeldingen in data:image encoding
2) js controle of de afbeeldingen reeds in het cache aanwezig zijn
3) js zet de ontbrekende afbeeldingen client-side om naar losse .png-bestanden
4) in css verwijs ik naar de zojuist gecreëerde bestanden

Weet iemand of dit mogelijk is? eventueel met virtuele bestanden/paden

[ Bericht 1% gewijzigd door n8n op 31-05-2013 03:54:47 ]

“Specialization is for insects”.—Robert Heinlein

vrijdag 31 mei 2013 @ 09:17:04 #240

Maringo

Bèhèhèhèh

quote:
Op vrijdag 31 mei 2013 03:47 schreef n8n het volgende:
Ik wil meerdere kleine achtergrondafbeeldingen gebruiken maar een sprite is geen optie, desondanks wil ik wel het aantal http-requests inperken. Helaas heb ik op meerdere plekken in mijn .css de afbeeldingen nodig dus data:image is geen mogelijkheid zonder de .css enorm veel groter te maken. Nu had ik het idee om met .js eerst de data:image informatie client-side om te zetten naar .png-bestanden die ik kan aanspreken in mijn .css.

Stappen bij het laden van de pagina zouden dan zijn:
1) js leest een rits afbeeldingen in data:image encoding
2) js controle of de afbeeldingen reeds in het cache aanwezig zijn
3) js zet de ontbrekende afbeeldingen client-side om naar losse .png-bestanden
4) in css verwijs ik naar de zojuist gecreëerde bestanden

Weet iemand of dit mogelijk is? eventueel met virtuele bestanden/paden

Wil je 1 achtergrond die bestaat uit meerdere plaatjes, of wil je een slideshow?

Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.

vrijdag 31 mei 2013 @ 09:30:40 #241

QM84

Het Orakel

Waarom is een sprite geen optie?

dat dus.

vrijdag 31 mei 2013 @ 09:43:37 #242

KomtTijd...

Je zou toch gewoon de data als variables in je JS kunnen zetten en dan middels een loop-functie de src van de afbeeldingen aanpassen naar die variable?

zcflevo.nl

vrijdag 31 mei 2013 @ 10:32:15 #243

n8n

Pragmatisch

quote:
Op vrijdag 31 mei 2013 09:17 schreef Maringo het volgende:

[..]

Wil je 1 achtergrond die bestaat uit meerdere plaatjes, of wil je een slideshow?

animatie, dat is ook de reden dat de url() op meerdere plekken moet staan omdat er soms herhaling in zit en een tijdsrange voor een keyframe niet mogelijk is

quote:
Op vrijdag 31 mei 2013 09:30 schreef QM84 het volgende:
Waarom is een sprite geen optie?

omdat het met background-size werkt ('retina' verkleining) en fluid is waardoor de bereiking van de achtergrondpositie vaak incorrect is.

quote:
Op vrijdag 31 mei 2013 09:43 schreef KomtTijd... het volgende:
Je zou toch gewoon de data als variables in je JS kunnen zetten en dan middels een loop-functie de src van de afbeeldingen aanpassen naar die variable?

sorry ik volg je niet

link naar de webpagina, de afbeeldingen zijn 64x64px. Ik wil uiteindelijk de css aanbieden om zo met 1 bestand emoticons in te laden. Omdat ik ook Fok! in gedachten heb wil ik ook kunnen animeren. Deze set komt gzipped uit op 70KB (raw 97KB) wat best netjes is voor deze resolutie afbeeldingen en ik vind het zonde als ik er dmv animatie veel meer van moet maken

[ Bericht 2% gewijzigd door n8n op 31-05-2013 10:50:12 ]

“Specialization is for insects”.—Robert Heinlein

vrijdag 31 mei 2013 @ 10:55:09 #244

KomtTijd...

Je hebt nieteens JS nodig als je de image-data in je CSS embed:
http://en.wikipedia.org/wiki/Data_URI_scheme#CSS

Maak je een apart CSS-bestand met alle image-data erin, dan heb je caching-technisch volgens mij ongeveer het zelfde bereikt als een sprite.

zcflevo.nl

vrijdag 31 mei 2013 @ 11:38:11 #245

n8n

Pragmatisch

quote:
Op vrijdag 31 mei 2013 10:55 schreef KomtTijd... het volgende:
Je hebt nieteens JS nodig als je de image-data in je CSS embed:
http://en.wikipedia.org/wiki/Data_URI_scheme#CSS

Maak je een apart CSS-bestand met alle image-data erin, dan heb je caching-technisch volgens mij ongeveer het zelfde bereikt als een sprite.

dat heb ik nu maar hoe addresseer ik dat op meerdere locaties in m'n css zonder de hele codering van dezelfde afbeelding meerdere keren te moeten toevoegen. Heb ook gekeken voor een @import data:image maar dat is zover ik weet niet mogelijk zoals met fonts (waar je de fontnaam zo vaak kan gebruiken als nodig.

“Specialization is for insects”.—Robert Heinlein

vrijdag 31 mei 2013 @ 11:40:19 #246

Maringo

Bèhèhèhèh

quote:
Op vrijdag 31 mei 2013 11:38 schreef n8n het volgende:

[..]

dat heb ik nu maar hoe addresseer ik dat op meerdere locaties in m'n css zonder de hele codering van dezelfde afbeelding meerdere keren te moeten toevoegen. Heb ook gekeken voor een @import data:image maar dat is zover ik weet niet mogelijk zoals met fonts (waar je de fontnaam zo vaak kan gebruiken als nodig.

Less.

Tenzij het ook de gegeneerde css niet zo groot mag zijn.

Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.

vrijdag 31 mei 2013 @ 12:07:38 #247

KomtTijd...

quote:
Op vrijdag 31 mei 2013 11:38 schreef n8n het volgende:

[..]

dat heb ik nu maar hoe addresseer ik dat op meerdere locaties in m'n css zonder de hele codering van dezelfde afbeelding meerdere keren te moeten toevoegen. Heb ook gekeken voor een @import data:image maar dat is zover ik weet niet mogelijk zoals met fonts (waar je de fontnaam zo vaak kan gebruiken als nodig.

Je kunt toch gewoon iedere afbeelding aan een aparte class hangen?

1
2
3

.biggrin { background-image: url(data:asdfasdfasdfasdf)}
.huillach { background-image: url(data:asdfasdfasdfasdf)}
.nosmile { background-image: url(data:asdfasdfasdfasdf)}

enz.

Veel slanker gaat het niet worden toch?
De rest van de styling hang je aan een generiekere selector, .smiley ofzo.

zcflevo.nl

vrijdag 31 mei 2013 @ 12:20:07 #248

KomtTijd...

Als je toch bezig bent trouwens... SVG.

.

zcflevo.nl

vrijdag 31 mei 2013 @ 18:04:27 #249

n8n

Pragmatisch

quote:
Op vrijdag 31 mei 2013 11:40 schreef Maringo het volgende:

[..]

Less.

Tenzij het ook de gegeneerde css niet zo groot mag zijn.

dat ja, ga toch voor iets grotere css, in 1 bestand of een extra import voor animaties. Het is niet anders.

“Specialization is for insects”.—Robert Heinlein

vrijdag 31 mei 2013 @ 18:05:44 #250

n8n

Pragmatisch

quote:
Op vrijdag 31 mei 2013 12:07 schreef KomtTijd... het volgende:

[..]

Je kunt toch gewoon iedere afbeelding aan een aparte class hangen?
[ code verwijderd ]

enz.

Veel slanker gaat het niet worden toch?
De rest van de styling hang je aan een generiekere selector, .smiley ofzo.

heb ik ook, in emoticons@64.css zijn de eerste regels voor instellingen, de rest is data Uri's

SVG heeft voor mij geen meerwaarde, meer werk (compatibiliteit), grotere bestanden en het blijft pixelwerk

Kan ook nog met .gif werken, door de verkleining is de pixeligheid aan de randen heel klein maar toch stoort het me, denk toch dat het momenteel nog de beste optie is

“Specialization is for insects”.—Robert Heinlein

vrijdag 31 mei 2013 @ 22:34:29 #251

picodealion

quote:
Op donderdag 30 mei 2013 16:17 schreef Scorpie het volgende:

[..]

Niet zo verwonderlijk. Je hebt alles sequentieel gemaakt. Beter kijk je naar callbacks die je kunt gebruiken om text te updaten e.d.

Hmm, ik ben hier even mee bezig geweest maar ik kom nog niet veel verder. Ik heb een en ander in een callback gezet en daarmee de performance verdubbeld dus dat is mooi, maar verder gebeurt er nog steeds het zelfde.

Ik snap eerlijk gezegd niet zo goed hoe ik een callback kan inzetten om te wachten tot een intensief script klaar is. Hoe dat werkt met ajax requests en animates snap ik nog wel, maar dat zijn geen dingen die de browser compleet in beslag nemen. Dat is wel waar ik tegen probeer te vechten.

Ik heb wat uitleg over callbacks gelezen maar een specifieke uitleg over dit probleem moet ik nog vinden. Ideeën? Ik ga in elk geval wel de jQuery source nog maar eens goed doorlezen om te zien hoe zij callbacks precies hanteren.

zaterdag 1 juni 2013 @ 01:05:38 #252

picodealion

Ok, ik heb een oplossing gevonden die lijkt te werken. In plaats van in een keer door mijn enorme string heen te lopen met een for loop heb ik een wrapper functie geschreven die de for-loop simuleert, maar deze opbreekt in stukjes die ik zelf kan aangeven dmv arguments:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

Initieel had ik alleen breakIntoPieces als functie, maar als ik daar argumenten in wil ontvangen moet ik ze ook weer versturen in de setTimeout call. Daar ergens lijkt nou juist het probleem op te treden dat de output moet wachten tot de pagina klaar is met laden.

Op deze manier houd ik de wrapper generiek en kan ik hem dus hergebruiken voor volgende secties van mijn project, maar heb ik wel de mogelijkheid in eerste instantie argumenten mee te sturen die echter niet de browser vast laten lopen.

De functie simuleert een for-loop, dus in plaats van

1
2
3
4

for( i=0; i<100; i++)
{
// code
}

gebruik ik:

1
2
3

segmentedFor( 10, 100, function(i){
// code
});

-edit-
Oh, dit werkt ook niet

[ Bericht 13% gewijzigd door picodealion op 01-06-2013 01:20:38 ]

zaterdag 1 juni 2013 @ 15:41:45 #253

pascal08

dr. prof.

Kan iemand mij helpen om de span-labeltjes in de volgende JSFiddle op de juist plaats te krijgen?

Onder de header "juist" staat een voorbeeld van hoe ik het graag wil hebben. Ik krijg de labeltjes echter niet op de goede plek als ik geen

1	position: absolute;

gebruik. De li-elementen zijn floated.

Iemand een idee?

http://jsfiddle.net/fRKXh/2/

zaterdag 1 juni 2013 @ 15:58:21 #254

picodealion

Om die zo over het hoekje te positioneren moet je sowieso absolute gebruiken, alleen niet relatief aan het document maar ten opzichte van de li.

Als je de li een 'position: relative' geeft kan je in een keer alle labeltjes op de goede plek positioneren. Alleen nog even een padding-top aan de li toevoegen om aan de bovenkant genoeg ruimte te scheppen voor het label dat boven de thumb uitsteekt.

zaterdag 1 juni 2013 @ 16:07:50 #255

pascal08

dr. prof.

quote:
Op zaterdag 1 juni 2013 15:58 schreef picodealion het volgende:
Om die zo over het hoekje te positioneren moet je sowieso absolute gebruiken, alleen niet relatief aan het document maar ten opzichte van de li.

Als je de li een 'position: relative' geeft kan je in een keer alle labeltjes op de goede plek positioneren. Alleen nog even een padding-top aan de li toevoegen om aan de bovenkant genoeg ruimte te scheppen voor het label dat boven de thumb uitsteekt.

Thanks, het is gelukt.

Ik wist niet dat je position: absolute afhankelijk kon laten maken door position: relative toe te voegen aan de parent.

http://jsfiddle.net/fRKXh/3/

zaterdag 1 juni 2013 @ 17:51:53 #256

pascal08

dr. prof.

Ik heb nog een vraagje.

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.

Ik heb 't al gevonden. Laat maar.

dinsdag 4 juni 2013 @ 10:16:57 #257

Catch22-

Ben je Blind?!

Karma, wat doe je!!!

Ik moet iets met masonry gaan 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?

dinsdag 4 juni 2013 @ 10:28:13 #258

n8n

Pragmatisch

http://n8n.nl/lab/compression/

ff een testje gedaan ivm filesize en dubbele resolute met verschilende compressies maar valt me beetje tegen qua bestandsgroottes

[ Bericht 0% gewijzigd door n8n op 04-06-2013 11:12:18 ]

“Specialization is for insects”.—Robert Heinlein

dinsdag 4 juni 2013 @ 10:59:40 #259

Tijn

Powered by MS Paint

Heb je ze door ImageOptim gehaald?

Verberg de nieuwsticker

dinsdag 4 juni 2013 @ 11:12:04 #260

n8n

Pragmatisch

quote:
Op dinsdag 4 juni 2013 10:59 schreef Tijn het volgende:
Heb je ze door ImageOptim gehaald?

de jpg's wel met ~10% optimalisatie. de png's door png mini dat ~60% verwijderde (mede door 24>8bit). In de retina versies zie ik wel meer detail maar het is ook aardig fuzzy door de resizing van de browser (safari). image-rendering werkt zover ik weet ook nog niet in webkit

“Specialization is for insects”.—Robert Heinlein

dinsdag 4 juni 2013 @ 11:16:37 #261

Tijn

Powered by MS Paint

Balen. Ik vind het ook maar lastig, die retina-schermen. Kheb wel goede resultaten met SVG voor logo's en icoontjes enzo. Maar dat is lang niet voor alle afbeeldingen een optie.

Verberg de nieuwsticker

dinsdag 4 juni 2013 @ 11:20:47 #262

n8n

Pragmatisch

http://mobile.smashingmag(...)sponsive-web-design/

dit artikel suggereert dat een dubbele resolutie met hogere compressie kan leiden tot betere kwaliteit met een lagere bestandsgrootte. Ga nog met .gif proberen en meerdere afbeeldingen proberen, besef me wel dat de huidige redelijk complex is.

“Specialization is for insects”.—Robert Heinlein

dinsdag 4 juni 2013 @ 11:34:42 #263

Tijn

Powered by MS Paint

Theoretisch ziet een gifje er op een retina-scherm net zo goed uit als 8 bits png, omdat antaliasing niet zoveel doet wanneer de pixels kleiner zijn dan je kunt waarnemen.

Verberg de nieuwsticker

dinsdag 4 juni 2013 @ 11:36:21 #264

n8n

Pragmatisch

quote:
Op dinsdag 4 juni 2013 11:34 schreef Tijn het volgende:
Theoretisch ziet een gifje er op een retina-scherm net zo goed uit als png, omdat antaliasing niet zoveel doet wanneer de pixels kleiner zijn dan je kunt waarnemen.

met transparantie is dat niet helemaal waar, van de week gestest met 128x128px circels weergegeven op 32 bij 32, zag toch rafeligheid aan de randjes (waar ik me overheen moet zetten want ik heb animatie nodig

)

“Specialization is for insects”.—Robert Heinlein

dinsdag 4 juni 2013 @ 11:49:37 #265

Tijn

Powered by MS Paint

Je kunt ook met CSS of JS een animatie maken natuurlijk

Verberg de nieuwsticker

dinsdag 4 juni 2013 @ 11:53:56 #266

n8n

Pragmatisch

quote:
Op dinsdag 4 juni 2013 11:49 schreef Tijn het volgende:
Je kunt ook met CSS of JS een animatie maken natuurlijk

geloof me ik heb het geprobeerd: begin er niet aan (zie vorige pagina)

Bij meerdere afbeeldingen is het wel duidelijk dat ik voortaan alles op retina medium ga comprimeren. Bij reguliere foto's is de bestandsgrootte wel degelijk acceptabel en ik hoef niks dubbel op te slaan

“Specialization is for insects”.—Robert Heinlein

dinsdag 4 juni 2013 @ 11:56:16 #267

Tijn

Powered by MS Paint

quote:
Op dinsdag 4 juni 2013 11:53 schreef n8n het volgende:

[..]

geloof me ik heb het geprobeerd: begin er niet aan (zie vorige pagina)

Gewoon een sprite verschuiven met JS is toch niet zo'n probleem?

Verberg de nieuwsticker

dinsdag 4 juni 2013 @ 12:00:41 #268

n8n

Pragmatisch

quote:
Op dinsdag 4 juni 2013 11:56 schreef Tijn het volgende:

[..]

Gewoon een sprite verschuiven met JS is toch niet zo'n probleem?

het is ook schaalbaar met ems of procenten: voorbeeld. In emoticons@64.css kan je de relatieve grootte van de emoticons aanpassen. Een sprite werkt niet omdat deze niet altijd correct verschuift en er overlap zichtbaar is

“Specialization is for insects”.—Robert Heinlein

dinsdag 4 juni 2013 @ 12:04:35 #269

KomtTijd...

quote:
Op dinsdag 4 juni 2013 11:20 schreef n8n het volgende:
http://mobile.smashingmag(...)sponsive-web-design/

dit artikel suggereert dat een dubbele resolutie met hogere compressie kan leiden tot betere kwaliteit met een lagere bestandsgrootte. Ga nog met .gif proberen en meerdere afbeeldingen proberen, besef me wel dat de huidige redelijk complex is.

Interessant artikel!

Ik moet binnenkort ook eens gaan nadenken over het responsive maken van een website. Ja had al 3 jaar geleden gemoeten natuurlijk, maar beter laat dan nooit.

zcflevo.nl

dinsdag 4 juni 2013 @ 12:06:06 #270

n8n

Pragmatisch

quote:
Op dinsdag 4 juni 2013 12:04 schreef KomtTijd... het volgende:

[..]

Interessant artikel!

Ik moet binnenkort ook eens gaan nadenken over het responsive maken van een website. Ja had al 3 jaar geleden gemoeten natuurlijk, maar beter laat dan nooit.

begin met alle px te vervangen door em en %, dat opent alvast veel deuren

“Specialization is for insects”.—Robert Heinlein

dinsdag 4 juni 2013 @ 12:06:50 #271

Tijn

Powered by MS Paint

quote:
Op dinsdag 4 juni 2013 12:00 schreef n8n het volgende:

[..]

Een sprite werkt niet omdat deze niet altijd correct verschuift en er overlap zichtbaar is

Ik heb er niet superveel ervaring mee, maar het lijkt mij dat er toch wel iets te bedenken moet zijn dat goed werkt met een sprite eigenlijk

Verberg de nieuwsticker

dinsdag 4 juni 2013 @ 12:10:39 #272

n8n

Pragmatisch

quote:
Op dinsdag 4 juni 2013 12:06 schreef Tijn het volgende:

[..]

Ik heb er niet superveel ervaring mee, maar het lijkt mij dat er toch wel iets te bedenken moet zijn dat goed werkt met een sprite eigenlijk

ik zet nu .gifs in een css-bestand met data uri's. voordeel is dat het alsnog 1 bestand is, nadeel is dat de data uri's wat meer ruimte innemen dan reguliere bestanden. Die korrelige randen neem ik dan maar op te koop toe, zie je toch alleen op reguliere resoluties en als je het weet

“Specialization is for insects”.—Robert Heinlein

dinsdag 4 juni 2013 @ 12:11:55 #273

Tijn

Powered by MS Paint

Ja, op normale schermen ga je het wel zien natuurlijk. Maar op retina niet, daar is antialiasing eigenlijk overbodig.

Verberg de nieuwsticker

dinsdag 4 juni 2013 @ 12:14:44 #274

n8n

Pragmatisch

quote:
Op dinsdag 4 juni 2013 12:11 schreef Tijn het volgende:
Ja, op normale schermen ga je het wel zien natuurlijk. Maar op retina niet, daar is antialiasing eigenlijk overbodig.

Nu spijt dat ik geen screenshots heb gemaakt. Zal er als ik klaar ben wel een case profile van schrijven

“Specialization is for insects”.—Robert Heinlein

dinsdag 4 juni 2013 @ 12:21:09 #275

KomtTijd...

quote:
Op dinsdag 4 juni 2013 12:14 schreef n8n het volgende:

[..]

Nu spijt dat ik geen screenshots heb gemaakt. Zal er als ik klaar ben wel een case profile van schrijven

Screenshots hebben we mensen zonder high-res device weinig aan

zcflevo.nl

dinsdag 4 juni 2013 @ 12:23:07 #276

n8n

Pragmatisch

quote:
Op dinsdag 4 juni 2013 12:21 schreef KomtTijd... het volgende:

[..]

Screenshots hebben we mensen zonder high-res device weinig aan

high-res screenshots

ik kan natuurlijk ook gewoon de verschillende css-bestanden naast elkaar inladen. fuck screenshots als het inline gevisualiseerd kan worden

heb nu alleen de versies niet apart opgeslagen

“Specialization is for insects”.—Robert Heinlein

woensdag 5 juni 2013 @ 13:43:44 #277

ursel

"Het Is Hier Fantastisch!

Ik wil graag over mijn scherm een spoor van voetstapjes laten verschijnen en weer weggaan.
Ik heb alleen geen flauw idee met welke functies ik dit moet aanroepen. (ook deels door gebrek aan brede kennis van alle mogelijkheden.

)

Iemand die me in de richting kan helpen met welke functies ik zo'n spoor kan creëren?

Ik snap dat je met een timer/delay telkens een plaatje kan laten opkomen, maar hoe laat ik het zeg maar telkens een stapje verplaatsen (en weer resetten naar een bepaalde positie om later weer te starten).?

woensdag 5 juni 2013 @ 15:22:35 #278

Maringo

Bèhèhèhèh

quote:
Op woensdag 5 juni 2013 13:43 schreef ursel het volgende:
Ik wil graag over mijn scherm een spoor van voetstapjes laten verschijnen en weer weggaan.
Ik heb alleen geen flauw idee met welke functies ik dit moet aanroepen. (ook deels door gebrek aan brede kennis van alle mogelijkheden. )

Iemand die me in de richting kan helpen met welke functies ik zo'n spoor kan creëren?

Ik snap dat je met een timer/delay telkens een plaatje kan laten opkomen, maar hoe laat ik het zeg maar telkens een stapje verplaatsen (en weer resetten naar een bepaalde positie om later weer te starten).?

Is hier niet al een plugin oid van te verkrijgen? Eventueel met kattenpoten of hondenpoten dat je zelf het plaatje veranderd?

Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.

woensdag 5 juni 2013 @ 15:42:40 #279

ursel

"Het Is Hier Fantastisch!

quote:
Op woensdag 5 juni 2013 15:22 schreef Maringo het volgende:

[..]

Is hier niet al een plugin oid van te verkrijgen? Eventueel met kattenpoten of hondenpoten dat je zelf het plaatje veranderd?

Ongetwijfeld, en als iemand dat weet hoor ik het graag, maar tot op heden krijg ik alleen maar resultaten terug die er niets mee te maken hebben.

Vandaar mijn vraag welke functies ofzo hiervoor handig zijn, zodat ik mijn zoekresultaten hier meer op kan focussen.

woensdag 5 juni 2013 @ 15:47:35 #280

Aether

quote:
Op woensdag 5 juni 2013 15:42 schreef ursel het volgende:

[..]

Ongetwijfeld, en als iemand dat weet hoor ik het graag, maar tot op heden krijg ik alleen maar resultaten terug die er niets mee te maken hebben.

Vandaar mijn vraag welke functies ofzo hiervoor handig zijn, zodat ik mijn zoekresultaten hier meer op kan focussen.

Zoeken op ‘Mouse’ of ‘Pointer trails’:
http://motyar.blogspot.nl(...)ils-with-jquery.html

When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.

woensdag 5 juni 2013 @ 15:55:11 #281

Maringo

Bèhèhèhèh

quote:
Op woensdag 5 juni 2013 15:42 schreef ursel het volgende:

[..]

Ongetwijfeld, en als iemand dat weet hoor ik het graag, maar tot op heden krijg ik alleen maar resultaten terug die er niets mee te maken hebben.

Vandaar mijn vraag welke functies ofzo hiervoor handig zijn, zodat ik mijn zoekresultaten hier meer op kan focussen.

Niet getest, maar mijn eerste Google resultaat:

http://geekswithblogs.net(...)e-page---jquery.aspx

Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.

zaterdag 8 juni 2013 @ 16:15:45 #282

Devv

Ik probeer een eenvoudige Windows 8/WP8 kalender te maken, maar zit met een opmaak probleem. Het is waarschijnlijk makkelijk op te lossen, maar ik kan er even niet uitkomen. Misschien dat iemand er een frisse blik op kan werpen.

Het probleem zit in de "ruler" van het maandoverzicht. Dat is het onderdeel van de kalender waarin de afkortingen van de dagen van de week staan (zondag tot en met zaterdag). Deze moet in zeven gelijke kolommen verdeeld worden, maar ze zijn nu ongelijk ondanks dat ik ze in tabel vorm opbouw (zie hieronder de vereenvoudigde opmaakcode).

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

In de onderstaande Fiddle heb ik de kolommen geaccentueerd door ze om en om een rode achtergrond te geven. Dan zie je goed dat de kolommen niet dezelfde breedte hebben.

http://jsfiddle.net/jB5ew/

De regels van belang zijn regel 272 tot en met regel 279.

[ Bericht 1% gewijzigd door Devv op 09-06-2013 11:21:29 ]

zaterdag 8 juni 2013 @ 17:32:55 #283

PimD

Nee.

Waarom gebruik je hier in godsnaam niet gewoon een table voor? Het is een kalender, dus dat kan prima in een table zou gewoon een tabel moeten zijn met een <thead> voor de dagnamen en de dagen dan in de <tbody>.

Bleuh.

zaterdag 8 juni 2013 @ 17:50:20 #284

Devv

quote:
Op zaterdag 8 juni 2013 17:32 schreef PimD het volgende:
Waarom gebruik je hier in godsnaam niet gewoon een table voor?

Omdat ik met deze opzet meer flexibiliteit in de opmaak krijg.

zaterdag 8 juni 2013 @ 18:30:21 #285

n8n

Pragmatisch

zou nog eerder een list gebruiken ipv die teringbende die het nu is

“Specialization is for insects”.—Robert Heinlein

zaterdag 8 juni 2013 @ 18:34:14 #286

PimD

Nee.

quote:
Op zaterdag 8 juni 2013 17:50 schreef Devv het volgende:

[..]

Omdat ik met deze opzet meer flexibiliteit in de opmaak krijg.

Je html-structuur is identiek aan een tabel joh, alleen dan met divjes

Het is toch gewoon tabulaire data, dus waarom zou je gaan lopen pielen met het faken van een tabel met divjes of er een list van maken? Een headerkolom met de dagen, een eventuele caption voor de maand-naam, cellen voor de verschillende dagen. Klaar

Bleuh.

zaterdag 8 juni 2013 @ 18:50:16 #287

Devv

quote:
Op zaterdag 8 juni 2013 18:34 schreef PimD het volgende:

[..]

Je html-structuur is identiek aan een tabel joh, alleen dan met divjes

Is het met een <thead> ook mogelijk om deze onafhankelijk van de onderliggende rijen te bewegen (links-, rechts-, naar boven- en onder te schuiven)?

Ik zou de ruler inderdaad in een <table> kunnen stoppen. Het moet uiteindelijk gewoon een onafhankelijk onderdeel bovenop de kalender worden en dat kan ook met een <table>. Ik wil alleen weten waarom de opzet, zoals deze nu is niet werkt. Dus mijn vraag is waarom de cellen niet even breed zijn.

[ Bericht 7% gewijzigd door Devv op 08-06-2013 18:58:59 ]

zaterdag 8 juni 2013 @ 19:04:21 #288

Denise

ik zou graag het volgende willen weten

als ik dit heb:

font-family: "Daniela", verdana;
font-size: 28px;

het lettertype Daniela wordt vervangen door verdana indien niet beschikbaar, maar ik wil de verdana in een andere font-size. Hoe doe ik dat?

zaterdag 8 juni 2013 @ 19:05:35 #289

donroyco

dus niet Donroyco

quote:
Op zaterdag 8 juni 2013 19:04 schreef Denise het volgende:
ik zou graag het volgende willen weten

als ik dit heb:

font-family: "Daniela", verdana;
font-size: 28px;

het lettertype Daniela wordt vervangen door verdana indien niet beschikbaar, maar ik wil de verdana in een andere font-size. Hoe doe ik dat?

http://stackoverflow.com/(...)nt-family-falls-back

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. :'(

zaterdag 8 juni 2013 @ 19:39:20 #290

Denise

quote:
Op zaterdag 8 juni 2013 19:05 schreef donroyco het volgende:

[..]

http://stackoverflow.com/(...)nt-family-falls-back

dank je! Ik snap het alleen niet.

Ik moet het Remy Sharp's font detection script toevoegen. Maar de uitleg bij dat script snap ik niet. Moet ik die twee stukjes scripts nog toevoegen aan font.js, of ergens anders (waar?)

zaterdag 8 juni 2013 @ 19:40:39 #291

n8n

Pragmatisch

quote:
Op zaterdag 8 juni 2013 19:04 schreef Denise het volgende:
ik zou graag het volgende willen weten

als ik dit heb:

font-family: "Daniela", verdana;
font-size: 28px;

het lettertype Daniela wordt vervangen door verdana indien niet beschikbaar, maar ik wil de verdana in een andere font-size. Hoe doe ik dat?

waarom gebruik je geen procenten/em's? Als de verschillen in grootte niet bijster groot zijn zou ik het gewoon laten voor wat het is. Zo vaak zal het toch niet voorkomen dat een font-bestand niet ingeladen kan worden?

“Specialization is for insects”.—Robert Heinlein

zaterdag 8 juni 2013 @ 20:25:48 #292

Devv

Het is mij overigens al gelukt om de cellen even breed te krijgen

.

1	table-layout: fixed;

woensdag 12 juni 2013 @ 15:49:43 #293

stoeltafel

Ik ben bezig met een grote site (45mb). Deze site moet offline, alleen het contact formulier moet online blijven staan. Hoe kan ik dit het beste doen. De link van de contact is url.nl/contact

Ik zou eventueel een foto van de contact pagina kunnen maken en die alleen uploaden of zijn er betere oplossingen te bedenken?

woensdag 12 juni 2013 @ 16:52:44 #294

KomtTijd...

quote:
Op woensdag 12 juni 2013 15:49 schreef stoeltafel het volgende:
Ik ben bezig met een grote site (45mb). Deze site moet offline, alleen het contact formulier moet online blijven staan. Hoe kan ik dit het beste doen. De link van de contact is url.nl/contact

Ik zou eventueel een foto van de contact pagina kunnen maken en die alleen uploaden of zijn er betere oplossingen te bedenken?

Heel simpel, je hoeft maar 2 dingen te doen:
1) bel degene die die website gemaakt heeft
2) vraag hem/haar de pagina offline te halen op het contactformulier na.

zcflevo.nl

woensdag 12 juni 2013 @ 16:58:07 #295

stoeltafel

Dat kan alleen doe het liever zelf, scheelt geld. Zit te denken om de site offline te halen en alleen een foto van het contact formulier te uploaden.

De beste optie is natuurlijk de contact pagina te laten staan. Zal is zoeken hoe ik dit het beste kan uitvoeren.

woensdag 12 juni 2013 @ 16:58:51 #296

KomtTijd...

En wat moet je in hemelsnaam met een foto van een contactformulier?

zcflevo.nl

woensdag 12 juni 2013 @ 17:00:23 #297

stoeltafel

Daar staan alle contact gegevens op. Er staat geen formulier zie. DM je wel even de site

woensdag 12 juni 2013 @ 17:07:48 #298

KomtTijd...

Oh, het is geen formulier.
Dan, sla de pagina op vanuit je browser en gooi dat online.

zcflevo.nl

woensdag 12 juni 2013 @ 17:10:12 #299

stoeltafel

Ga ik doen, thnx.

woensdag 12 juni 2013 @ 18:20:27 #300

Tijn

Powered by MS Paint

quote:
Op woensdag 12 juni 2013 16:58 schreef stoeltafel het volgende:
Dat kan alleen doe het liever zelf, scheelt geld.

Lekkere webmaster heb je als dit klusje van 5 minuten al teveel geld kost.

Verberg de nieuwsticker

woensdag 12 juni 2013 @ 18:30:45 #301

stoeltafel

quote:
Op woensdag 12 juni 2013 17:07 schreef KomtTijd... het volgende:
Oh, het is geen formulier.
Dan, sla de pagina op vanuit je browser en gooi dat online.

Gedaan maar krijg een apache error. Vaag, pagina en mapje met content van css/2 plaatjes gekopieerd maar werkt dus niet. Even verder zoeken wat ik verkeerd doe.

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

» digital corner

» development

» digital corner

» development