[HTML, CSS, JS] Frontend #36: Think before you act

quote:

Op vrijdag 27 september 2013 22:28 schreef Crutch het volgende:

[..]

Ga dan even bij jezelf na wat er daadwerkelijk helemaal tot aan de rand rechts te zien moet zijn.
Als het alleen een kleur is of deel van een afbeelding, dan hoef je helemaal geen div te hebben die helemaal tot daar rekt.

quote:

Op vrijdag 27 september 2013 22:32 schreef xaban06 het volgende:

[..]

Nee, komt content in, o.a. een tabel, formulier..

Tabel wordt gewoon 100% van #right, net zoals de invul velden bij m'n formulier.

quote:

Op vrijdag 27 september 2013 22:33 schreef donroyco het volgende:

[..]

Maar alles zit toch wel in een wrapper? Je gaat toch niet 1920px breed de content laten zien?

quote:

Op vrijdag 27 september 2013 22:32 schreef xaban06 het volgende:

[..]

Nee, komt content in, o.a. een tabel, formulier..

Tabel wordt gewoon 100% van #right, net zoals de invul velden bij m'n formulier.

quote:

Op vrijdag 27 september 2013 22:34 schreef xaban06 het volgende:

[..]

Jawel, 1920px content

voorbeeld

quote:

Op vrijdag 27 september 2013 22:26 schreef xaban06 het volgende:

[..]

Wat ik wil is:
Linkerkant een vaste breedte, even als de top left.

#right moet de rest vullen, vandaar die 100%, omdat je niet weet hoeveel px de resolutie is van de bezoeker.

quote:

Op vrijdag 27 september 2013 22:49 schreef Crutch het volgende:
Of gebruik gewoon bootstrap.

quote:

Op vrijdag 27 september 2013 22:49 schreef n8n het volgende:
terzijde, elementen #left en #right noemen is niet koosjer

http://csswizardry.com/2010/08/semantics-and-sensibility/

quote:

Op vrijdag 27 september 2013 22:50 schreef n8n het volgende:

[..]

lekker bloated, is net zoiets als jquery gebruiken voor js maar dan zonder dat het nodig is

quote:

Op vrijdag 27 september 2013 23:05 schreef Crutch het volgende:

[..]

Bloated tegenover al die uren development, debuggen en browsercompatibiliteit and so on and so on.

Maar goed, er vanuitgaande dat de vraagsteller in lerende fase is, is Javascript ondersteund met jQuery een goed begin.

quote:

Op zaterdag 28 september 2013 13:44 schreef n8n het volgende:

[..]

Ik redt me prima met een css reset. <IE8 krijgt bij mij de vinkentering dat dan weer wel. Jquery is gewoon prima (en als je die van Google gebruikt vaak al in het cache).

quote:

Op dinsdag 8 oktober 2013 14:32 schreef Catch22- het volgende:
horizontaal? Display:block wellicht ?

quote:

Op dinsdag 8 oktober 2013 14:35 schreef KomtTijd... het volgende:
een inline-image volgt de text-align van de parent.

quote:

Op dinsdag 8 oktober 2013 19:45 schreef Alovenac het volgende:
Ik denk dat ik mijn vraag hier beter kan stellen, dan in het Wordpress topic dus vandaar ook maar even hier mijn vraag neerzetten:

Even een vraagje, met betrekking tot redirecten. Wat is de makkelijkste optie volgens jullie? Ik heb voor iemand een website gemaakt en die heb ik zolang gezet op www.xxxx.nl/wordpress . Nu wilt deze klant natuurlijk deze website op zijn handige adres hebben (www.xxxx.nl), maar nu wil ik dit gewoon eenvoudig en snel doen via redirecten.

Met welk scriptje kan ik deze actie het beste uitvoeren, zonder dat je er met het surfen wat van merkt?

quote:

Op dinsdag 8 oktober 2013 19:53 schreef KomtTijd... het volgende:

[..]

