[html, css, js] voor dummies #18

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  dinsdag 20 september 2011 @ 10:58:26 #1
37634 wobbel
Da WoBBeL King
pi_102173182
[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

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

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

[ Bericht 95% gewijzigd door Bart op 08-11-2011 14:31:11 ]
Hosted VoIP SIP trunks Vast mobiel VoIP
  dinsdag 20 september 2011 @ 10:58:39 #2
37634 wobbel
Da WoBBeL King
pi_102173191
En mijn vraag is:

pi_102173146
Ik heb een tabel met producten, en een tabel met verkocht.

Tabel "producten"
1 | Product A | 25,-
2 | Product B | 100,-
3 | Product C | 33,-

Tabel "verkocht"
1 | 25-8-2011
1 | 26-8-2011
1 | 27-8-2011
2 | 27-8-2011
2 | 28-8-2011
3 | 25-8-2011

Hoe krijg ik nu een overzicht hoeveel producten er verkocht zijn van elk?

Dus ongeveer dit:

Product A | 3x
Product B | 2x
Product C | 1x

Hoe doe ik dit ook alweer met SQL? :P
Hosted VoIP SIP trunks Vast mobiel VoIP
  dinsdag 20 september 2011 @ 10:59:06 #3
4159 GI
Nee ik heet geen JOE
pi_102173205
Ik zou het niet in een html/css/js topic vragen om mee te beginnen.
  dinsdag 20 september 2011 @ 11:02:54 #4
63192 ursel
"Het Is Hier Fantastisch!
pi_102173345
quote:
3s.gif Op dinsdag 20 september 2011 10:59 schreef GI het volgende:
Ik zou het niet in een html/css/js topic vragen om mee te beginnen.
idd. :')

Hier zou ik het proberen
pi_102173438
quote:
0s.gif Op dinsdag 20 september 2011 10:58 schreef wobbel het volgende:
En mijn vraag is:

pi_102173146
Ik heb een tabel met producten, en een tabel met verkocht.

Tabel "producten"
1 | Product A | 25,-
2 | Product B | 100,-
3 | Product C | 33,-

Tabel "verkocht"
1 | 25-8-2011
1 | 26-8-2011
1 | 27-8-2011
2 | 27-8-2011
2 | 28-8-2011
3 | 25-8-2011

Hoe krijg ik nu een overzicht hoeveel producten er verkocht zijn van elk?

Dus ongeveer dit:

Product A | 3x
Product B | 2x
Product C | 1x

Hoe doe ik dit ook alweer met SQL? :P
Gewoon laten zien hoe vaak je in verkocht elk ID tegenkomt en dit met een JOIN koppelen aan de naam van je product.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  dinsdag 20 september 2011 @ 11:14:05 #6
37634 wobbel
Da WoBBeL King
pi_102173635
quote:
3s.gif Op dinsdag 20 september 2011 10:59 schreef GI het volgende:
Ik zou het niet in een html/css/js topic vragen om mee te beginnen.
Gvd weer verkeerde topic :(

Dit is echt de 6e keer al ofzo :')
Hosted VoIP SIP trunks Vast mobiel VoIP
pi_102687677
css vraagje
ik wil in een koptitel elke letter een andere kleur geven
heb ik zo opgelost
<div class="rood">x</div><div class="oranje">x</div><div class="geel">x</div><div class="groen">x</div><div class="magenta">x</div><div class="blauw">x</div><div class="paars">x</div><div class="oranje">x</div><div class="rood">x</div></a>

maar nu komt de tekst op het scherm onder elkaar ipv achter elkaar :(
komt door de class?

EDIT...DIV is natuurlijkt SPAN
ziet er beter uit

is hier een mooiere oplossing voor? ik wil de letters random een kleur geven

[ Bericht 4% gewijzigd door MrNiles op 04-10-2011 14:44:39 ]
  dinsdag 4 oktober 2011 @ 14:46:06 #8
220026 Treces
Hier had uw tekst kunnen staan
pi_102687950
quote:
0s.gif Op dinsdag 4 oktober 2011 14:38 schreef MrNiles het volgende:
css vraagje
ik wil in een koptitel elke letter een andere kleur geven
heb ik zo opgelost
<div class="rood">x</div><div class="oranje">x</div><div class="geel">x</div><div class="groen">x</div><div class="magenta">x</div><div class="blauw">x</div><div class="paars">x</div><div class="oranje">x</div><div class="rood">x</div></a>

maar nu komt de tekst op het scherm onder elkaar ipv achter elkaar :(
komt door de class?

EDIT...DIV is natuurlijkt SPAN
ziet er beter uit

is hier een mooiere oplossing voor? ik wil de letters random een kleur geven
Ik denk dat dat met Javascript heel goed kan.. Zo puur met CSS zal lastig worden denk ik.
pi_102688141
quote:
0s.gif Op dinsdag 4 oktober 2011 14:38 schreef MrNiles het volgende:
css vraagje
ik wil in een koptitel elke letter een andere kleur geven
heb ik zo opgelost
<div class="rood">x</div><div class="oranje">x</div><div class="geel">x</div><div class="groen">x</div><div class="magenta">x</div><div class="blauw">x</div><div class="paars">x</div><div class="oranje">x</div><div class="rood">x</div></a>

maar nu komt de tekst op het scherm onder elkaar ipv achter elkaar :(
komt door de class?

EDIT...DIV is natuurlijkt SPAN
ziet er beter uit

is hier een mooiere oplossing voor? ik wil de letters random een kleur geven
Span zet toch al alles achter elkaar? Bij DIV zou ik float:left; in de css zetten.
Verder inderdaad met javascript.
Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
pi_102688256
quote:
12s.gif Op dinsdag 4 oktober 2011 14:46 schreef Treces het volgende:

[..]

Ik denk dat dat met Javascript heel goed kan.. Zo puur met CSS zal lastig worden denk ik.
helemaal NUL verstand van javascript :(
ach..het is maar voor een menutje..beetje flauwekul..ziet er zo wel leuk uit :)

probeer nu die kleurtjes te laten verschijnen/verdwijnen met js
<script type="text/javascript">
function changeStyle(url) {
document.getElementById('stylesheet').href = url;
}
</script>

en dat dit bij mijn tekst
<a href="#" onclick="changeStyle('goingloco.css');

Wat ik eigenlijk wil is schakelen tussen 2 css.
Heb een kop van 2 woorden
xxxxx - yyyyy
pagina opmaak is standaard met witte tekst
maar door te klikken op yyyyy wil ik een ander css laden die dan iets met de span doet
kan dat zo?
pi_102688287
quote:
0s.gif Op dinsdag 4 oktober 2011 14:50 schreef Walter81 het volgende:

[..]

Span zet toch al alles achter elkaar? Bij DIV zou ik float:left; in de css zetten.
Verder inderdaad met javascript.
was misschien niet heel duidelijk maar ik had al een EDIT bij gezet..dat ik de div had vervangen door span
pi_102688509
quote:
0s.gif Op dinsdag 4 oktober 2011 14:38 schreef MrNiles het volgende:
css vraagje
ik wil in een koptitel elke letter een andere kleur geven
heb ik zo opgelost
<div class="rood">x</div><div class="oranje">x</div><div class="geel">x</div><div class="groen">x</div><div class="magenta">x</div><div class="blauw">x</div><div class="paars">x</div><div class="oranje">x</div><div class="rood">x</div></a>

maar nu komt de tekst op het scherm onder elkaar ipv achter elkaar :(
komt door de class?

Dat zal komen doordat een DIV default een 'display: block;' heeft, wat betekent dat dit als een block-level-element weergegeven wordt...

wil je bv verschillende elementen in een text-flow weergeven moeten die elementen een 'display: inline; óf 'display: inline-block' hebben (de laatste , inline-block is door oudere explorer-versies niet goed ondersteund).

Een SPAN element hééft al standaard display: inline dus dan zou het niet kunenn dat die daardoor opeens onder elkaar komen, maar misschien heb je wel vééls teveel style-definities in je Class ge-copy-pasted? ... post dan gewoon eens de complete code, inculsief CSS?
"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25
pi_102689112
quote:
1s.gif Op dinsdag 4 oktober 2011 14:58 schreef RM-rf het volgende:

[..]

Dat zal komen doordat een DIV default een 'display: block;' heeft, wat betekent dat dit als een block-level-element weergegeven wordt...

wil je bv verschillende elementen in een text-flow weergeven moeten die elementen een 'display: inline; óf 'display: inline-block' hebben (de laatste , inline-block is door oudere explorer-versies niet goed ondersteund).

Een SPAN element hééft al standaard display: inline dus dan zou het niet kunenn dat die daardoor opeens onder elkaar komen, maar misschien heb je wel vééls teveel style-definities in je Class ge-copy-pasted? ... post dan gewoon eens de complete code, inculsief CSS?

Het gaat hem uiteindelijk om random kleuren.. Dat wordt dus js.

Maar heel eerlijk gezegd, vraag je eens af of je dat wil. Een bonte kermis aan kleuren ziet er niet uit op een website.
Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
pi_102689255
quote:
0s.gif Op dinsdag 4 oktober 2011 15:12 schreef Walter81 het volgende:

[..]

Het gaat hem uiteindelijk om random kleuren.. Dat wordt dus js.

Maar heel eerlijk gezegd, vraag je eens af of je dat wil. Een bonte kermis aan kleuren ziet er niet uit op een website.
het is alleen voor de menu namen die ik van kleur laat veranderen + 1 img
heb nu 1 koptitel in de random kleur en dat is niet storend..maar ik zou het graag willen schakelen/on click maar hoe werkt dat dan?
  donderdag 6 oktober 2011 @ 14:33:54 #15
131603 Afwazig
Serious business
pi_102771246
Opgelost.

[ Bericht 98% gewijzigd door Afwazig op 06-10-2011 15:04:56 ]
Would you like to know more?
Alles over cryptocurrency, bitcoin en blockchain in begrijpelijke taal
pi_102771920
quote:
8s.gif Op donderdag 6 oktober 2011 14:33 schreef Afwazig het volgende:
Ok dan toch maar hier vragen... ik kom er echt niet uit.

Voor het eerst een beetje met Wordpress aan het experimenteren. Heb nu alleen een probleem met de CSS. Op de voorpagina staat een artikel, als je op het kopje van dit artikel klikt dan linkt hij naar het artikel. Alleen wordt de link als hij 'visited' is paars. Ik wil dat hij gewoon zwart blijft. Maar ik kan nergens in de CSS files vinden waar ik dit aanpas! Jullie enig idee?

Het gaat om deze site en deze link dus:
Zoiets al geprobeerd?

1 h2 a:visited {color:#000;}
  donderdag 6 oktober 2011 @ 15:04:42 #17
131603 Afwazig
Serious business
pi_102772359
Ik ben echt zo dom. Toen ik jouw reply zag sloeg ik mezelf echt voor m`n kop :'). Ik was de ; vergeten achter de kleurcode :'(.
Would you like to know more?
Alles over cryptocurrency, bitcoin en blockchain in begrijpelijke taal
pi_102777102
Nog een tip van het huis: Een topic wordt er niet overzichtelijker van als je je eigen vragen wegedit.
zcflevo.nl
  maandag 10 oktober 2011 @ 22:16:35 #19
37634 wobbel
Da WoBBeL King
pi_102935868
Goed topic :P

Is het met mogelijk om te zoeken in een lap tekst (tussen <div id='content'> en </div>) naar [attach=9]?

Ik wil namelijk [attach=9] op de achtergrond vervangen door een stuk ajax welke de betreffende bijlage inlaad.

Zelfde geld voor [attach=?? getal ??]. Ik wil namelijk die ajax request het ID meegeven
Hosted VoIP SIP trunks Vast mobiel VoIP
  maandag 10 oktober 2011 @ 22:19:29 #20
37634 wobbel
Da WoBBeL King
pi_102936047
En het mag met jQuery, die gebruik ik al.
Hosted VoIP SIP trunks Vast mobiel VoIP
  maandag 10 oktober 2011 @ 22:36:47 #21
12221 Tijn
Powered by MS Paint
pi_102937041
Wat bedoel je met [attach=9]? Het 9e element binnen de div? Een attribuut van een element? Of is dat letterlijk een string die je wilt zoeken?
Verberg de nieuwsticker
  maandag 10 oktober 2011 @ 22:45:01 #22
137776 boem-dikkie
Jedi Mind Baby!
pi_102937514
quote:
5s.gif Op maandag 10 oktober 2011 22:36 schreef Tijn het volgende:
Wat bedoel je met [attach=9]? Het 9e element binnen de div? Een attribuut van een element? Of is dat letterlijk een string die je wilt zoeken?
Gewoon een string volgens mij.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  dinsdag 11 oktober 2011 @ 12:17:02 #23
4159 GI
Nee ik heet geen JOE
pi_102949504
Hij wil zoeken op alles met [attach=] en dan de waarde tussen de = en de ] oppakken als ID voor de ajaxcall.

Ik zou het niet op die manier oplossen eigenlijk. Ik zou er een <div class=\"attachment\" id=\"attachment9\"></div> van maken. Vervolgens in jquery die div's oppakken en via ajax herladen.

Als ik al voor een dergelijke oplossing zou gaan, het komt mij erg slordig over.
  woensdag 12 oktober 2011 @ 15:56:00 #24
37634 wobbel
Da WoBBeL King
pi_103000212
Het is inderdaad ook niet netjes, maar het is user-input die omgezet moet worden. Heb het wel server-side opgelost, werkt ook :P

Nog een vraag: hoe doe ik bepaalde taken steeds opnieuw? (ik gebruik jQuery framework, daarvan gebruik maken mag ook)

Ik wil elke 10 seconden functionA(); uitvoeren, 10 seconden later functionB();en weer 10 seconden later functionC(); uitvoeren. Weer 10 seconden later moet hij weer beginnen met functionA(); enzovoort :P
Hosted VoIP SIP trunks Vast mobiel VoIP
pi_103000593
In HTML5 zijn dat Worker threads, in plain javascript maakt men gebruik van setTimeout of setInterval en in jQuery noemt men het delay()

http://api.jquery.com/delay/
http://forum.jquery.com/t(...)nd-use-of-settimeout

[ Bericht 13% gewijzigd door #ANONIEM op 12-10-2011 16:10:16 ]
  woensdag 12 oktober 2011 @ 16:20:05 #26
37634 wobbel
Da WoBBeL King
pi_103001149
Ik ben echt heel slecht in javascript :P heb een voorbeeld gegoogled, maar kan niks vinden. Zou je me kunnen helpen? HTML5 mag...de rest van het systeem is ook allemaal HTML5
Hosted VoIP SIP trunks Vast mobiel VoIP
pi_103040125
Iemand die mij zou kunnen vertellen wat nu precies het verschil is tussen een class en een id. Je kunt ze beide gebruiken in een div, het lijkt alsof ze beide hetzelfde doen maar ik snap gewoonweg niet wat nu het verschil en het voordeel/nadeel is.

[ Bericht 1% gewijzigd door #ANONIEM op 13-10-2011 16:09:06 ]
  donderdag 13 oktober 2011 @ 16:24:20 #28
220026 Treces
Hier had uw tekst kunnen staan
pi_103040669
quote:
0s.gif Op donderdag 13 oktober 2011 16:08 schreef Dimens het volgende:
Iemand die mij zou kunnen vertellen wat nu precies het verschil is tussen een class en een id. Je kunt ze beide gebruiken in een div, het lijkt alsof ze beide hetzelfde doen maar ik snap gewoonweg niet wat nu het verschil en het voordeel/nadeel is.
Een ID kan je maar 1x gebruiken.
pi_103040709
quote:
7s.gif Op donderdag 13 oktober 2011 16:24 schreef Treces het volgende:

[..]

Een ID kan je maar 1x gebruiken.
Een duidelijkere uitleg?
  donderdag 13 oktober 2011 @ 16:32:13 #30
218617 YazooW
bel de wouten!
pi_103040988
Een ID is uniek, een ID kan je dus slechts gebruiken voor 1 element.
Een class is niet uniek, kan je dus gebruiken in meerdere elementen, en je kan ook meerdere classen gebruiken voor 1 element.
pi_103041112
quote:
0s.gif Op donderdag 13 oktober 2011 16:32 schreef YazooW het volgende:
Een ID is uniek, een ID kan je dus slechts gebruiken voor 1 element.
Een class is niet uniek, kan je dus gebruiken in meerdere elementen, en je kan ook meerdere classen gebruiken voor 1 element.
Een ID heeft dan toch geen voordelen tegenover een class?
  donderdag 13 oktober 2011 @ 16:36:59 #32
218617 YazooW
bel de wouten!
pi_103041274
je kan doen

<div id="header" class="vet"></div>
<div id="footer" class="vet"></div>

met #header in je css kan je alleen dingen regelen die in je header moeten (en hetzelfde voor footer)
en met .vet kan je voor beide elementen bijvoorbeeld het lettertype regelen.
pi_103041518
quote:
0s.gif Op donderdag 13 oktober 2011 16:39 schreef remi1986 het volgende:
je kan doen

<div id="header" class="vet"></div>
<div id="footer" class="vet"></div>

met #header in je css kan je alleen dingen regelen die in je header moeten (en hetzelfde voor footer)
en met .vet kan je voor beide elementen bijvoorbeeld het lettertype regelen.
Het handigst is dus om elke div een id te geven voor plaats, grote etc.. en voor de background, text style etc.. een class te gebruiken als je van plan bent om in al die divs dezelfde font en achtergrond kleur te gebruiken?
pi_103041569
quote:
0s.gif Op donderdag 13 oktober 2011 16:45 schreef Dimens het volgende:

[..]

Het handigst is dus om elke div een id te geven voor plaats, grote etc.. en voor de background, text style etc.. een class te gebruiken als je van plan bent om in al die divs dezelfde font en achtergrond kleur te gebruiken?
Zie het zo.

Een ID gebruik je als je denkt het element eenmalig te gebruiken (in combinatie met unieke styling bv) en een class gebruik je als je de element opmaak vaker gaat gebruiken. Bijvoorbeeld drie dezelfde divjes onder elkaar.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_103044454
Tenzij je natuurlijk met .NET werkt waar je niet normaal een ID kunt gebruiken :')
Nee.
pi_103045883
quote:
0s.gif Op donderdag 13 oktober 2011 18:13 schreef PimD het volgende:
Tenzij je natuurlijk met .NET werkt waar je niet normaal een ID kunt gebruiken :')
Nee, gewoon html en css, eventueel uiteindelijk met php en javascript.
  donderdag 13 oktober 2011 @ 19:14:41 #38
220026 Treces
Hier had uw tekst kunnen staan
pi_103046481
Geen idee of je styling kapot gaat als je een ID meerdere malen gebruikt, ik weet wel dat jQuery dat niet zo leuk vind.
pi_103046626
quote:
7s.gif Op donderdag 13 oktober 2011 19:14 schreef Treces het volgende:
Geen idee of je styling kapot gaat als je een ID meerdere malen gebruikt, ik weet wel dat jQuery dat niet zo leuk vind.
Het is invalid, omdat Javascript er vanuit gaat dat een ID uniek is.

CSS hobbelt er vaak wel overheen, maar het blijft invalid. Bovendien is er geen enkele reden om een ID te gebruiken voor elementen die niet uniek zijn.

Bij twijfel dus altijd een classname gebruiken. Mocht je het element ooit met JS willen selecteren kun je altijd nog een ID toevoegen. Andersom is veel lastiger aangezien je dan al je CSS selectoren moet veranderen.

[ Bericht 13% gewijzigd door KomtTijd... op 13-10-2011 19:24:16 ]
zcflevo.nl
pi_103047022
quote:
0s.gif Op donderdag 13 oktober 2011 16:45 schreef Dimens het volgende:

[..]

Het handigst is dus om elke div een id te geven voor plaats, grote etc.. en voor de background, text style etc.. een class te gebruiken als je van plan bent om in al die divs dezelfde font en achtergrond kleur te gebruiken?
Als je meerdere elementen dezelfde font of background wilt geven, gebruik je normaliter gewoon een algemenere selector.
zcflevo.nl
pi_103047094
quote:
0s.gif Op donderdag 13 oktober 2011 16:36 schreef YazooW het volgende:
Lees dit even door: http://css-tricks.com/818-the-difference-between-id-and-class/
quote:
ID's have special browser functionality

Classes have no special abilities in the browser, but ID's do have one very important trick up their sleeve. This is the "hash value" in the URL. If you have a URL like http://yourdomain.com#comments, the browser will attempt to locate the element with an ID of "comments" and will automatically scroll the page to show that element. It is important to note here that the browser will scroll whatever element it needs to in order to show that element, so if you did something special like a scrollable DIV area within your regular body, that div will be scrolled too.

This is an important reason right here why having ID's be absolutely unique is important. So your browser knows where to scroll!
Dit is de eerste keer dat ik het voordeel van ID's ontdek :D
pi_103047140
Ja, maar wacht maar tot je een div met een ID in een container hebt staan met overflow:hidden, en dan die pagina aanspreken met een hash in de URL. Wat een ellende.
Nee.
pi_103047335
quote:
0s.gif Op donderdag 13 oktober 2011 19:32 schreef PimD het volgende:
Ja, maar wacht maar tot je een div met een ID in een container hebt staan met overflow:hidden, en dan die pagina aanspreken met een hash in de URL. Wat een ellende.
Ook als er in die div niet teveel content voor het formaat zit?
pi_103048998
quote:
0s.gif Op donderdag 13 oktober 2011 16:39 schreef remi1986 het volgende:
je kan doen

<div id="header" class="vet"></div>
<div id="footer" class="vet"></div>

met #header in je css kan je alleen dingen regelen die in je header moeten (en hetzelfde voor footer)
en met .vet kan je voor beide elementen bijvoorbeeld het lettertype regelen.
Het is daarbij wel handig om class names te gebruiken die beschrijven wat iets is, niet hoe het eruit moet zien. Anders krijg je vroeg of laat css als:
1
2
3		.red {
    color: blue;
}

En daar wordt het niet duidelijker van...
fokstok.nl
pi_103049413
quote:
10s.gif Op donderdag 13 oktober 2011 19:31 schreef lkb9000 het volgende:

[..]

[..]

Dit is de eerste keer dat ik het voordeel van ID's ontdek :D
ID's zijn ook heel handig in andere situaties. Als je met Javascript (bijv. AJAX) de inhoud van een deel van de pagina wilt aanpassen, is het wel zo handig als je precies dat stukje van de pagina kunt aanspreken. Dan heb je een ID nodig.
fokstok.nl
pi_103068519
Ik blijf ruzie houden met ellendige DIV's.

Ik ben er bijna, maar nog niet helemaal.
De pagina waar het probleem in optreedt heb ik even gestript, en enkel de relevante info laten staan / aangepast.
Css heb ik voor het gemak in de pagina zelf gezet.

Wat ik zou willen, is 2 dingen:
De cyaan-gekleurde div (navigationcontainer) moet de grootte krijgen van de 2 groene + rode divs. width:auto; werkt niet.
Als de breedte aangepast kan worden, wordt navigationcontainer gecentreerd. Dat is mijn doel.
Een vaste breedte opgeven gaat niet, want de div pagelinks is niet altijd even groot.

Iemand tips?

(kleurtjes zitten er enkel in om de divs nu goed te kunnen herkennen)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66		<html>
<head>

<style> 
    <!--
.kolom {
    width:400px;
    background:#D0D0FF;
}

.gallery .pagenavigation {
margin:auto;
}

.gallery .prevpage a, .gallery .prevpage em {
    display: block; 
    width: 70px; 
    height: 19px;
    float: left; 
    margin: 0 6px 0 6px;
background: lime;
}

.gallery .nextpage a, .gallery .nextpage em {
    display: block; 
    width: 70px;
    height: 19px;
    float: left; 
    margin: 0 6px 0 6px;
background: lime;
}

.gallery .pagelinks a{
    float: left;
    text-decoration:none;
background: red;
}

.navigationcontainer {
   margin: auto;
background: cyan;
min-height:2px;
}
.clear {
    clear: both;
}

    -->
   </style>
</head>

<body>
    <div class="kolom">
        <div class="gallery">
            <div class="pagenavigation">
                <div class="navigationcontainer">
                    <div class="prevpage"><em>Vorige</em></div>
                    <div class="pagelinks"><a href="#">1-2-3-4-5</a></div>
                    <div class="nextpage"><em>Volgende</em></div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
pi_103073344
Voor de duidelijkheid met een plaatje:
Eerdergenoemd script geeft nu bovenste resultaat. Moet worden het onderste.
Zonder dat ik de cyaangekleurde div een vaste grootte geef.

Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
  vrijdag 14 oktober 2011 @ 14:10:03 #48
220026 Treces
Hier had uw tekst kunnen staan
pi_103074355
1
2
3
4
5
6		.navigationcontainer {
   margin: auto;
background: cyan;
min-height:2px;
text-align: center;
}
pi_103074871
quote:
5s.gif Op vrijdag 14 oktober 2011 14:10 schreef Treces het volgende:

[ code verwijderd ]

Helaas..
De 3 divs die daarbinnen liggen nemen dit wel over, tekst wordt gecentreerd IN die groene en rode vakjes, maar het hele blauwe blok zelf moet gecentreerd worden. Dit is dus een DIV, geen tekst, dus denk dat die daarom niet gecentreerd wordt.
Het centreren doe ik door margin:auto.
Maar het cyaan-blok heeft nu de breedte van 100% van zijn parent. Dit moet kleiner worden, maar wel aangepast aan de divs die daarbinnen liggen.

Heb je dit zelf wel werkend gekregen? In welke browser?
Anders even de code van mij kopiëren en even testen.
Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
pi_103082025
Gek he, als je float:left doet dat dingen dan links uitlijnen.

Geef de container text-align:center, en de <li>'s (want divjes voor een lijstje met links zijn natuurlijk niet zo netjes ;)) een display:inline. Klaar.
Nee.
  vrijdag 14 oktober 2011 @ 17:53:04 #51
137776 boem-dikkie
Jedi Mind Baby!
pi_103082363
En de vierkante vakjes om je LI heen kun je mooi met CSS doen.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_103110141
Om een of andere reden krijg ik het nog niet voor elkaar, met <li> enzo.

Die <div> staat nu om wat links heen, maar in de pagina waar het voor bedoeld is, staan hier ook andere zaken in (bv een plaatjes, met een image op de background, waarvoor bij hover de verticale positie verandert, zodat er dan een ander plaatje te zien is (en er maar 1 png nodig is)).
Hier wil ik dus verder niks aan veranderen.

Maar wat ik al aangaf, als ik navigationcontainer een vaste breedte geef, gaat het wel goed.
Geef ik geen breedte op, krijgt hij de volledige breedte van zijn parent (pagenavigation).
En wat ik wil, is dat hij de breedte overneemt van de 3 divs binnenin. De reden waarom ik hier divs gebruik is niet relevant.
Dus aub niet aan het centreren denken, maar aan het automatisch aanpassen van de breedte van navigationcontainer .
Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
  zaterdag 15 oktober 2011 @ 13:23:50 #53
230788 n8n
Pragmatisch
pi_103111085
display: inline;
display: inline-block;
“Specialization is for insects”.—Robert Heinlein
  zaterdag 15 oktober 2011 @ 13:24:20 #54
230788 n8n
Pragmatisch
pi_103111099
en een text-align: center; op de parent
“Specialization is for insects”.—Robert Heinlein
pi_103140715
quote:
14s.gif Op zaterdag 15 oktober 2011 13:23 schreef n8n het volgende:
display: inline;
display: inline-block;
quote:
7s.gif Op zaterdag 15 oktober 2011 13:24 schreef n8n het volgende:
en een text-align: center; op de parent
Held!
Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
  zondag 16 oktober 2011 @ 13:11:17 #56
137776 boem-dikkie
Jedi Mind Baby!
pi_103144420
Of je leest de volgende keer. Op de vorige pagina werd door PimD precies hetzelfde gezegd.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_103148073
quote:
10s.gif Op zondag 16 oktober 2011 13:11 schreef boem-dikkie het volgende:
Of je leest de volgende keer. Op de vorige pagina werd door PimD precies hetzelfde gezegd.
Ten eerste had die het over li, wat niet van toepassing was. En de steutel was display:inline-block. Dat heb ik niemand eerder zien zeggen. Enkel het text-align: center had ik zelf al geprobeerd.
Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
pi_103149491
display:inline en display:inline-block zullen anders hetzelfde gedrag vertonen hoor (qua uitlijning, niet qua padding/margin uiteraard).
Nee.
pi_103178178
quote:
0s.gif Op zondag 16 oktober 2011 15:51 schreef PimD het volgende:
display:inline en display:inline-block zullen anders hetzelfde gedrag vertonen hoor (qua uitlijning, niet qua padding/margin uiteraard).
Dan is het net de juiste combinatie van parameters van al die velden voor al die divs. Had ze bijna allemaal al geprobeerd.. behalve de juiste :)
Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
  Redactie Frontpage donderdag 20 oktober 2011 @ 10:36:00 #60
83660 crew  Etcetera
*pffrrrwwwt*
pi_103316311
Ik heb misschien een rare vraag - en ik ben bang dat het antwoord nee is :P Is er html code waarmee je kunt aangeven dat iets níet onderstreept of dikgedrukt moet staan?

Ik ben bezig met een stuk code (in een webcontent bewerkingssysteem, niet van mezelf dus) en daarin wordt tekst automatisch onderstreept en dikgedrukt neergezet. Dit staat zeker weten niet in de code (heb alles nageplozen) maar wordt volgens mij door het systeem gedaan. Kan ik dit dus ondervangen door een code erbij te zetten?
It's not just sex, it's love
It's two people connecting
With four other people
And aliens
pi_103316439
zover ik weet bestaat dat niet, maar alles onderstreept, dat kan toch nooit de bedoeling zijn?
mss heeft het CMS wel een bug.. (anders had je, neem ik aan, wel een knop waarmee je onderstreept uit kan zetten)
  donderdag 20 oktober 2011 @ 10:45:00 #62
12221 Tijn
Powered by MS Paint
pi_103316541
Er is geen HTML-element om dit te doen, maar je kunt natuurlijk wel gewoon in je CSS-file dit bij de definitie van de opmaak van de content zetten:

1
2		font-weight: normal;
text-decoration: none;
Verberg de nieuwsticker
  Redactie Frontpage donderdag 20 oktober 2011 @ 10:46:08 #63
83660 crew  Etcetera
*pffrrrwwwt*
pi_103316583
quote:
0s.gif Op donderdag 20 oktober 2011 10:40 schreef mschol het volgende:
zover ik weet bestaat dat niet, maar alles onderstreept, dat kan toch nooit de bedoeling zijn?
mss heeft het CMS wel een bug.. (anders had je, neem ik aan, wel een knop waarmee je onderstreept uit kan zetten)
Het ziet er niet uit nee :X
quote:
2s.gif Op donderdag 20 oktober 2011 10:45 schreef Tijn het volgende:
Er is geen HTML-element om dit te doen, maar je kunt natuurlijk wel gewoon in je CSS-file dit bij de definitie van de opmaak van de content zetten:
[ code verwijderd ]

Dat ga ik eens proberen, thanks ^O^
It's not just sex, it's love
It's two people connecting
With four other people
And aliens
pi_103316592
quote:
0s.gif Op donderdag 20 oktober 2011 10:36 schreef Etcetera het volgende:
Ik heb misschien een rare vraag - en ik ben bang dat het antwoord nee is :P Is er html code waarmee je kunt aangeven dat iets níet onderstreept of dikgedrukt moet staan?

Ik ben bezig met een stuk code (in een webcontent bewerkingssysteem, niet van mezelf dus) en daarin wordt tekst automatisch onderstreept en dikgedrukt neergezet. Dit staat zeker weten niet in de code (heb alles nageplozen) maar wordt volgens mij door het systeem gedaan. Kan ik dit dus ondervangen door een code erbij te zetten?
Dan is er een CSS rule die dit veroorzaakt.
  Redactie Frontpage donderdag 20 oktober 2011 @ 10:49:14 #65
83660 crew  Etcetera
*pffrrrwwwt*
pi_103316684
Ik zal er - voorzichtig - eens induiken, want heb nog nergens gezien dat ik CSS rules kan aanpassen. Daarbij bedenkend dat ik in een live omgeving werk.... :') Fail waiting to happen ;)
It's not just sex, it's love
It's two people connecting
With four other people
And aliens
  donderdag 20 oktober 2011 @ 10:50:39 #66
12221 Tijn
Powered by MS Paint
pi_103316722
Ach, stuk is het toch al :P
Verberg de nieuwsticker
  Redactie Frontpage donderdag 20 oktober 2011 @ 10:52:24 #67
83660 crew  Etcetera
*pffrrrwwwt*
pi_103316782
De tekst is nog leesbaar en goed geordend, ik maak het niet graag stukker :P
It's not just sex, it's love
It's two people connecting
With four other people
And aliens
pi_103316867
quote:
0s.gif Op donderdag 20 oktober 2011 10:49 schreef Etcetera het volgende:
Ik zal er - voorzichtig - eens induiken, want heb nog nergens gezien dat ik CSS rules kan aanpassen. Daarbij bedenkend dat ik in een live omgeving werk.... :') Fail waiting to happen ;)
kan je niet de persoon die het CMS heeft geinstalleerd of template heeft gemaakt even contacteren?
  Redactie Frontpage donderdag 20 oktober 2011 @ 10:58:24 #69
83660 crew  Etcetera
*pffrrrwwwt*
pi_103316966
quote:
0s.gif Op donderdag 20 oktober 2011 10:55 schreef mschol het volgende:

[..]

kan je niet de persoon die het CMS heeft geinstalleerd of template heeft gemaakt even contacteren?
Dat wordt gedaan maar die zijn niet zo snel - en ik ben nogal van het zelf oplossen ;)
It's not just sex, it's love
It's two people connecting
With four other people
And aliens
pi_103317001
quote:
0s.gif Op donderdag 20 oktober 2011 10:58 schreef Etcetera het volgende:

[..]

Dat wordt gedaan maar die zijn niet zo snel - en ik ben nogal van het zelf oplossen ;)
oke :s)
  donderdag 20 oktober 2011 @ 10:59:36 #71
56176 Catch22-
Ben je Blind?!
pi_103317007
je kan beter inline-block vermijden, dat doet het niet altijd even lekker in alle browsers...

Deze frontenddeveloper zal hier even meelezen en helpen waar nodig :)
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 20 oktober 2011 @ 11:00:21 #72
56176 Catch22-
Ben je Blind?!
pi_103317031
quote:
0s.gif Op donderdag 20 oktober 2011 10:49 schreef Etcetera het volgende:
Ik zal er - voorzichtig - eens induiken, want heb nog nergens gezien dat ik CSS rules kan aanpassen. Daarbij bedenkend dat ik in een live omgeving werk.... :') Fail waiting to happen ;)
1
2		text-decoration:none !important;
font-weight:normal !important;
zou het moeten oplossen. Wel even uitzoeken welke selector het override.
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?
  Redactie Frontpage donderdag 20 oktober 2011 @ 13:22:07 #73
83660 crew  Etcetera
*pffrrrwwwt*
pi_103322552
1
2		<A name=betalen/>
<A name=betalen></A>

De eerste zorgde voor de vetgedrukte tekst, de tweede zorgt ervoor dat het niet gebeurde.
It's not just sex, it's love
It's two people connecting
With four other people
And aliens
  donderdag 20 oktober 2011 @ 13:31:19 #74
56176 Catch22-
Ben je Blind?!
pi_103322983
hm oke.

als je in een liveomgeving MOET werken, gebruik dan firebug om het live aan te passen en te testen, kan je werkende fixes in je code zetten en kan er weinig misgaan (buiten cross-browser issues)
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 20 oktober 2011 @ 13:40:29 #75
12221 Tijn
Powered by MS Paint
pi_103323469
Een ongesloten tag voor je content verklaart een hoop.
Verberg de nieuwsticker
  Redactie Frontpage donderdag 20 oktober 2011 @ 13:44:57 #76
83660 crew  Etcetera
*pffrrrwwwt*
pi_103323676
quote:
11s.gif Op donderdag 20 oktober 2011 13:31 schreef Catch22- het volgende:
hm oke.

als je in een liveomgeving MOET werken, gebruik dan firebug om het live aan te passen en te testen, kan je werkende fixes in je code zetten en kan er weinig misgaan (buiten cross-browser issues)
quote:
14s.gif Op donderdag 20 oktober 2011 13:40 schreef Tijn het volgende:
Een ongesloten tag voor je content verklaart een hoop.
De pest is dat ze zelf hebben aangegeven dat zo moest :X Ik ben voor mezelf de code wat aan het opschonen, maar als er gezegd wordt: dat doe je zo, dan doe ik dat zo, want ik ben geen pro, verre van zelfs. Zat wel al te bedenken om 'm door een code-checker heen te gooien van W3S ofzo, maar toen kwamen ze hier mee aanzetten.
It's not just sex, it's love
It's two people connecting
With four other people
And aliens
pi_103326275
quote:
11s.gif Op donderdag 20 oktober 2011 11:00 schreef Catch22- het volgende:

[..]
[ code verwijderd ]

zou het moeten oplossen. Wel even uitzoeken welke selector het override.
Als je uitzoekt welke selector het override kun je net zo goed de originele rule aanpassen. :')
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  donderdag 20 oktober 2011 @ 14:47:42 #78
56176 Catch22-
Ben je Blind?!
pi_103326382
klopt, maar dan hoef je niet in hun rommel te kutten.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  vrijdag 21 oktober 2011 @ 09:31:47 #79
4159 GI
Nee ik heet geen JOE
pi_103361959
quote:
0s.gif Op donderdag 20 oktober 2011 13:22 schreef Etcetera het volgende:

[ code verwijderd ]


De eerste zorgde voor de vetgedrukte tekst, de tweede zorgt ervoor dat het niet gebeurde.
Gratis tip van de dag. "<A name=betalen></A> neerzetten als
1<a name="betalen"></a>
pi_103363515
Dag lieve mensen, ik heb de volgende vraag, ik heb een horizontaal menu met daaronder een soort uitklappanelen net als bovenaan op de frontpage van fok! Nu wil ik echter dat die panelen niet onder het kopje verschijnen waar de muis overheen gaat maar altijd helemaal links dus bij elk item in het horizontale menu op dezelfde positie als het frontpage paneel.

Iemand een idee hoe ik dat kan doen?
  vrijdag 21 oktober 2011 @ 10:44:15 #81
56176 Catch22-
Ben je Blind?!
pi_103363793
Ja. Met CSS. Waarom wil je dat in hemelsnaam? Is nogal een usabilityfail.

Ik zou een UL opzetten met de hoofdmenuitems en met jQuery een set divs met submenus laten tonen bij een hover op het hoofdmenuitem.
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?
  Redactie Frontpage vrijdag 21 oktober 2011 @ 11:09:06 #82
83660 crew  Etcetera
*pffrrrwwwt*
pi_103364643
quote:
3s.gif Op vrijdag 21 oktober 2011 09:31 schreef GI het volgende:

[..]

Gratis tip van de dag. "<A name=betalen></A> neerzetten als
[ code verwijderd ]

Wat maakt dat precies voor verschil? :)
It's not just sex, it's love
It's two people connecting
With four other people
And aliens
pi_103364719
quote:
0s.gif Op vrijdag 21 oktober 2011 11:09 schreef Etcetera het volgende:

[..]

Wat maakt dat precies voor verschil? :)
Het is semantisch correct, valide HTML. Zo parsen alle browsers deze HTML correct.
  Redactie Frontpage vrijdag 21 oktober 2011 @ 11:13:44 #84
83660 crew  Etcetera
*pffrrrwwwt*
pi_103364825
quote:
0s.gif Op vrijdag 21 oktober 2011 11:11 schreef Scorpie het volgende:

[..]

Het is semantisch correct, valide HTML. Zo parsen alle browsers deze HTML correct.
^O^ Ik duik er maandag nog even in om het recht te zetten :)
It's not just sex, it's love
It's two people connecting
With four other people
And aliens
pi_103365798
quote:
11s.gif Op vrijdag 21 oktober 2011 10:44 schreef Catch22- het volgende:
Ja. Met CSS. Waarom wil je dat in hemelsnaam? Is nogal een usabilityfail.

Ik zou een UL opzetten met de hoofdmenuitems en met jQuery een set divs met submenus laten tonen bij een hover op het hoofdmenuitem.
Ik wil net zoiets maken als op de site van wehkamp, een div over de hele breedte van de pagina.
Alleen welke div is dus afhankelijk van boven welk menuitem gehoverd wordt.

Wat jij voorstelt heb ik allemaal al, alleen verschijnen de divs nu onder het menuitem waarboven gehoverd wordt en ik wil ze naar links hebben naar de rand waar de pagina begint. Alleen vraag ik me af hoe ik dat moet doen, ik kan volgens mij geen absolute positioning gebruiken omdat de marge aan de linkerkant van de pagina afhangt van de breedte van het browserscherm. En ook geen relative omdat de afstand die ik ze naar links wil verplaatsten steeds verschilt. Stukje sterk versimpelde code, maar het idee is hetzelfde:

1
2
3
4
5		<ul class="menu">
  <li id="1"> menuitem 1 <div class="panel"> inhoud submenu 1 </div> </li>
  <li id="2"> menuitem 2 <div class="panel"> inhoud submenu 2 </div> </li>
  <li id="3"> menuitem 3 <div class="panel"> inhoud submenu 3 </div> </li>
</ul>
  vrijdag 21 oktober 2011 @ 11:39:38 #86
56176 Catch22-
Ben je Blind?!
pi_103365911
ja je gaat geeikel krijgen als je het zo oplost.

Ik zou het lostrekken

Een li met een data-id, onzichtbare div een data-reffering-id ofzo, als je hovered op de LI zoek je de div die daarbij hoort, die maak je zichtbaar met jQuery en zet je in de submenucontainer


ah, de wehkamp heeft het anders. Die hebben er geen hoverstate in. Die hebben een aparte container voor het submenu dat gevuld wordt met het actieve submenu. Dat is toch niet zo lastig?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_103380728
quote:
3s.gif Op vrijdag 21 oktober 2011 09:31 schreef GI het volgende:

[..]

Gratis tip van de dag. "<A name=betalen></A> neerzetten als
[ code verwijderd ]

Maak er dan gelijk <a href="#" name="betalen"></a> van.

http://developer.yahoo.com/performance/rules.html#emptysrc correctie: blijkt alleen relevant voor images...

[ Bericht 15% gewijzigd door KomtTijd... op 21-10-2011 17:40:40 ]
zcflevo.nl
pi_103450184
Dag heren,

Op dit moment is er, door mij, een klein javascriptprobleempje gecreëerd op mijn website. Bij het laden van een een site wordt er een div gevuld dmv een stukje jQuery en .load die dus een bepaalde pagina in een div zet.
Wat ik inlaad zijn formulieren, maar die posten wel naar zichzelf toe (niet via PHP_SELF), om vervolgens weer een ander formulier te laten zien.

Nu heb ik al heel wat gegoogled op 'jquery load submit form' en dergelijke termen, maar ik kan niet vinden hoe ik dat nou toepas dat dus eigenlijk de response (het nieuwe formulier) in diezelfde div komt.
Hoe doe ik dat nou?
pi_103471120
ik heb bij een icon menu een probleem als ik met mijn muis over het menu ga dat de iconen 1 x knipperen ( dan worden de images opgeslagen in Cache geheugen als ik het goed heb?)
is dit te verhelpen? ik las dat het aan de grootte kan liggen maar de iconen hebben een grootte van 8kb. Gif/Jpeg/Png geprobeerd als file.
"Dubbelop alsof ik een quote citeer"
pi_103472067
quote:
0s.gif Op zondag 23 oktober 2011 13:39 schreef Xanland het volgende:
Dag heren,

Op dit moment is er, door mij, een klein javascriptprobleempje gecreëerd op mijn website. Bij het laden van een een site wordt er een div gevuld dmv een stukje jQuery en .load die dus een bepaalde pagina in een div zet.
Wat ik inlaad zijn formulieren, maar die posten wel naar zichzelf toe (niet via PHP_SELF), om vervolgens weer een ander formulier te laten zien.

Nu heb ik al heel wat gegoogled op 'jquery load submit form' en dergelijke termen, maar ik kan niet vinden hoe ik dat nou toepas dat dus eigenlijk de response (het nieuwe formulier) in diezelfde div komt.
Hoe doe ik dat nou?
Ligt het aan mij of is hier echt geen touw aan vast te knopen? Probeer eerst eens voor jezelf duidelijk te krijgen wat nou precies het probleem is (het oorspronkelijke probleem, niet een (te) moeilijke oplossing), anders ga je nooit verder komen.
quote:
0s.gif Op zondag 23 oktober 2011 21:13 schreef Koopsie het volgende:
ik heb bij een icon menu een probleem als ik met mijn muis over het menu ga dat de iconen 1 x knipperen ( dan worden de images opgeslagen in Cache geheugen als ik het goed heb?)
is dit te verhelpen? ik las dat het aan de grootte kan liggen maar de iconen hebben een grootte van 8kb. Gif/Jpeg/Png geprobeerd als file.
Een sprite gebruiken.
zcflevo.nl
pi_103476955
Goed, via jQuery laad ik een andere pagina in met behulp van:
1
2
3
4		$ ("a[href=\"#wijzigpagina\"]").click (function ()
{
    $ (".content").load ("wijzigpagina.php");
});

Dat houdt dus in dat als je op een linkje klikt met als a href "#wijzigpagina" dat hij wijzigpagina.php in de div, met als class="content", zet. In dit geval en formulier.

Nu submit ik dat formulier (van wijzigpagina.php) naar zijn eigen pagina, via de paginanaam (wijzigpagina.php) in de form action in te vullen. Nu wil ik, dat als ik op Submit druk, dat de uitkomst van het stuk wat in zijn werk gaat na het klikken op die knop weer in diezelfde div met class="content" komt. Want nu gaat hij, na het drukken, naar wijzigpagina.php, maar hij moet blijven op die index.php waar je dus de verwerkte pagina te zien krijgt.
  zondag 23 oktober 2011 @ 22:29:43 #92
220026 Treces
Hier had uw tekst kunnen staan
pi_103477305
quote:
0s.gif Op zondag 23 oktober 2011 22:25 schreef Xanland het volgende:
Goed, via jQuery laad ik een andere pagina in met behulp van:
[ code verwijderd ]

Dat houdt dus in dat als je op een linkje klikt met als a href "#wijzigpagina" dat hij wijzigpagina.php in de div, met als class="content", zet. In dit geval en formulier.

Nu submit ik dat formulier (van wijzigpagina.php) naar zijn eigen pagina, via de paginanaam (wijzigpagina.php) in de form action in te vullen. Nu wil ik, dat als ik op Submit druk, dat de uitkomst van het stuk wat in zijn werk gaat na het klikken op die knop weer in diezelfde div met class="content" komt. Want nu gaat hij, na het drukken, naar wijzigpagina.php, maar hij moet blijven op die index.php waar je dus de verwerkte pagina te zien krijgt.
Ik denk dat dat het beste gaat met ajax.
pi_103477774
quote:
0s.gif Op vrijdag 21 oktober 2011 11:09 schreef Etcetera het volgende:

[..]

Wat maakt dat precies voor verschil? :)
Een A kan op 2 manieren worden gebruikt:
1 - Je maakt van alles wat tussen <a href="" >LINKNAAM</a> staat een klikbare link
2 - Je maakt van een A een punt in een pagina waar je heen kan springen dmv een link

<a name="springhierheen"></a>

als je dan achter de url zet http://site.nl/pagina.html#spinghierheen

springt de pagina naar dat punt in de pagina.

[ Bericht 0% gewijzigd door #ANONIEM op 23-10-2011 22:36:40 ]
pi_103478888
quote:
0s.gif Op zondag 23 oktober 2011 22:36 schreef totalvamp het volgende:

[..]

Een A kan op 2 manieren worden gebruikt:
1 - Je maakt van alles wat tussen <a href="" >LINKNAAM</a> staat een klikbare link
2 - Je maakt van een A een punt in een pagina waar je heen kan springen dmv een link

<a name="springhierheen"></a>

als je dan achter de url zet http://site.nl/pagina.html#spinghierheen

springt de pagina naar dat punt in de pagina.
Voor dat tweede hoef je geen <a> te gebruiken, en ook geen name. Je kunt het ook doen door een div (of een andere tag) de gewenste id mee te geven. (Weer een reden waarom id's uniek moeten zijn.)
fokstok.nl
pi_103479213
quote:
0s.gif Op zondag 23 oktober 2011 22:51 schreef Light het volgende:

[..]

Voor dat tweede hoef je geen <a> te gebruiken, en ook geen name. Je kunt het ook doen door een div (of een andere tag) de gewenste id mee te geven. (Weer een reden waarom id's uniek moeten zijn.)
ja dat weet ik, maar ik ging er vanuit dat ze dit voor dit doeleinde gebruikten. waarom zou je anders een lege tag ergens neerzetten?
pi_103480412
quote:
0s.gif Op zondag 23 oktober 2011 22:25 schreef Xanland het volgende:
Goed, via jQuery laad ik een andere pagina in met behulp van:
[ code verwijderd ]

Dat houdt dus in dat als je op een linkje klikt met als a href "#wijzigpagina" dat hij wijzigpagina.php in de div, met als class="content", zet. In dit geval en formulier.

Nu submit ik dat formulier (van wijzigpagina.php) naar zijn eigen pagina, via de paginanaam (wijzigpagina.php) in de form action in te vullen. Nu wil ik, dat als ik op Submit druk, dat de uitkomst van het stuk wat in zijn werk gaat na het klikken op die knop weer in diezelfde div met class="content" komt. Want nu gaat hij, na het drukken, naar wijzigpagina.php, maar hij moet blijven op die index.php waar je dus de verwerkte pagina te zien krijgt.
Dan moet je ofwel je formulier submitten met een ajax-call ipv een normale submit button, ofwel in je PHP-code een redirect opnemen.
Maar waarom moet je uberhaupt met ajax content in een div laden enzo?
zcflevo.nl
pi_103480614
quote:
0s.gif Op zondag 23 oktober 2011 22:57 schreef totalvamp het volgende:

[..]

ja dat weet ik, maar ik ging er vanuit dat ze dit voor dit doeleinde gebruikten. waarom zou je anders een lege tag ergens neerzetten?
Geen idee, maar als dat het enige doel is, kan het geen kwaad alternatieven aan te geven.
fokstok.nl
pi_103480624
quote:
0s.gif Op zondag 23 oktober 2011 21:25 schreef KomtTijd... het volgende:

[..]

[..]

Een sprite gebruiken.
ahaah, ik zal me er in verdiepen ;) thx
"Dubbelop alsof ik een quote citeer"
  Redactie Frontpage maandag 24 oktober 2011 @ 09:18:45 #99
83660 crew  Etcetera
*pffrrrwwwt*
pi_103487358
quote:
0s.gif Op vrijdag 21 oktober 2011 11:11 schreef Scorpie het volgende:

[..]

Het is semantisch correct, valide HTML. Zo parsen alle browsers deze HTML correct.
quote:
0s.gif Op zondag 23 oktober 2011 22:36 schreef totalvamp het volgende:

[..]

Een A kan op 2 manieren worden gebruikt:
1 - Je maakt van alles wat tussen <a href="" >LINKNAAM</a> staat een klikbare link
2 - Je maakt van een A een punt in een pagina waar je heen kan springen dmv een link

<a name="springhierheen"></a>

als je dan achter de url zet http://site.nl/pagina.html#spinghierheen

springt de pagina naar dat punt in de pagina.
Dat websysteem haalt al mijn <A name="bestelling"></A> haakjes weg :( :')
It's not just sex, it's love
It's two people connecting
With four other people
And aliens
  maandag 24 oktober 2011 @ 09:27:12 #100
137776 boem-dikkie
Jedi Mind Baby!
pi_103487539
quote:
0s.gif Op maandag 24 oktober 2011 09:18 schreef Etcetera het volgende:

[..]

[..]

Dat websysteem haalt al mijn <A name="bestelling"></A> haakjes weg :( :')
Hoe bedoel je?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[html, css, js] voor dummies #18
Index

» digital corner

» development

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