verplaats gewoon de wordpress installatie een map omhoog?

quote:

Op dinsdag 8 oktober 2013 19:53 schreef KomtTijd... het volgende:

[..]

verplaats gewoon de wordpress installatie een map omhoog?

quote:

Op dinsdag 8 oktober 2013 18:56 schreef -J-D- het volgende:
Dag heren. Ik zou graag een vraag willen stellen, aangezien ik na dagen puzzelen er niet uit kom.
Ik heb een site draaien met Joomla 2.5 en in het ledengedeelte heb ik een extensie toegevoegd genaamd Kunena-forum. In principe werkt alles naar wens, op 1 ding na.
In het reageer-scherm staan namelijk de BBcodes onder elkaar i.p.v. naast elkaar. [ afbeelding ]

Volgens andere forums komt het omdat Kunena een css-instelling pakt van mijn Joomla-site. D.m.v. handmatig css toevoegen zou ik dat moeten overrulen. Alleen heb ik daar te weinig kaas van gegeten.
Ik heb via Chrome (Element inspecteren) gezocht of ik de instelling kan vinden, maar dat is me niet gelukt.
Iemand een idee wat ik moet aanpassen om die knoppen horizontaal te krijgen?

Inloggen kan op de site met gebr.naam testen en wachtwoord test

Alvast mijn dank!

quote:

Op dinsdag 8 oktober 2013 19:55 schreef Alovenac het volgende:

[..]

[..]

Gewoon waar de huidige website nu op staat (de gehele wordpress map neem ik aan)? Dat moet genoeg zijn? Of moet ik daarvoor nog iets veranderen in PHP my admin?

quote:

Op dinsdag 8 oktober 2013 20:04 schreef KomtTijd... het volgende:

[..]

style.css, regel 180:
[ code verwijderd ]

quote:

Op dinsdag 8 oktober 2013 20:16 schreef KomtTijd... het volgende:
clear:both is de boosdoener. Die moet je weghalen en dan controleren of de rest van je website nog correct is.

quote:

Op dinsdag 8 oktober 2013 20:05 schreef KomtTijd... het volgende:

[..]

Misschien moet je de installatiedir en/of website url nog aanpassen in het config bestand van wordpress.

quote:

Op dinsdag 8 oktober 2013 20:58 schreef Alovenac het volgende:

[..]

En welke is dat om exact te zijn? Voordat ik weer een kansloze fout ga maken ,

quote:

Op dinsdag 8 oktober 2013 21:45 schreef KomtTijd... het volgende:

[..]

...als je niet over genoeg logisch verstand beschikt om dat zelf uit te vinden, zou ik maar gewoon helemaal van die website afblijven als ik jou was.

Hint: er ontploft niets als je een keer ctrl+z moet gebruiken.

quote:

Op dinsdag 8 oktober 2013 21:57 schreef Alovenac het volgende:

[..]

Klopt, maar ik vraag het liever eerst goed uit voor ik eraan begin, zodat ik zeker weet dat het in een keer goed gaat . Ik bouw ook veel liever gewoon een website gelijk op het goede adres of eerst lokaal .

quote:

Op woensdag 9 oktober 2013 02:26 schreef Maringo het volgende:

[..]

Als je het eerst lokaal doet, dan is er toch geen verschil in het verhuistraject behalve de bron?

quote:

Op woensdag 9 oktober 2013 02:26 schreef Maringo het volgende:

[..]

Als je het eerst lokaal doet, dan is er toch geen verschil in het verhuistraject behalve de bron?

quote:

Op woensdag 9 oktober 2013 08:37 schreef Alovenac het volgende:

[..]

Dat vroeg ik mezelf dus ook een beetje af, ik laat meestal dus wordpress voorinstalleren op de server en het maakt verder toch niks uit of ik hem nu naar de root verplaats als hij al op de server geïnstalleerd staat op de xxx.nl/wordpress url.

quote:

Op woensdag 9 oktober 2013 09:02 schreef boem-dikkie het volgende:

[..]

In Wordpress zet je wel de URL van je omgeving, dus als je daar eerst www.wordpress.dev hebt staan moet je dat wel even veranderen als je hem op www.wordpress.com zet. Anders gaan je URL's e.d. niet goed.

quote:

Op woensdag 9 oktober 2013 09:02 schreef boem-dikkie het volgende:

[..]

In Wordpress zet je wel de URL van je omgeving, dus als je daar eerst www.wordpress.dev hebt staan moet je dat wel even veranderen als je hem op www.wordpress.com zet. Anders gaan je URL's e.d. niet goed.

quote:

Op woensdag 9 oktober 2013 09:03 schreef Black-Hole het volgende:

[..]

Het is heel simpel als je deze stappen volgt:

- Hele Wordpress map downloaden en weer uploaden naar de juiste map. Dit is altijd de root als het om een www.mijndomein.nl adres gaat
- Heb je lokaal of via een andere webhoster de testsite gebouwd? Exporteer dan je database en importeer deze bij je nieuwe webhoster
- Als je bovenstaande actie moet dan, pas dan je wp-config.php bestand aan met de nieuwe database gegevens (database naam, database user, wachtwoord en host)
- Log in op phpMyAdmin zodat je in de wp_options tabel de juiste nieuwe url kan plaatsen
- Query je database zodat alle interne links naar het juiste nieuwe domein verwijzen. Zie dit artikel http://www.mydigitallife.(...)-domain-or-location/
- Log in op je nieuwe website via www.mijndomein.nl/wp-admin
- Ga naar general settings -> algemeen en zet daar ook nog een keer het domein goed

quote:

Op woensdag 9 oktober 2013 10:18 schreef stoeltafel het volgende:
Voor een site wil ik een provinciekaart gebruiken van Nederland. Zodra je met de muis op een provincie klikt wil ik dat de dealers van deze provincies te voor schijn komen.

Hier is een voorbeeld echter is dit in Wordpress gemaakt http://www.piaggio-bedrijfswagens.nl/dealers/
De site draait op Joomla.

Heeft iemand hier ervaring mee of een handleiding? Heb al gekeken op google maar nog niks gevonden wat erop lijkt.

quote:

Op woensdag 9 oktober 2013 10:18 schreef stoeltafel het volgende:
Voor een site wil ik een provinciekaart gebruiken van Nederland. Zodra je met de muis op een provincie klikt wil ik dat de dealers van deze provincies te voor schijn komen.

Hier is een voorbeeld echter is dit in Wordpress gemaakt http://www.piaggio-bedrijfswagens.nl/dealers/
De site draait op Joomla.

Heeft iemand hier ervaring mee of een handleiding? Heb al gekeken op google maar nog niks gevonden wat erop lijkt.

quote:

Op woensdag 9 oktober 2013 10:22 schreef KomtTijd... het volgende:

[..]

Dat is gewoon een imagemap. Je zou eventueel de code zo kunnen kopiëren van die website.

quote:

Op woensdag 9 oktober 2013 11:19 schreef Maringo het volgende:

[..]

... en de Noordoostpolder behoord bij Overijssel.

quote:

Op woensdag 9 oktober 2013 12:22 schreef lyolyrc het volgende:

[..]



De Noordoostpolder hoort al sinds 1986 bij Flevoland.

quote:

Op woensdag 9 oktober 2013 12:22 schreef lyolyrc het volgende:

[..]



De Noordoostpolder hoort al sinds 1986 bij Flevoland.

quote:

Op woensdag 9 oktober 2013 12:30 schreef Maringo het volgende:

[..]

Lees het nog eens en bekijk het plaatje.

Ik gaf juist aan wat er fout was..

quote:

Op woensdag 9 oktober 2013 12:01 schreef KomtTijd... het volgende:
jup je kunt gewoon hover-style aan de area's hangen, of mouseover events als je het helemaal sjiek wilt maken.

quote:

Op woensdag 9 oktober 2013 12:01 schreef KomtTijd... het volgende:
jup je kunt gewoon hover-style aan de area's hangen, of mouseover events als je het helemaal sjiek wilt maken.

SPOILER

Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.

SPOILER

Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.

quote:

Op zaterdag 12 oktober 2013 14:48 schreef pascal08 het volgende:
Ik zit hier met het volgende probleem:

Ik heb een hoop input textboxes die met kleine getallen ingevoerd worden door de gebruiker. Wat dan een logisch scenario is, is dat een gebruiker '1' en 'tab' in razendsnel tempo afwisselt om alle inputs te vullen met 1'tjes. Voor een ander doeleinde wil ik graag dat alle inputveldjes die niet leeg zijn een andere achtergrondkleur krijgen. Heel simpel, echter voert jQuery niet altijd addClass() uit als het allemaal in een razend tempo gaat. Heeft iemand een idee of dit op te lossen is?

http://jsfiddle.net/pascal08/JLz3y/1/

Dit gebeurt er dan:

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.

Dit zou moeten gebeuren:

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.

quote:

Op zaterdag 12 oktober 2013 14:55 schreef Maringo het volgende:

[..]

Je kan het langzaam nabootsen door de 1 vast te houden en dan al op tab te drukken.

Komt er op neer dat ie dan geen 'on(keyup)' ziet in het input wara je net was, maar in de volgende waar je naartoe bent getabbed en dus de functie dus uitvoert op die input. Je zal dus of een 'keydown' of 'change' event moeten gebruiken.

quote:

Op zaterdag 12 oktober 2013 15:26 schreef Catch22- het volgende:
Maaruh, dit is gevolgbestrijding.

Waarom zou een gebruiker dat doen? Waarom valideer je niet per veld wat er in staat? Wat maakt t uit als er rommel in komt?

quote:

Op zaterdag 12 oktober 2013 16:18 schreef Catch22- het volgende:
Waar maak je je dan druk over? Als mensen met muisclicks eenen invullen, a tab s tab d tab f doen?

Garbage in, garbage out. Ik weet niet over welke data t gaat, maar ik zou t gewoon laten als t is.

quote:

Op zaterdag 12 oktober 2013 17:14 schreef pascal08 het volgende:

[..]

Ik wil ingevulde velden herkenbaar maken door de achtergrondkleur te laten veranderen.

Zie: http://wefut.com/en/player-database

quote:

Op zaterdag 12 oktober 2013 17:26 schreef Maringo het volgende:

[..]

Met veel velden maakt dat het wel overzichtelijk inderdaad over welke je hebt ingevuld en welke niet.
Ik heb het ook eens moeten doen voor een klant die precies dat wilde.

quote:

Op zaterdag 12 oktober 2013 14:48 schreef pascal08 het volgende:
Ik zit hier met het volgende probleem:

Ik heb een hoop input textboxes die met kleine getallen ingevoerd worden door de gebruiker. Wat dan een logisch scenario is, is dat een gebruiker '1' en 'tab' in razendsnel tempo afwisselt om alle inputs te vullen met 1'tjes. Voor een ander doeleinde wil ik graag dat alle inputveldjes die niet leeg zijn een andere achtergrondkleur krijgen. Heel simpel, echter voert jQuery niet altijd addClass() uit als het allemaal in een razend tempo gaat. Heeft iemand een idee of dit op te lossen is?

http://jsfiddle.net/pascal08/JLz3y/1/

Dit gebeurt er dan:

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.

Dit zou moeten gebeuren:

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.

quote:

Op zaterdag 12 oktober 2013 18:47 schreef Crutch het volgende:

[..]

Maak er dan keydown van, aangezien er 99 van de 100 keer iets wordt ingevuld.

quote:

Op zaterdag 12 oktober 2013 19:08 schreef pascal08 het volgende:

[..]

Juist niet toch? Eerder 1/10 keer, want vaak wordt er gewoon overheen 'getabbed' en dat geldt dan ook als een keydown. Change lijkt me logischer, want die wordt alleen geactiveerd als er daadwerkelijk iets ingevuld wordt.

quote:

Op zaterdag 12 oktober 2013 19:13 schreef Crutch het volgende:
Kijk zelf: http://jsfiddle.net/JLz3y/2/

quote:

Op zaterdag 12 oktober 2013 19:25 schreef pascal08 het volgende:

[..]

Oh ja, dom. Keydown dan maar doen.

Maar wacht even. Als ik een random input selecteer met m'n muis en ik vul vervolgens wat in, dan doet 'ie het niet met keydown.

quote:

Op zaterdag 12 oktober 2013 19:43 schreef stefanhaan het volgende:

[..]

Dat komt omdat je checkt op !== '' ipv >= 1

heb die van Crutch geupdate en dan pakt hij hem wel meteen als je 1 karakter in vult.
http://jsfiddle.net/JLz3y/3/

quote:

Op zaterdag 12 oktober 2013 19:46 schreef pascal08 het volgende:

[..]

Dan heb je weer het probleem dat de achtergrond niet naar wit terugspringt als je de input weer leegmaakt.

Zo doet 'ie het wel weer:
http://jsfiddle.net/pascal08/JLz3y/4/

quote:

Op zaterdag 12 oktober 2013 19:47 schreef stefanhaan het volgende:
nvm ik deed op een object de .length en die is dan altijd 1.

Ik heb hem nog een keer voor je aangepast en nu doet hij het wel.
http://jsfiddle.net/JLz3y/7/

[..]

Enigste nadeel van 'change' is dat die pas afgevuurd word zodra de focus van het betreffende veld weg is.

SPOILER: Hele code

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.

quote:

Op woensdag 16 oktober 2013 12:41 schreef KomtTijd... het volgende:
Probeer je nu dmv voor iedere mogelijke style een classname te maken, weer met inline-styles te gaan werken?

En div's met classnames als "row" en "column", daar krijg ik al direct jeuk van. Wat ben je in hemelsnaam aan het doen joh? Gebruik een table als je een table nodig hebt, en gebruik op zijn minst enigszins semantische classnames.

quote:

Op woensdag 16 oktober 2013 12:41 schreef KomtTijd... het volgende:
Probeer je nu dmv voor iedere mogelijke style een classname te maken, weer met inline-styles te gaan werken?

En div's met classnames als "row" en "column", daar krijg ik al direct jeuk van. Wat ben je in hemelsnaam aan het doen joh? Gebruik een table als je een table nodig hebt, en gebruik op zijn minst enigszins semantische classnames.

quote:

Op woensdag 16 oktober 2013 13:01 schreef KomtTijd... het volgende:
ken het niet, zo te zien ook geen behoefte aan om het te leren kennen.

Maar als ik je code zo bekijk, moet je waarschijnlijk gewoon een medium-offset defineren die gelijk is aan de small-offset?

quote:

Op woensdag 16 oktober 2013 13:01 schreef KomtTijd... het volgende:
ken het niet, zo te zien ook geen behoefte aan om het te leren kennen.

Maar als ik je code zo bekijk, moet je waarschijnlijk gewoon een medium-offset defineren die gelijk is aan de small-offset?

quote:

Op woensdag 16 oktober 2013 13:32 schreef KomtTijd... het volgende:
Nouja bij bootstrap is het (voor zover ik het gebruikt heb) nog redelijk beperkt. Je hebt wel classes als big en small maar die zijn nog redelijk obvious.

Zodra je classes offset-3 of roundall gaan heten enzo, wordt het eng. Stel dat je op een gegeven moment tot de conclusie komt dat een offset van 2 pixels toch mooier is en dat rounded corners niet meer hip zijn, zit je ineens met allemaal .offset-3{ margin: 2} en .roundall{border-radius: none} declaraties.