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/
.okequote:
ik zou dan nog liever voor de inline-style kiezen.dan heb ik met fontArial in elke html gewoon normaal arial etc
.als ik dan iets nodig heb doe ik dat gewoon in het CSS document, of kan dat niet?
EDIT:
als ik het leuk blijf vinden wil ik ook door naar PHP, javascript etc, maar je moet klein beginnen, is het niet?
Nah, daar ben ik het niet mee eens. Natuurlijk is het niet de bedoeling om met je classnames precies te omschrijven wat je visueel wilt bereiken, maar inline styles is zo mogelijk wel de slechtste techniek als je nog aan het leren bent hoe HTML en CSS werken.quote:Op woensdag 10 oktober 2012 21:23 schreef KomtTijd... het volgende:
naja of je nu <span class="black"> doet of <span style="color:black"> is natuurlijk allebei net zo fout
Gewoon allebei niet doen is het beste jaquote:Op woensdag 10 oktober 2012 21:28 schreef Tijn het volgende:
[..]
Nah, daar ben ik het niet mee eens. Natuurlijk is het niet de bedoeling om met je classnames precies te omschrijven wat je visueel wilt bereiken, maar inline styles is zo mogelijk wel de slechtste techniek als je nog aan het leren bent hoe HTML en CSS werken.
das het nadeel van css, als ik een andere grootte wil moet ik een andere regel en classname bedenken.quote:
[..]
Nah, daar ben ik het niet mee eens. Natuurlijk is het niet de bedoeling om met je classnames precies te omschrijven wat je visueel wilt bereiken, maar inline styles is zo mogelijk wel de slechtste techniek als je nog aan het leren bent hoe HTML en CSS werken.
maarja, zoveel werk is dat niet. als ik dat al te veel vind had ik niet eens hoeven beginnen
Het idee is dat je 1 (of meerdere) CSS files maakt voor een hele website. Alle HTML-pagina's op de site gebruiken dezelfde stylesheet(s), zodat alle pagina's er uniform en consistent uitzien.quote:Op woensdag 10 oktober 2012 21:26 schreef AppleOcean het volgende:
als ik echt lui ben ( wat ik later ook ga doen) maak ik de CSS in een extern documentje en gebruik ik dat document voor elke html.
Ga je een nieuwe site maken met een ander uiterlijk, dan heb je nieuwe CSS file(s) nodig. Maar de kans is groot dat je stukken HTML dan juist kunt hergebruiken, omdat de structuur van veel onderdelen generiek is.
dus het is een soort van, als je goed begint kom je er wel?quote:
[..]
Het idee is dat je 1 (of meerdere) CSS files maakt voor een hele website. Alle HTML-pagina's op de site gebruiken dezelfde stylesheet(s), zodat alle pagina's er uniform en consistent uitzien.
Ga je een nieuwe site maken met een ander uiterlijk, dan heb je nieuwe CSS file(s) nodig. Maar de kans is groot dat je stukken HTML dan juist kunt hergebruiken, omdat de structuur van veel onderdelen generiek is.
.http://www.w3schools.com/(...)css_background-image
deze ben ik aan het proberen, maar hij lukt niet.
het gaat om dit stukje:
body
{margin: 2px;padding: 20px;border-style:solid;border-color:black;border width:12px;}
{background-image:url('http://imgur.com/DLhbD.jpg');}
maar het werkt niet.
hoe komt dat?
body {quote:
oke: weer een vraagje.
http://www.w3schools.com/(...)css_background-image
deze ben ik aan het proberen, maar hij lukt niet.
het gaat om dit stukje:
body
{margin: 2px;padding: 20px;border-style:solid;border-color:black;border width:12px;}
{background-image:url('http://imgur.com/DLhbD.jpg');}
maar het werkt niet.
hoe komt dat?
margin: 2px;
padding: 20px;
border-style:solid;
border-color:black;
border-width:12px;
background-image:url('http://imgur.com/DLhbD.jpg');
}
zou moeten werken
ohja, thanx beide.quote:
En dat komt omdat je twee keer { } gebruikt.
ik weet niet of het goed gaat, maar hij is iig niet meer wit.
miss is he hele pagina grijs omdat het een grijs wit grijs gradient was van 4000 bij 10000 px
hoe zorg ik dat de bg de volledige schermbreedte van een computer inneemt en de lengte even lang is als de pagina?
het laden duurt ook redelijk lang zo
Zoals ik in het vorige topic al zei:quote:
body
{margin: 2px;padding: 20px;border-style:solid;border-color:black;border width:12px;}
{background-image:url('http://imgur.com/DLhbD.jpg');}
| 1 2 3 4 | selector <--- hiermee bepaal je wat je wilt stylen { <--- hier bepaal je hoe die style eruit ziet } |
leg een uit?quote:
ik snap het niet
Omdat je dubbele brackets hebt denkt CSS dat je met die tweede set brackets ergens een stijl aan wil geven, maar geef je dat nergens aan. Dus gaat die regel niet op.quote:
Lees 't als dit:
| 1 2 3 4 5 6 7 | #hierwiljeachtergrond { margin: 10px; } { background-image: url('bla.png'); } |
Dat gebeurde er bij jouw code.
ohja, zoquote:
[..]
Omdat je dubbele brackets hebt denkt CSS dat je met die tweede set brackets ergens een stijl aan wil geven, maar geef je dat nergens aan. Dus gaat die regel niet op.
Lees 't als dit:
[ code verwijderd ]
Dat gebeurde er bij jouw code.
alles in 1 regel dus
.hoe los ik dat achtergrond probleem op?
het laden vanaf een hdd duurt al redelijl lang, stel je hebt een 1 mbps verbinding
quote:
[..]
hoe zorg ik dat de bg de volledige schermbreedte van een computer inneemt en de lengte even lang is als de pagina?
| 1 2 3 4 5 6 7 8 9 10 11 | html, body { width: 100%; height: 100%; } body { background-image: url('plaatje.png'); background-size: cover; } |
quote:
maakt dus niet uit hoe groot hij echt is? thanx
.Een beetje groot plaatje is natuurlijk wel aan te raden, dat is het mooist op een groot scherm. Maar je hebt gelijk dat je ook aan mensen moet denken die niet zulk supersonisch internet hebben, dus ga geen plaatje van 1 MB als achtergrond instellen aub.quote:
[..]
maakt dus niet uit hoe groot hij echt is? thanx
de breedte maakt sws niks uitquote:
[..]
Een beetje groot plaatje is natuurlijk wel aan te raden, dat is het mooist op een groot scherm. Maar je hebt gelijk dat je ook aan mensen moet denken die niet zulk supersonisch internet hebben, dus ga geen plaatje van 1 MB als achtergrond instellen aub.
.het is toch een gradient van boven naar beneden.
Daar heb je op zich helemaal geen plaatje voor nodig, hoewel CSS gradients nooit zo gemakkelijk zijn geworden als eigenlijk de bedoeling was.quote:
[..]
de breedte maakt sws niks uit
het is toch een gradient van boven naar beneden.
achja, nu weet ik metee hoe ik een plaatje moet doenquote:Op woensdag 10 oktober 2012 22:07 schreef Tijn het volgende:
[..]
Daar heb je op zich helemaal geen plaatje voor nodig, hoewel CSS gradients nooit zo gemakkelijk zijn geworden als eigenlijk de bedoeling was.
.die gradient tut lees ik nog wel een keertje
.Ik denk dat ik om het te leren toch even terugstap naar mac.
Ik denk dat ik met die html en css wel in 2 daagjes klaar ben, als ik na het lezen van een tut ook echt ga oefenen.
Ik begin iig opnieuw denk ik.
alle huidige html elementen en hun omschrijving.
http://html5doctor.com/lets-talk-about-semantics/
semantiek, dit is belangrijk omdat je leert hoe en waarom zo je een pagina opbouwt.
Ik zou beginnen met kale html te schrijven zonder te letten op hoe het er uit ziet, standaard geeft een browser toch een opmaak aan je html. Als je dit een beetje onder de knie krijgt zou ik pas beginnen met css en zodra je daar veel ervaring mee hebt kan je gaan kijken naar javasript.
Zo leer je vanaf het begin om content, opmaak en functionaliteit gescheiden te houden.
Oke thanxquote:
http://html5doctor.com/element-index/
alle huidige html elementen en hun omschrijving.
http://html5doctor.com/lets-talk-about-semantics/
semantiek, dit is belangrijk omdat je leert hoe en waarom zo je een pagina opbouwt.
Ik zou beginnen met kale html te schrijven zonder te letten op hoe het er uit ziet, standaard geeft een browser toch een opmaak aan je html. Als je dit een beetje onder de knie krijgt zou ik pas beginnen met css en zodra je daar veel ervaring mee hebt kan je gaan kijken naar javasript.
Zo leer je vanaf het begin om content, opmaak en functionaliteit gescheiden te houden.
.Ik denk dat ik wel eerst w3schools doe...
Dat dus. W3Schools niet doen -> W3fools.comquote:Op donderdag 11 oktober 2012 09:30 schreef Catch22- het volgende:
w3schools -> http://www.webplatform.org/
W3Schools is niet zo zuiver. Vroeger was het gewoon domweg fout wat erop stond, dat is in de loop der tijd wel wat verbeterd, maar alsnog kun je er hele rare adviezen vinden die niet handig zijn als beginner.quote:
) Dus ik durf dat best flink te nuanceren.True als je wat gevorderder bent en de onderliggende technieken wilt begrijpen, moet je je informatie gewoon bij de bron vandaan halen, dus niet bij w3schools.
Oorspronkelijk ziet het er zo uit:
Als ik PicasaAlbumlist verander in PicasaAlbumlist_speciaal in Chrome Web Developer dan zie ik dat de aanpassing die ik gemaakt heb in de CSS code werkt.
In Joomla heb ik bij de link naar deze pagina de pagina class toegevoegd. (zie hierboven)
En de CSS heb ik aangepast door
te doen.
Nu dacht ik dat de pagina dus geladen zou worden met PicasaAlbumlist_speciaal, maar hij laadt de gewone PicasaAlbumlist.
De pagina in kwestie is deze
In Chrome WD lijkt mijn aanpak te werken, bij het echte laden niet.
Iemand een idee wat deze leek fout doet? Blijkbaar heb ik die hulppagina niet goed begrepen.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <?php $(".Cloud").each(function(){ ip = $(this).attr('ip'); // <<<<<<< gaat goed console.log(ip); requestdata = {"ip": ip} $.getJSON('include/checkip.php', requestdata, function(data){ table = '<table><tbody>'; table+='<tr><td>Machine:</td><td>'+data.ip+'</td><td>Resultaat:</td><td>'+data.active+'</td></tr>'; table+='</tbody></table>'; console.log(table); $(this).html(table); // <<<<< $(this) is niet de div waar het in terecht moet komen }); $(this).html(table); // <<<<< table is leeg (request is nog niet klaar) }); ?> |
| 1 2 | <div class="Cloud" ip="192.168.1.1"></div> <div class="Cloud" ip="192.168.1.2"></div> |
SPOILERde code is superranzig en ja de client-side stuurt ip's naar de server die dan gepingt worden, tzt wordt dat natuurlijk allemaal netjes weggewerkt en zullen alleen machine-id's doorgestuurd worden. De reden dat voor iedere machine een aparte request wordt gedaan is dat het niet de bedoeling is dat het hele script opgehouden wordt als 2 of 3 machines niet te pingen zijn
mijn caps staat aan
nee, nu het probleem. ik ben overgestapt naar os x voor het scripten alleen hij geeft dus niet weer wat ik wil.
hoe los ik dit op?
quote:
ik heb een scope probleempje in mijn jquery:
[ code verwijderd ]
[ code verwijderd ]
Op een of andere manier wil het me niet lukken om de variable table in de div te krijgen. Volgens mij moet de oplossing doodeenvoudig zijn en zit ik er helemaal overheen te kijken. Iemand een hint?SPOILERde code is superranzig en ja de client-side stuurt ip's naar de server die dan gepingt worden, tzt wordt dat natuurlijk allemaal netjes weggewerkt en zullen alleen machine-id's doorgestuurd worden. De reden dat voor iedere machine een aparte request wordt gedaan is dat het niet de bedoeling is dat het hele script opgehouden wordt als 2 of 3 machines niet te pingen zijn
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | $(".Cloud").each(function(){ // Als je een variabele declareert in een functie, dan beginnen met "var" // Zo hou je de scope beperkt tot die functie, anders vervuil je global scope. var self = this; var ip = $(this).attr('ip'); // <<<<<<< gaat goed console.log(ip); var requestdata = {"ip": ip} $.getJSON('include/checkip.php', requestdata, function(data){ // Nieuwe functie, nieuwe scope. this verwijst altijd naar de huidige scope // dat kun je niet aanpassen. var table = '<table><tbody>'; table+='<tr><td>Machine:</td><td>'+data.ip+'</td><td>Resultaat:</td><td>'+data.active+'</td></tr>'; table+='</tbody></table>'; console.log(table); $(self).html(table); // <<<<< $(self) is wel de div waar het in terecht moet komen }); }); |
heb je het bestand opgeslagen als .HTML en open je het met je browser?quote:
IK HEB UNO PROBLEMO
mijn caps staat aan
nee, nu het probleem. ik ben overgestapt naar os x voor het scripten alleen hij geeft dus niet weer wat ik wil.
[ afbeelding ]
hoe los ik dit op?
Jup. Als html opgeslagen in een mapje op het bureaublad ( dat mapje heet HTML) en na het opslaan bem ik daarheen gegaan en aangeklikt...quote:
[..]
heb je het bestand opgeslagen als .HTML en open je het met je browser?
Vervolgens kijg ik dit vester
Dit is safari ofzo?quote:Op zaterdag 13 oktober 2012 11:17 schreef AppleOcean het volgende:
[..]
Jup. Als html opgeslagen in een mapje op het bureaublad ( dat mapje heet HTML) en na het opslaan bem ik daarheen gegaan en aangeklikt...
Vervolgens kijg ik dit vester
Open 'm eens met een andere browser.
nog altijd niet...quote:
[..]
Dit is safari ofzo?
Open 'm eens met een andere browser.
Weet je dat heel zeker? Niet toevallig .html.txt ofzo?quote:
als je in kladblok opslaat moet je bij opslaan ook onderin (in dat dropdown menu) effectief Alle bestanden kiezen en dan opslaan als <bestandsnaam>.HTML anders krijg je zoals tijn zegt <bestandsnaam.html.txt
Ik gebruik teksteditorquote:
Ik heb exact jou code overgetyped in kladblok en het werkt... Dus dat is het niet (just to be sure check)
als je in kladblok opslaat moet je bij opslaan ook onderin (in dat dropdown menu) effectief Alle bestanden kiezen en dan opslaan als <bestandsnaam>.HTML anders krijg je zoals tijn zegt <bestandsnaam.html.txt
Uiteraard opgeslagen als html.
http://notepad-plus-plus.org/
Dit wel een makkelijk programma... doet hetzelfde als kladblok maar geeft kleurtjes voor je codes enzo misschien dat het zo wel lukt
volgens mij niet, want bij ... deed hij het wel.quote:
Heb het even getest en een head is inderdaad niet noodzakelijk.quote:
[..]
volgens mij niet, want bij ... deed hij het wel.
[ afbeelding ]
Ik heb hem ook even gemaakt en hier werkt het prima, wat vaag dat hij het daar niet doet
Raar he?quote:
[..]
Heb het even getest en een head is inderdaad niet noodzakelijk.
Ik heb hem ook even gemaakt en hier werkt het prima, wat vaag dat hij het daar niet doet
Dan maar terug naar windows helaas
Heel raar ja, probeer het nog eens met een andere editor.quote:
[..]
Raar he?
Dan maar terug naar windows helaas
http://webdesign.about.co(...)acintosh-editors.htm
ik gebruik wel windows, kladblok kan prima.quote:
[..]
Heel raar ja, probeer het nog eens met een andere editor.
http://webdesign.about.co(...)acintosh-editors.htm
als ik unity aanzet merk ik er niks van dat het windows is.
Ik zou even opzoek gaan naar een goede editor met syntax highlighting etc. Dat maakt het schrijven van HTML echt een stuk beter te doen.quote:
Die link die ik gaf.. Notepad++quote:
[..]
Ik zou even opzoek gaan naar een goede editor met syntax highlighting etc. Dat maakt het schrijven van HTML echt een stuk beter te doen.
adobe dreamweaver cs6?quote:
[..]
Ik zou even opzoek gaan naar een goede editor met syntax highlighting etc. Dat maakt het schrijven van HTML echt een stuk beter te doen.
okee :0quote:
Notepad++ is ook wel fijn!
Dat zou ik niet doen. Gewoon een goede teksteditor. Er zijn er plenty.quote:
oke zoquote:
Als je dreamweaver gebruikt is de verleiding om vals te gaan spelen te groot. Je kan beter eerst HTML leren voor je DW doet
.dat wil ik idd niet.quote:
bij dreamweaver klik je op een knopje en je halve website word zo gegenereerd
het wordt denk ik coda 2.
nog niet geprobeerd. even doen.quote:
coda zit er super uit, nu kan dat klotewindows volledig weg
ik wilde een hyperlink invoegen in mijn html, die van w3schools.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!DOCTYPE html> <html> <body> <h1> My First Heading </h1> <p> My First paragraph </p> <p> this is another paragraph</p> <p> this is the third paragraph </p> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6> <a href="www.w3schools.com">W3Schools</a> </body> </html> |
probleem is dat de link dus niet werkt...
hoe verhelp ik dat?
edit:
ik snap het al.
http:// vergeten
.ik kreeg een scherm dat de file niet bestond, maar ik snap het al.quote:Op zaterdag 13 oktober 2012 16:37 schreef boem-dikkie het volgende:
En wat krijg je wel te zien? Wat gebeurd er?
iig bedankt
.EDIT:
oke, ik heb nu een link en een afbeelding.
de link staat nu rechts van de afbeelding, maar ik wil hem eronder.
witregels helpen helaas niet.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <!DOCTYPE html> <html> <body> <h1> My First Heading </h1> <p> My First paragraph </p> <p> this is another paragraph</p> <p> this is the third paragraph </p> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6> <img src="http://imgur.com/DO6IO.png" width="125" height="120"> <a href="http://www.w3schools.com">W3Schools</a> </body> </html> |
[ Bericht 54% gewijzigd door AppleOcean op 13-10-2012 16:44:41 ]
<br/> is een enter in htmlquote:
[..]
ik kreeg een scherm dat de file niet bestond, maar ik snap het al.
iig bedankt
EDIT:
oke, ik heb nu een link en een afbeelding.
de link staat nu rechts van de afbeelding, maar ik wil hem eronder.
witregels helpen helaas niet.
[ code verwijderd ]
Een br-element is leuk in content, maar je wil niet op die manier de layout van je site maken.quote:
wat moet ik dan doen?quote:
[..]
Een br-element is leuk in content, maar je wil niet op die manier de layout van je site maken.
op w3 schools staat dus ook <br>quote:
Ik zou een artikel gaan lezen over inline en block elementen.
Je zou ook nu bijv je img in een <p> tag kunnen zetten maar dat is helemaal omslagtig
Een goed artikel zoeken waarin staat uitgelegd hoe de CSS-property "display" werkt en wat het verschil is tussen "display: inline" en "display: block".quote:
Wat?quote:
Ja <br> is in principe je beginsel.. later krijg je <div> enzo wat je leven heel veel gaat versimpelen..
Je zou ook nu bijv je img in een <p> tag kunnen zetten maar dat is helemaal omslagtig
oke, dankje. dan doe ik dat als ik met CSS ga beginnen, ik doe eerst html om alles gescheiden te houden. badenkt allebei :0.quote:
[..]
Een goed artikel zoeken waarin staat uitgelegd hoe de CSS-property "display" werkt en wat het verschil is tussen "display: inline" en "display: block".
Ik heb zelf die Tut van W3 ook al eens gedaan die div komt pas verderop in de tut vandaarquote:
http://www.w3schools.com/html/html_headings.asp
de comments, maar ik snap niet wat je eraan hebt.
is dat voor jezelf makkelijker ofzo?
Jup.quote:
ik ben nu bij
http://www.w3schools.com/html/html_headings.asp
de comments, maar ik snap niet wat je eraan hebt.
is dat voor jezelf makkelijker ofzo?
okequote:
.fijn.quote:
Dat is inderdaad voor jezelf (of als je het voor een bedrijf doet voor je opvolgers / collegas) makkelijker
gelukkig wordt in coda 2 alles mooi met kleurtjes weergegeven, anders had ik er niks van gesnapt denk ik.
als het niet te zien is wordt het lekker grijs
EDIT: van sommige ideean heb ik het idee dat het al in de basic HTML tut stond, maarja.
[ Bericht 5% gewijzigd door AppleOcean op 13-10-2012 17:20:14 ]
Als je je beperkt tot HTML, dan maakt het je niks uit dat de link naast of onder je plaatje staat. HTML is er om functionaliteit en structuur te bieden. Opmaak doe je met CSS, daarmee maak je je pas druk om waar dingen staan en hoe ze eruit zien.quote:
[..]
oke, dankje. dan doe ik dat als ik met CSS ga beginnen, ik doe eerst html om alles gescheiden te houden. badenkt allebei :0.
oohke.quote:
[..]
Als je je beperkt tot HTML, dan maakt het je niks uit dat de link naast of onder je plaatje staat. HTML is er om functionaliteit en structuur te bieden. Opmaak doe je met CSS, daarmee maak je je pas druk om waar dingen staan en hoe ze eruit zien.
thanx
.Je <img> in een <p> zetten is extra html gebruiken om de weergave te veranderen. Dat gaat dus precies tegen het idee van semantische html in. Plaatje is een img, paragraaf is een p, en als je plaatje net als een paragraaf witruimte boven en onder moet hebben regel je dat later in de CSS.quote:
Ja <br> is in principe je beginsel.. later krijg je <div> enzo wat je leven heel veel gaat versimpelen..
Je zou ook nu bijv je img in een <p> tag kunnen zetten maar dat is helemaal omslagtig
de locaties van al die apparaten die ik wil pingen staan er (indirect) gewoon in en de coördinaten zijn zo als XML te downloaden! dat wordt een mooie kaart met groene en rode bolletjes. Hulde aan de mensen die dat onderhouden.Heb het nog niet gebruikt, wel bekeken en gebookmarked, maar is het beter dan de Google Maps API? Het zag er wel heel strak uitquote:
ik hou van openstreetmap
ik vind de documentatie van openlayers nogal vaag, maar met de examples kom je een heel eind
Ja dat snap ik maar het ging hem eigenlijk over de <br> te omzeilen zonder CSS te gebruikenquote:Op zaterdag 13 oktober 2012 17:51 schreef picodealion het volgende:
[..]
Je <img> in een <p> zetten is extra html gebruiken om de weergave te veranderen. Dat gaat dus precies tegen het idee van semantische html in. Plaatje is een img, paragraaf is een p, en als je plaatje net als een paragraaf witruimte boven en onder moet hebben regel je dat later in de CSS.
Even hierop doorgaan met een klein vraagje.quote:
[code]$("input[tabindex='" + (curTabindex + 1) + "']").focus();[/code]
Die +1 dat werkt niet echt lekker in JS. Want dan heb ik een Curtabindex van bv 2. En dan +1 maakt hij er 21 van. Dus hij zet die 1 erachter ipv erbij op te tellen. Met -1 doet hij het wel goed, maar dat wil ik dan weer niet natuurlijk.
http://www.alatoel.nl/nl/visie
quote:De software van Alatoel is geschreven in Open Source software
quote:De software van Alatoel is gegenereerd door AlaGen © zodat de code volgens een standaard is opgebouwd
| 1 2 3 4 5 6 7 8 9 | <tr> <td class="table_menurow" colspan="3" style="height:24px;"><div class="divmenu" onmouseover="this.className='divmenu_hover'" onmouseout="this.className='divmenu'">Actueel <div class="submenubox"> <div class="submenu" onmouseover="this.className='submenu_hover'" onmouseout="this.className='submenu'" onclick="location.href='/actueel/Nieuws'"><a href="/actueel/Nieuws">Nieuws</a></div> </div> </div> <div class="divmenu" onmouseover="this.className='divmenu_hover'" onmouseout="this.className='divmenu'">Over Mobilee <div class="submenubox"> <div class="submenu" onmouseover="this.className='submenu_hover'" onmouseout="this.className='submenu'" onclick="location.href='/over_mobilee/Wie_is_Mobilee'"><a href="/over_mobilee/Wie_is_Mobilee">Wie zijn wij?</a></div> |
In chrome 22.
Beat that.
Integers bestaan niet in Javascript.quote:
zorgen dat je met integers werkt, niet met strings!
gebruik dan een div of span, geen semantische waardequote:
[..]
Ja dat snap ik maar het ging hem eigenlijk over de <br> te omzeilen zonder CSS te gebruiken
Op een site waar ik al eens eerder vragen over gehad heb, heb ik het volgende probleem:
Het menu dat ik Submenu heb genoemd verspringt in IE9. Bovendien overlapt het submenu de foto ipv dat de foto iets lager begint. In Chrome en andere browsers heb ik dit probleem niet.
Als je bijvoorbeeld op Over ons klikt, dan zie je het submenu en daar gaat het mis.
Dit is de code in index.php
| 1 2 | <div id="nav-left"><jdoc:include type="modules" name="menuload" style="none" /></div> <div><ul id="submenu" class="menu"><jdoc:include type="modules" name="Submenu" style="none" /></div> |
Het enige verschil tussen die twee menu's is dat ik het submenu niet links wil uitlijnen aangezien het anders door het logo heenloopt.
In de CSS-file staat dit bij Submenu:
| 1 2 3 4 5 6 7 8 9 10 11 | #submenu { margin-left: 205px !important; margin-top: -30px !important; margin-bottom: 5px; background: url("../images/mainmenu.png") repeat-x scroll 0 0 transparent; font-family: 'Cuprum',sans-serif; height: 43px; border: 1px solid rgba(0, 0, 2, 0.8); box-shadow: 0 1px 0 rgba(253, 253, 255, 0.2) inset, 0 1px 1px rgba(0, 0, 2, 0.2); border-radius: 7px; } |
Iemand een idee waarom het verspringt en overlapt in IE9? Iemand een idee hoe ik dat kan fixen?
Alvast mijn grote dank!
[ Bericht 4% gewijzigd door -J-D- op 28-10-2012 10:22:31 ]
Uhh, dat is een foutje. Die hoort daar niet. Was een experiment van mezelf om te kijken of ik het probleem daarmee kon oplossen.quote:
waarom heb je een negatieve margin met !important nodig? daar zou ik jeuk van krijgen...
Maar helaas.
Gedaan door de eerste code te veranderen.
| 1 2 | <div id="nav-left"><jdoc:include type="modules" name="menuload" style="none" /></div> <div><ul id="submenu" class="menu"><jdoc:include type="modules" name="Submenu" style="none" /></div> |
Alleen heb ik nu nog het probleem dat het menu en de foto's elkaar overlappen.
Dat probleem zit vermoedelijk hier ergens?
| 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 | <body class="background"> <div id="main"> <div id="header-w"> <div id="header"><br> <div class="topmenu"> <div class="topleft"></div><div class="topright"><jdoc:include type="modules" name="position-1" style="none" /></div> <jdoc:include type="modules" name="position-0" style="none" /> </div> <div id="wrapper"> <div id="navr"> <div class="searchbutton"><!-- Social Buttons --> <?php if ($this->params->get( 'socialbuttons' )) : ?><?php include "modules/socialbuttons.php"; ?><?php endif; ?> <!-- END--> </div> <div id="navl"> <div id="nav"> <div id="nav-left"><jdoc:include type="modules" name="menuload" style="none" /><div><ul id="submenu" class="menu"><jdoc:include type="modules" name="Submenu" style="none" /></div></div> <div id="nav-right"> <?php include "html/com_content/archive/component.php"; ?> <!-- Slideshow --> <?php if ($this->params->get( 'slidedisable' )) : ?> <?php include "modules/slideshow.php"; ?><?php endif; ?> <!-- END Slideshow --> |
quote:Op woensdag 17 oktober 2012 15:28 schreef picodealion het volgende:
Krijg nu weer een site ter beoordeling die door deze gast is gemaakt:
http://www.alatoel.nl/nl/visie
[..]
[..]
[ code verwijderd ]
"Een" standaard, ja.
[ afbeelding ]
In chrome 22.
Raar, ik heb hier 3 weken op lopen puzzelen en 5 minuten na het posten vind ik een oplossing. (Niet de meest elegante, maar toch)
Die sitequote:
Krijg nu weer een site ter beoordeling die door deze gast is gemaakt:
http://www.alatoel.nl/nl/visie
[..]
[..]
[ code verwijderd ]
"Een" standaard, ja.
[ afbeelding ]
In chrome 22.
| 1 2 3 | var card = $("#card").clone(); card.css("background-image", external-image-url); card.insertAfter($("#cards").find("#tag")); |
Het jQuery script draait op een website met SSL, maar het plaatje komt vanaf een website zonder SSL. De melding is dus verklaarbaar, maar hoe kom ik er vanaf? De enige work around die ik zo snel kan bedenken, is het plaatje via de server inladen. Maar daar ben ik niet zo happig op, aangezien mij dat onnodige bandbreedte kost.
Das duur.quote:
Kun je het plaatje ook niet via https inladen?
Dat is de consequentie van kiezen voor https. Dat gebruikers waarschuwingen krijgen bij gemixte content is niet meer dan logisch en ook niet iets waar zomaar een workaround voor bestaat voor zover ik weet.quote:
De plaatjes staan op een externe server waar ik geen invloed op heb. Mijn server heeft juist wel SSL, dus ik zou het eventueel via de server in kunnen laden.quote:
Kun je het plaatje ook niet via https inladen?
Ik zou het zonder SSL doen, ware het niet dat Facebook alleen nog maar met SSL werkt.
Je hoeft het niet per se met je eigen server te doen. Een andere server die met https werkt kan ook de plaatjes serveren zonder warnings.quote:
[..]
De plaatjes staan op een externe server waar ik geen invloed op heb. Mijn server heeft juist wel SSL, dus ik zou het eventueel via de server in kunnen laden.
Ik zou het zonder SSL doen, ware het niet dat Facebook alleen nog maar met SSL werkt.
Je zou natuurlijk ook nog Paul Irish' protocol-relative URL kunnen proberen. Maar ik weet niet of 'ie dan automatisch altijd terugvalt op http wanneer https niet lukt zonder warnings te geven.
| 1 | <img src="//domain.com/img/logo.png"> |
Bedankt. Die ga ik vanavond even proberen.quote:Op maandag 29 oktober 2012 12:36 schreef Tijn het volgende:
[..]
Je zou natuurlijk ook nog Paul Irish' protocol-relative URL kunnen proberen. Maar ik weet niet of 'ie dan automatisch altijd terugvalt op http wanneer https niet lukt zonder warnings te geven.
[ code verwijderd ]
Ik was die notatie al eens tegengekomen, maar wist niet waar het voor was.
http://yoast.com/relative-urls-issues/quote:
[..]
Je hoeft het niet per se met je eigen server te doen. Een andere server die met https werkt kan ook de plaatjes serveren zonder warnings.
Je zou natuurlijk ook nog Paul Irish' protocol-relative URL kunnen proberen. Maar ik weet niet of 'ie dan automatisch altijd terugvalt op http wanneer https niet lukt zonder warnings te geven.
[ code verwijderd ]
Dat gaat over relatieve urls in het algemeen. Over protocol-relative zeggen ze dit:quote:
[..]
http://yoast.com/relative-urls-issues/
Volgens mij is er niet zoveel mis met het gebruik van protocol-relative URLs in het scenario van Devv.quote:Another issue is the so-called protocol relative URL. This is a URL that leaves of the http:// or https:// bit. This type of relative URL does have its uses, but it should not be deployed outside of those useful cases. The useful cases are when it’s used inside JavaScript or CSS, so files are served over the same protocol as the current page, especially because when you’re on a https URL, serving anything over http basically breaks the security. Using protocol relative URLs within links or canonical URLs is a very bad idea though, because you can still have duplicate content issues between http and https versions of a website.
. .Weet iemand of deze melding iets van IE8 en lager is, want in de laatste versie van FF en IE krijg ik deze melding niet...
[ Bericht 6% gewijzigd door Devv op 30-10-2012 06:46:18 ]
[ Bericht 84% gewijzigd door TwyLight op 30-10-2012 01:58:02 ]
Ik heb een tabel met twee invoervelden.
Op die invoervelden heb ik een onchange event die de gegevens opslaat in de database en vervolgens een refresh geeft van de pagina (omdat er meerdere tegelijk in kunnen werken wil je ook zien wat er nog meer veranderd is)
Vervolgens zet ik de focus van de cursor op het veld dat erna komt.
Echter wil men nu dat de focus wordt gelegd op het veld waar men na het invullen op geklikt heeft.
Dus dit kan het volgende veld zijn maar ook gewoon een paar regels eerder/later.
Dit kan ik niet opvangen in mijn onchangeevent (volgens mij) want die ziet natuurlijk niet meer dat er geklikt is.
Maar als ik het on een mousedown zou doen, dan weet ik niet meer welk veld er nu geupdate moet worden.
Hebben jullie ideeen hiervoor?
Welke browsers moet het in werken?quote:
Vraagje javascript/jquery
Ik heb een tabel met twee invoervelden.
Op die invoervelden heb ik een onchange event die de gegevens opslaat in de database en vervolgens een refresh geeft van de pagina (omdat er meerdere tegelijk in kunnen werken wil je ook zien wat er nog meer veranderd is)
Vervolgens zet ik de focus van de cursor op het veld dat erna komt.
Echter wil men nu dat de focus wordt gelegd op het veld waar men na het invullen op geklikt heeft.
Dus dit kan het volgende veld zijn maar ook gewoon een paar regels eerder/later.
Dit kan ik niet opvangen in mijn onchangeevent (volgens mij) want die ziet natuurlijk niet meer dat er geklikt is.
Maar als ik het on een mousedown zou doen, dan weet ik niet meer welk veld er nu geupdate moet worden.
Hebben jullie ideeen hiervoor?
Chrome en IE>6quote:
Maar ik krijg toch nooit de locatie waar er geklikt is?quote:
posten met een anchor in de returnurl?
gast vult veld in
klikt op ander veld
onchange gaat in werking
Het id van dat andere veld kan ik toch niet opvragen in mijn onchangeevent?
Ik zou het gewoon async posten en een JSON package teruggeven met de nieuwe data
Dan kun je dat refreshen wel vergeten, dat moet je dan asynchroon oplossen.
En dat is niet het veld waar op dat moment de onchange op zit.
Dus als ik veld 1,2,3,4,5,6,7 heb
en ik vul veld 4 in.. klik vervolgens op veld 2. Dan wil ik dat ik in mijn onchange kan ondervangen dat ik op veld 2 heb geklikt.
Daar was ik al bang voorquote:
dat kan niet, die onchange wordt getriggerd voordat die click gedaan is.
Kan hem ook niet op een onclick doen, want dan weet ik niet welk veld geupdate is.
of ik zou elke keer alles moeten updaten, maar dat kan ook niet, want meerdere users
blegh
De wijzigingen laadt je dan asynchroon in.
overigens is je oplossing echt superongebruiksvriendelijk. Iets veranderen > ander veld selecteren > BATS reload
zijn het niet gewoon berekeningen die je ook met javascript kan doen?
Het is dat er dus meerdere mensen in werken en dat je dus eigenlijk ook wil zien wat die anderen hebben gedaan.
Dus wijzig ik veld 4 en iemand veld 1.. wil ik na mijn wijziging wel zien dat veld 1 gevuld is, zodat ik daar niets meer mee ga doen.
Mijn oplossing was (toen het snel snel moest) een refresh van de pagina waardoor hij weer alle gegevens ophaalt
Dan heeft de laatste gelukquote:
En wat als 2 personen tegelijkertijd in hetzelfde veld werken?
Maar de praktijk wijst nu uit dat er eigenlijk maar 1 echt mee werkt. Op uitzonderingen na dan.
Gewoon met blur en ajax de waarde aanpassen?quote:
Ik weet het.
Het is dat er dus meerdere mensen in werken en dat je dus eigenlijk ook wil zien wat die anderen hebben gedaan.
Dus wijzig ik veld 4 en iemand veld 1.. wil ik na mijn wijziging wel zien dat veld 1 gevuld is, zodat ik daar niets meer mee ga doen.
Mijn oplossing was (toen het snel snel moest) een refresh van de pagina waardoor hij weer alle gegevens ophaalt
De waardes van hele tabel vervangen wordt het dan.quote:
Gewoon met blur en ajax de waarde aanpassen?
Maar denk idd 1 van de enige mogelijkheden is.
Je zou ook nog kunnen spelen met document.activeElement, die opslaan voordat je form submit.quote:
[..]
De waardes van hele tabel vervangen wordt het dan.
Maar denk idd 1 van de enige mogelijkheden is.
Wacht even hoor, je kan velden invullen en die naar de server sturen en dan refreshed de page maar het is geen form dat submit wordt? Dafaq ben je aan het doen meid?quote:
Het is geen form dat gesubmit wordt, dus gaat hem niet worden.
[ Bericht 2% gewijzigd door Scorpie op 30-10-2012 14:52:29 ]
Het is zeg maar een overzicht van prestaties(aantallen) op een dag, waarbij een verklaring moet worden vermeldt.
Die verklaring moet ik opslaan in de database.
Dus wat ik zei. Er zit een onchangeevent op het verklaringsveld, zodat in dat event dmv ajax die verklaring in de database wordt weggeschreven bij de betreffende prestatie.
Ik vervang de url zodat ik de focus op het volgende veld kan gooien en hij opnieuw de gegevens van de database ophaalt en toont zodat je gelijk kan zien of iemand anders misschien bij andere prestaties alvast een verklaring heeft ingevuld zodat jij dat niet meer hoeft te doen.
quote:
ipv die refresh moet je dus gewoon een JSON object inladen met alle veldwaardes en een Jquery functie die van alle velden de value update.
i know.. maar je kent het 'snel snel.. moet vanmiddag klaar zijn'-idee wel. en uiteindelijk blijkt natuurlijk dat er toch wel wat gebruiksvriendelijkheid in moet, terwijl dat daarvoor dus totaal geen wens was.quote:
Lieve schat, zorg dat je eerst eens weet wat je wil maken, hoe het moet werken en wat voor techniek je daarvoor moet gebruiken. Je raakt zo van de regen in de drup
Je kan beter "the bare minimum" goed maken, dan de hele bende inelkaar prutsen, want dat werkt nooit goed. Je moet altijd proberen kwaliteit na te streven. Dat houdt ook in dat je nee zegt als iets niet kan (qua tijd of kennis)
quote:
ipv die refresh moet je dus gewoon een JSON object inladen met alle veldwaardes en een Jquery functie die van alle velden de value update.
De beste ontwikkelaars weten hoe ze nee moeten verkopen, inclusief onderbouwing.quote:
Je moet ook leren "nee" verkopen. Want je hebt zometeen een draak van een app met bugs tot en met dat niet gebruiksvriendelijk is en waar je ook niets mee kan.
Je kan beter "the bare minimum" goed maken, dan de hele bende inelkaar prutsen, want dat werkt nooit goed. Je moet altijd proberen kwaliteit na te streven. Dat houdt ook in dat je nee zegt als iets niet kan (qua tijd of kennis)
En zeker als het gaat om ondersteuning van de corebusiness kan ook ik beter geen 'nee' verkopen. Want zo zit de organisatie niet in elkaar. Natuurlijk als het echt niet gaat qua tijd is het wat anders. En zeker bij grotere projecten is dat anders.
En ik probeer het ook wel steeds beter /gestructureerder te doen. Zit ook te kijken naar eventuele opleidingen, maar zie door de bomen de bos niet en weet ook niet wat handig/verstandig daarin is.
Weet je wel zeker dat je passie ligt bij het beroep wat je nu uitoefent? En dat is niet bedoeld als een aanval op jou gericht.quote:
Nee verkopen? Dat kan hier niet. We verkopen niet eens nee aan klanten
Natuurlijk als het echt niet gaat qua tijd is het wat anders. En zeker bij grotere projecten is dat anders.
En ik probeer het ook wel steeds beter /gestructureerder te doen. Zit ook te kijken naar eventuele opleidingen, maar zie door de bomen de bos niet en weet ook niet wat handig/verstandig daarin is.
denk niet dat dit helemaal voor dit topic is..quote:
Weet je wel zeker dat je passie ligt bij het beroep wat je nu uitoefent? En dat is niet bedoeld als een aanval op jou gericht.
SPOILERMaar ik heb geen idee waar mijn passie ligt. Weet ook niet wat ik over een jaar of 3/4 zou willen doen. Zal dan hier wss niet meer zitten, want wil ook ervaringen op doen in andere werelden en iets anders doen.Wat dat 'iets anders' dan zal zijn, ik heb werkelijk waar geen idee
Er is nu gewoon geen begeleiding mbt echt de code, dus dat is trail and error en daar hopelijk van leren.
en ja ik weet dat het niet handig/slim is etc. Maar zo is momenteel de situatie en daar zal ik het nu mee moeten doen.
Klopt, maar dat boeit de grote bazen minderquote:
Het nu slecht doen en later goed kost toch alleen maar meer tijd dan het nu zo goed mogelijk proberen te doen?
Ik denk dat je dat verkeerd inschat.quote:
[..]
Klopt, maar dat boeit de grote bazen minder
Probleem van de baas. Tegen die tijd gewoon "told you so" zeggen en hopen dat hij er van leert.quote:
Het nu slecht doen en later goed kost toch alleen maar meer tijd dan het nu zo goed mogelijk proberen te doen?
Dan kan je baas dat ook goed uitleggen naar de klant toe en ontstaan er geen problemen.
Zoals ik zei, dat is geheel afhankelijk van waarover het gaat/ wat er moet gebeurenquote:
neequote:
[..]
Zoals ik zei, dat is geheel afhankelijk van waarover het gaat/ wat er moet gebeuren
Je moet gewoon goed beargumenteren en zeker van jezelf zijn. Dan is het gewoon goed. Of worden er extra resources ingezet etc.
Als ik de reacties van Cue_ zo lees klinkt het eerder als haar probleem dan het probleem van de baas.quote:
[..]
Probleem van de baas. Tegen die tijd gewoon "told you so" zeggen en hopen dat hij er van leert.
Niet iedere baas waardeert datquote:
[..]
Probleem van de baas. Tegen die tijd gewoon "told you so" zeggen en hopen dat hij er van leert.
Lijkt me niet slim om te zeggen als je er nog wilt blijven nadat je contract afgelopen is Het is voor interne zaken. Dus het is indirect voor de baas zelf. En als hij iets wil dan moet het nu gebeuren. Simple as that.quote:
Ik snap de situatie dat er ASAP iets gemaakt / gefixt moet worden omdat de klant dat wil. Maar als jij gewoon goed beargumenteerd waarom iets niet kan of waarom jij meer tijd nodig hebt.
Dan kan je baas dat ook goed uitleggen naar de klant toe en ontstaan er geen problemen.
En natuurlijk als het echt niet gaat dan moet ie dat maar slikken. Maar als het op een brakke manier kan, dan kan het, dus moet het.
Als hij er dan toch op blijft staan dat je *NU* een lelijke hack toepast, is het zijn verantwoordelijkheid.
Dit is dus een faal van jezelf, iets moet gewoon goed gebeuren beargumenteer waarom het binnen de tijdsperiode niet kan op een goede manier. En wees zeker.quote:
[..]
Het is voor interne zaken. Dus het is indirect voor de baas zelf. En als hij iets wil dan moet het nu gebeuren. Simple as that.
En natuurlijk als het echt niet gaat dan moet ie dat maar slikken. Maar als het op een brakke manier kan, dan kan het, dus moet het.
Soberso dat je baas dat dan gewoon slikt. Je mist gewoon wat ruggengraat.
Zal ik ook niet ontkennen.quote:
Dat zal het idd ook worden gok ik zoquote:
Ik snap sowieso niet waar de hack voor nodig is. Je hebt nu het posten van data al met Ajax gedaan. Zorg dat het ophalen van data ook met Ajax gaat en je probleem is toch weg? Dan kun je die refresh eruit gooien, blijft je focus gewoon staan en is iedereen blij. Toch?
Gewoon met de update AJAX data updaten in de database en meteen de veranderde waardes teruggeven als JSON en die in de complete handler van de AJAX updaten in de website.quote:
Ik snap sowieso niet waar de hack voor nodig is. Je hebt nu het posten van data al met Ajax gedaan. Zorg dat het ophalen van data ook met Ajax gaat en je probleem is toch weg? Dan kun je die refresh eruit gooien, blijft je focus gewoon staan en is iedereen blij. Toch?
Heb je niet eens 2 calls voor nodig
Inderdaad. Tenzij je een periodieke update-functie wil laten draaien omdat je misschien ook nieuwe data op je scherm wil op het moment dat je niet zelf iets post.quote:
[..]
Gewoon met de update AJAX data updaten in de database en meteen de veranderde waardes teruggeven als JSON en die in de complete handler van de AJAX updaten in de website.
Heb je niet eens 2 calls voor nodig
Dan wel jaquote:
[..]
Inderdaad. Tenzij je een periodieke update-functie wil laten draaien omdat je misschien ook nieuwe data op je scherm wil op het moment dat je niet zelf iets post.
Ik zou gewoon dan 1 generieke AJAX maken die je op elk veld toe kan passen met update event, die dat veld update. En de laatste versie ervan terug geeft.
En dan elke 1000 ms ofso alles checken op nieuwe versie's
Het hoeft niets generieks te zijn of dat als je niets doet dat ie dan moet gaan kijken of er nieuwere versies zijn.
serverside:quote:
http://php.net/manual/en/function.json-encode.php
clientside:
http://api.jquery.com/jQuery.getJSON/
echt 't valt allemaal reuze mee hoor
Tnxquote:
echt 't valt allemaal reuze mee hoor
Het is vaak een kwestie van weten wat de mogelijkheden zijn. En heel veel is mogelijk, de vraag is alleen hoe of waar je het beste naar kan kijken. En dan kom ik af en toe eens hier langs.
En is ook nog een snellere manier om data terug te krijgen via php ook nogIk was eerst ook zo van JSON meh, totdat ik voor een schoolopdracht een PHP minesweeper moest maken.quote:
Op Ik wou er op zijn minst een uitdaging van maken en heel het spel te kunnen spelen zonder browser refreshes. Mijn server staat in amerika, en had een vertraging van 200-3seconde afhankelijk van de grootte van het veld wat getoond moest worden.
JSON gebruikt, en het was zo goed als instant
Jep. Ik heb voor ons platform een JSon tool gemaakt die async waardes post en de geupdate waardes in de juiste velden zet. supergaafquote:
quote:
[..]
Jep. Ik heb voor ons platform een JSon tool gemaakt die async waardes post en de geupdate waardes in de juiste velden zet. supergaaf
Ik ben bezig een animatie tool te maken waarmee je online animaties in elkaar kan zetten en product afbeeldingen kan uitlijnen via een online image editor. Volledig opgebouwd aan de hand van HTML5 met ExtJS, Canvas dmv RaphaelJS, JSON als data laag en een backend van Oracle spul. Helaas is het allemaal zwaar onder embargo, anders had je het kunnen zien.quote:
[..]
Jep. Ik heb voor ons platform een JSon tool gemaakt die async waardes post en de geupdate waardes in de juiste velden zet. supergaaf
De hele boel sla ik op als JSON en doe daar alles mee. Gewoon geweldig
pest dat meisje niet zo
Dank jequote:
Ik doe ook maar m'n best Mja, je mist vooral begeleiding.quote:
Op Klopt, maar dat is nu eenmaal hoe het momenteel hier gaat en kan ik weinig aan veranderen. Maar wat ik wel merk is dat die discussie bij (bijna) elke vraag die ik stel terugkom. Dat is soms wel irritant.quote:
Tis gewoon jammer dat je nog steeds bij zo`n kut bedrijf zit en niet ergens waar ze je gewoon dit soort dingen kunnen aanleren.quote:
het is bijna onmogelijk om iemand te helpen die te weinig achtergrond heeft.quote:
Wil je wel echt wat leren, of wil je gewoon doorzetten met geklooi in de marge?
als we het daar toch over hebben... hoe geschikt is json als opslag formaat? ik krijg binnenkort waarschijnlijk te maken met grote hoeveelheden logdata, zoveel dat alles in een db zetten wel hoofdbrekens zou geven. dus we dachten eraan om bijv. per dag een json bestand op te slaanquote:
[..]
de hele boel sla ik op als JSON en doe daar alles mee. Gewoon geweldig
Ik wil zeker leren!quote:
het is bijna onmogelijk om iemand te helpen die te weinig achtergrond heeft.
Wil je wel echt wat leren, of wil je gewoon doorzetten met geklooi in de marge?
Waarom zou je eigenlijk logdata in een database op willen slaan?quote:
[..]
als we het daar toch over hebben... hoe geschikt is json als opslag formaat? ik krijg binnenkort waarschijnlijk te maken met grote hoeveelheden logdata, zoveel dat alles in een db zetten wel hoofdbrekens zou geven. dus we dachten eraan om bijv. per dag een json bestand op te slaan
Niks mis mee lijkt mij. Ik werk momenteel aan de back-end van een Facebookgame en omdat de front-end nog in ontwikkeling is, verandert de data die ik kreeg om de haverklap. Maar omdat de back-end toch niks met de data hoeft te doen, sla ik gewoon de hele handel json-encoded op. Scheelt een hoop gedoequote:
[..]
als we het daar toch over hebben... hoe geschikt is json als opslag formaat? ik krijg binnenkort waarschijnlijk te maken met grote hoeveelheden logdata, zoveel dat alles in een db zetten wel hoofdbrekens zou geven. dus we dachten eraan om bijv. per dag een json bestand op te slaan
Ik zou dat zeker niet zo doen, gaat je gigantisch veel overhead opleveren.quote:
[..]
als we het daar toch over hebben... hoe geschikt is json als opslag formaat? ik krijg binnenkort waarschijnlijk te maken met grote hoeveelheden logdata, zoveel dat alles in een db zetten wel hoofdbrekens zou geven. dus we dachten eraan om bijv. per dag een json bestand op te slaan
Ik zou gewoon een MongoDB of andere no-SQL oplossing checken. Uitermate geschikte voor lomp veel data
om er statistiek op los te laten en weer te geven aan de klant (" kijk, uw machine heeft op tijdstip x zoveel units per minuut verwerkt")quote:
[..]
Waarom zou je eigenlijk logdata in een database op willen slaan?
Als je er daadwerkelijk dingen uit moet halen, zou ik in elk geval voor de belangrijkste velden wel een kolom in je database maken. Elke keer alle json-data ophalen en dat gaan zitten parsen lijkt me niet zo efficiënt.quote:
[..]
om er statistiek op los te laten en weer te geven aan de klant (" kijk, uw machine heeft op tijdstip x zoveel units per minuut verwerkt")
Depends. Vergeet niet dat JSON vooral in de Javascript wereld belangrijk is als data formaat. In veel andere toepassingen komt het er eigenlijk op neer dat je een tekstbestand hebt, niets meer en niets minder.quote:
[..]
als we het daar toch over hebben... hoe geschikt is json als opslag formaat? ik krijg binnenkort waarschijnlijk te maken met grote hoeveelheden logdata, zoveel dat alles in een db zetten wel hoofdbrekens zou geven. dus we dachten eraan om bijv. per dag een json bestand op te slaan
Ja, zeker als je de client het rekenwerk wil laten doen, is het handig om de data in JSON aan te bieden. Dan hoeft je server die domme statistiek niet te berekenen, maar laat je dat de CPU van de klant lekker doenquote:
[..]
Depends. Vergeet niet dat JSON vooral in de Javascript wereld belangrijk is als data formaat. In veel andere toepassingen komt het er eigenlijk op neer dat je een tekstbestand hebt, niets meer en niets minder.
Psies, en in JS gaat dat nog lekker rapido ook.quote:
[..]
Ja, zeker als je de client het rekenwerk wil laten doen, is het handig om de data in JSON aan te bieden. Dan hoeft je server die domme statistiek niet te berekenen, maar laat je dat de CPU van de klant lekker doen
Is het niet mogelijk om statistieken te genereren aan de hand van de data die je opslaat? Als ik logdata hoor dan moet ik namelijk gelijk denken aan data wat je buiten de business logica om verzameld...quote:
[..]
om er statistiek op los te laten en weer te geven aan de klant (" kijk, uw machine heeft op tijdstip x zoveel units per minuut verwerkt")
Voor die machines is het geen businesslogica, voor de statistics app wel.quote:
[..]
Is het niet mogelijk om statistieken te genereren aan de hand van de data die je opslaat? Als ik logdata hoor dan moet ik namelijk gelijk denken aan data wat je buiten de business logica om verzameld...
't punt is eigenlijk vooral dat ik totaal geen kaas gegeten heb van database-inrichting (ik weet dat je een index op je tabellen moet zetten maar daar houdt het ook wel op). Vandaar dat ik het op dat gebied zo simpel mogelijk wil houden. Als het echt niet anders kan moet het maar uitbesteed worden, maar dat willen we eigenlijk voorkomen.quote:
[..]
Ik zou dat zeker niet zo doen, gaat je gigantisch veel overhead opleveren.
Ik zou gewoon een MongoDB of andere no-SQL oplossing checken. Uitermate geschikte voor lomp veel data
Nou, zo ingewikkeld is het toch ook weer niet? Kwestie van een beetje inlezen, toch?quote:
[..]
't punt is eigenlijk vooral dat ik totaal geen kaas gegeten heb van database-inrichting (ik weet dat je een index op je tabellen moet zetten maar daar houdt het ook wel op). Vandaar dat ik het op dat gebied zo simpel mogelijk wil houden. Als het echt niet anders kan moet het maar uitbesteed worden, maar dat willen we eigenlijk voorkomen.
Heb je niet een voorbeeld van je data?
Ik ben nu wel benieuwd geworden. Wat voor data wil je gaan analyseren? Ik begrijp dus dat je nu helemaal nog geen databasekoppeling hebt.quote:
[..]
Voor die machines is het geen businesslogica, voor de statistics app wel.
Ik moet het een beetje abstract houden maar kan wel wat vertellen:quote:
[..]
Nou, zo ingewikkeld is het toch ook weer niet? Kwestie van een beetje inlezen, toch?
Heb je niet een voorbeeld van je data?
de machines maken logbestanden in de vorm van:
| 1 2 3 4 5 6 7 8 | [date/time] Machine cyle started [date/time] Product refused/accepted/whatever [date/time] -meer informatie- [date/time] -meer informatie- [date/time] -meer informatie- [date/time] Machine cyle started [date/time] enz. |
We moeten iig niet de kale log hebben, want eigenlijk is alleen de regel met refused/accepted en het bijbehorende tijdstip interessant.
wat misschien wel kan is de data per uur op te slaan, dus [uur x] [#aantal refused] [#aantal accepted]. Dan kun je daar grafiekjes mee maken. Hoef je de tekstbestanden pas in te lezen op het moment dat iemand doorklikt voor gedetaileerdere info.quote:
[..]
Is het niet mogelijk om statistieken te genereren aan de hand van de data die je opslaat? Als ik logdata hoor dan moet ik namelijk gelijk denken aan data wat je buiten de business logica om verzameld...
Ik heb twee divs met daarin images, ik wil dat je die van de een naar de ander kunt verplaatsen.
Dit lukt met een standaard scriptje dat ik gevonden heb, probleem is dat wanneer ik een plaatje los laat boven een ander plaatje dat die dan verdwijnt.
edit:
als ik via element inspecteren in chrome kijk wat er gebeurd zie ik dat het plaatje in een ander plaatje wordt geplaatst, dus moet zorgen dat het plaatje geen 'landingsplaats' is, weet alleen niet hoe.
[ Bericht 26% gewijzigd door qwox op 01-11-2012 21:44:13 ]
Echter de plaatjes die in die divs staan lijken ook eigen landingsplaatsen te zijn, waardoor een plaatje in een ander plaatje kan verdwijnen ipv dat ze naast het plaatje in de div komen te staan.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | function dragStart(ev) { ev.dataTransfer.effectAllowed='move'; ev.dataTransfer.setData("Text", ev.target.getAttribute('id')); ev.dataTransfer.setDragImage(ev.target,0,0); return true; } function dragEnter(ev) { event.preventDefault(); return true; } function dragOver(ev) { return false; } function dragDrop(ev) { var src = ev.dataTransfer.getData("Text"); ev.target.appendChild(document.getElementById(src)); ev.stopPropagation(); return false; } |
| 1 | draggable="true" ondragstart="return dragStart(event)" |
| 1 | ondragenter="return dragEnter(event)" ondrop="return dragDrop(event)" ondragover="return dragOver(event)" |
| 1 2 3 4 5 6 7 8 | function dragDrop(ev) { if (ev.target.tagName=='DIV') { var src = ev.dataTransfer.getData("Text"); ev.target.appendChild(document.getElementById(src)); ev.stopPropagation(); } return false; } |
nu nog schrijven dat die hem anders naast het element moet plaatsen.
edit:
heb nu het volgende en ben tevreden voor het moment.
| 1 2 3 4 5 6 7 | function dragDrop(ev) { var src = ev.dataTransfer.getData("Text"); if (ev.target.tagName=='DIV') ev.target.appendChild(document.getElementById(src)); else ev.target.parentNode.insertBefore(document.getElementById(src), ev.target.nextSibling); ev.stopPropagation(); return false; } |
[ Bericht 30% gewijzigd door qwox op 01-11-2012 22:53:02 (toevoeging) ]
Op de één of andere manier pakt hij de css alleen maar als ik de absolute link typ (localhost).
Als ik de link relatief van de index.php maak pakt hij niks.
Het liefste heb ik de url gewoon relatief want dat is makkerlijk als ik de boel online ga zetten.
Ik heb de link ook via het auto-aanvullen getypt maar ook dat levert niks op. Ik heb ook de .css voor het gemak maar in dezelfde map als de index gezet maar helaas.
Mapindeling is alsvolgt:
index.php
templateDetails.xml
images / plaatjes.jpg
css / stylesheet.css
| 1 2 3 4 5 6 7 8 | <?php defined( "_JEXEC" ) or die( "Restricted access" );?> <!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>Untitled Document</title> <link rel="stylesheet" type="text/css" href="css/stylesheet.css"/> </head> |
edit/
Voor wat het waard is, de CSS gaat wel gewoon via relatief path
[ Bericht 2% gewijzigd door karton2 op 03-11-2012 23:16:05 ]
Joomla wil dat je alles absoluut linkt, dus zo:quote:Op zaterdag 3 november 2012 20:06 schreef karton2 het volgende:
Ik wil een index.php linken aan een external stylesheet. Normaal gesproken geen probleem maar nu dus wel.
Op de één of andere manier pakt hij de css alleen maar als ik de absolute link typ (localhost).
Als ik de link relatief van de index.php maak pakt hij niks.
Het liefste heb ik de url gewoon relatief want dat is makkerlijk als ik de boel online ga zetten.
Ik heb de link ook via het auto-aanvullen getypt maar ook dat levert niks op. Ik heb ook de .css voor het gemak maar in dezelfde map als de index gezet maar helaas.
Mapindeling is alsvolgt:
index.php
templateDetails.xml
images / plaatjes.jpg
css / stylesheet.css
[ code verwijderd ]
edit/
Voor wat het waard is, de CSS gaat wel gewoon via relatief path
| 1 | <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/style.css" rel="stylesheet" type="text/css" /> |
http://jamiemarciano.me/help/
http://jamiemarciano.me/help/css/style.css
http://jamiemarciano.me/help//js/functions.js
ik kan geen JS dus heb die code van internet gehaald
Inderdaad ja, hij werkt nu.quote:
[..]
Joomla wil dat je alles absoluut linkt, dus zo:
[ code verwijderd ]
Dankjewel!
quote:
http://jamiemarciano.me/help//js/functions.js
| 1 2 3 4 5 6 7 8 9 | if (x == 1) { $(".dropdown").hide(); $(this).attr('id', '0'); $('#navigation.account').css('color','#fff'); } else { $(".dropdown").show(); $(this).attr('id', '1'); $('#navigation.account').css('color','#f00'); } |
Werkt nietquote:
komt misschien omdat .css een jquery functie is en de rest van mijn javascript geen jquery is?
zoals ik zei ik kan geen JS dus geen idee edit:
het werkt nu, er moest een spatie tussen #navigation en .account
thanks
[ Bericht 10% gewijzigd door TwyLight op 04-11-2012 20:45:33 ]
Waarom niet gewoon een class toevoegen met .addClass en die stylen? .css levert inline styles op, altijd kut. Als je die kleur wilt veranderen moet je nu dus in de javascript gaan zitten kutten.quote:
http://jamiemarciano.me/fok/quote:
Hoe zorg ik dat de text "Gebruikersnaam" een andere kleur wordt zodra het menu actief is?
http://jamiemarciano.me/help/
http://jamiemarciano.me/help/css/style.css
http://jamiemarciano.me/help//js/functions.js
ik kan geen JS dus heb die code van internet gehaald
Whoa, wat is dit? Ziet er goed uit!
FOK!silver in een modern jasjequote:
[..]
http://jamiemarciano.me/fok/
Whoa, wat is dit? Ziet er goed uit!
je hebt gelijk, dat is beter.quote:
[..]
Waarom niet gewoon een class toevoegen met .addClass en die stylen? .css levert inline styles op, altijd kut. Als je die kleur wilt veranderen moet je nu dus in de javascript gaan zitten kutten.
ziet er meer uit alsof er een nieuwe layout komt. hoop het wel, de huidige vind ik lelijk.quote:
als ik me niet vergis heeft hij daar een custom CSS van
Forum mockup die ik ooit eens heb gemaakt in februari 2011quote:
[..]
http://jamiemarciano.me/fok/
Whoa, wat is dit? Ziet er goed uit!
Heb daar een custom css van gemaakt die er op lijkt:
http://files.jamiemarciano.me/fok/style.css
Heb zelf geen abo meer (geen geld
) dus weet niet of er ondertussen dingen veranderd zijn die dan niet meer goed werken etc.Forum thema iig op GoT in je settings als je hem wil gebruiken
Ik zit opgescheept met aids want geen gele sterretjesquote:
Ik heb ook zo'n simplistische lay-out. Fucking nice.
ik gebruik stylebot voor chrome, heb de mobiele layout een beetje nagemaakt. lekker strak en simpel. alle onnodigr dingen eruit gehaald.quote:
[..]
Ik zit opgescheept met aids want geen gele sterretjes
| 1 2 3 4 5 6 7 | <div id="stylebox"> <select name="stylebox1"> <option value="[b]CSS1[/b]">Gray</option> <option value="[b]CSS2[/b]">Black/White</option> <option value="[b]CSS3[/b]">Colorfull</option> </select> </div> |
Ik heb een dropdown box gemaakt, nu wil ik als je Gray aanklikt css file 1 geactiveerd word, hoe doe ik dit?\
Ik zou het overigens gewoon posten en inladen, dat is toch het makkelijkste.
http://home.kpn.nl/timm6065/DokA%20Update.jpg
ik heb zelf wel enig verstand van html en css alleen ben ik een beetje in de war hoe je de achtergrond plaatjes in de code verwerkt. Ik heb de achtergrond nu in CSS staan maar ik weet niet zo goed wat ik aan moet met de 3 vlakken (donkergrijs, groen en wit) die daar bovenop liggen. Die moeten namelijk kunnen veranderen voor elke sub-pagina.
Voor de HTML heb ik dit:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <body> <div id="outside_container"> <div id="header"> <img src="images/header-streepje.jpg" id="streepje1" /> <img src="images/header-streepje.jpg" id="streepje2" /> <ul id="menu"> <li><a href="#">Over ons</a></li> <li><a href="#">Producties</a></li> <li><a href="#">Contact</a></li> </ul> </div> <div id="container"> <div id="container2"> <img src="images/inhoud-groen.png" /> </div> </div> </div> </body> |
En voor de CSS dit:
| 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 | body { margin:0px; padding:0px; background-color:#f9fbf4; font-family:Century Gothic, Helvetica, sans-serif; } #outside_container { background-color:#f9fbf4; } #header { background:url(../images/header-doka.jpg) no-repeat; min-height: 150px; width: 1000px; margin: 0 auto; position: relative; } #streepje1 { position:absolute; top: 68px; right: 408px; } #streepje2 { position:absolute; top: 68px; right: 222px; } #container { background:url(../images/achtergrond.png) no-repeat; min-height:1353px; width: 1000px; margin: 0 auto; position: relative; } #container2 { background:url(../images/inhoud.png) repeat-y; position: absolute; top: 393px; left: 100px; min-height:500px; width: 800px; margin: 0 auto; } #footer { border-top:1px solid #3f2324; padding:10px 50px 80px 50px; } ul#menu { margin:0px; padding:0px; position:absolute; top:66px; right:100px; } ul#menu li { margin:0px; padding:0px; list-style: none; margin-left:40px; font-size:24px; font-weight:bold; text-transform:uppercase; display:inline; } ul#menu li a { text-decoration:none; color:#222222; } ul#menu li a:hover { text-decoration:none; color:#3a5c73; } |
Voor die grijs/groen/witte blokken kun je tegenwoordig prima RGBA kleuren gebruiken, met een RGB kleur als failover voor failbrowsers.
On a sidenote: als je op een id selecteert is het onnodig om het element te specificeren - een ID is toch altijd uniek.
[ Bericht 7% gewijzigd door KomtTijd... op 06-11-2012 15:30:51 ]
http://oli.jp/2011/ids/
waar zou je meerdere backgrounds voor nodig hebben in dit geval?quote:
Meerdere backgrounds werken niet in alle browsers. List image is ook niet super chill.
http://home.kpn.nl/timm6065/DokA/index.html
En wat ik ook raar vind is dat je de "//" in de header hebt verwerkt ipv dat gewoon met tekst te doen. Nu staat het helemaal verkeerd uitgelijnd
het gaat me vooral om de html/css codegeen idee, maarrrrquote:
[..]
waar zou je meerdere backgrounds voor nodig hebben in dit geval?
quote:
Ok dank! ik denk dat ik dan gewoon list-icons gebruik. Kan je overigens meerdere achtergrond afbeeldingen gebruiken en die dan bijvoorbeeld links en rechts floaten (als ik de terminologie goed gebruik)?
Waarom heb je geen h1 maar wel h2 en h3? En waarom staat er een lap tekst in een heading? Kan je beter in een paragraph zettenquote:
Zo, aardig gelukt, bedankt voor de info. Als jullie nog opmerkingen hebben over de code dan hoor ik het graag.
http://home.kpn.nl/timm6065/DokA/index.html
Niet mee eens. Het is layout, geen content. Hoort ook niet als content in je pagina dus.quote:
En wat ik ook raar vind is dat je de "//" in de header hebt verwerkt ipv dat gewoon met tekst te doen. Nu staat het helemaal verkeerd uitgelijnd
En zoals het er nu staat maakt het de HTML zelfs invalid.
met een :before zou wel kunnen wat mij betreft.
Goeie, daar kan ik natuurlijk ook gewoon kleurcodes voor gebruikenquote:
Waarom maak je plaatjes van achtergronden met een monochrome kleur?
Ik snap eigenlijk niet wat je hiermee bedoelt. Bedoel je dat ik nu zowel een stijl voor een content block aangeef en voor h3 en dat dat dubbel?quote:
Je ID's zijn niet zinnig, je hebt een lap tekst in een heading
Dank voor jullie hulp, ik ben pas sinds een week met CSS bezig dus het is even wennen!
een heading is voor een koptekst, als het geen kop is, maar content, moet het in een contenttag (<p> bijvoorbeeld)
-- css/stylesheet.css
-- js/script.js
-- ajax/search.php
index.php
• "index.php" roept "script.js" aan d.m.v script tags.
• "script.js" bevat de functie:
• "search.php" haalt een aantal waarden uit m'n database en echo'd ze.
Als ik "index.php" in de root zet, werkt het, maar dat is helaas geen optie. Ik wil "index.php" 1 niveau omhoog gooien in de map 'view'. Helaas werkt het dan niet meer. Als ik in "script.js" alert() doe, zie ik wel de alert-popup, dus ik denk dat het fout gaat bij het aanroepen van "search.php" of bij het echo'en in "search.php".
Ik heb al redelijk veel geprobeerd, maar ik krijg ik dus niet voor elkaar om hetzelfde effect te krijgen als ik "index.php" in een map zet.
firebug aan?
../ajaxquote:
Ik heb een vraagje. Ik heb de volgende mappenstructuur
-- css/stylesheet.css
-- js/script.js
-- ajax/search.php
index.php
• "index.php" roept "script.js" aan d.m.v script tags.
• "script.js" bevat de functie: [ afbeelding ]
• "search.php" haalt een aantal waarden uit m'n database en echo'd ze.
Als ik "index.php" in de root zet, werkt het, maar dat is helaas geen optie. Ik wil "index.php" 1 niveau omhoog gooien in de map 'view'. Helaas werkt het dan niet meer. Als ik in "script.js" alert() doe, zie ik wel de alert-popup, dus ik denk dat het fout gaat bij het aanroepen van "search.php" of bij het echo'en in "search.php".
Ik heb al redelijk veel geprobeerd, maar ik krijg ik dus niet voor elkaar om hetzelfde effect te krijgen als ik "index.php" in een map zet.
Je bedoelt:quote:
heb je een base href in je document staan?
firebug aan?
| 1 | <?php echo base_url()."map"; ?> |
Heb ik al gedaan, geen effect.quote:
Edit: Oh, wacht. Als ik de paginabron bekijk wordt "../ajax" niet doorgevoerd, waar kan dat aan liggen? Heb uiteraard wel gerefresht.
Edit: Het werkt al, ik moest m'n browsergegevens wissen. Hier heb ik dus zeker weer 30 minuten mee zitten kloten, terwijl het weer zo een simpel probleem was.
Ik [ Bericht 4% gewijzigd door pascal08 op 07-11-2012 17:30:37 ]
http://www.w3schools.com/tags/tag_base.aspquote:
[..]
Je bedoelt:
[ code verwijderd ]
Nee, maar als ik in de paginabron op de links klik werken ze wel, dus in m'n index.php zit alles goed denk ik.
[..]
Heb ik al gedaan, geen effect.
Edit: Oh, wacht. Als ik de paginabron bekijk wordt "../ajax" niet doorgevoerd, waar kan dat aan liggen? Heb uiteraard wel gerefresht.
[ afbeelding ]
[ afbeelding ]
Edit: Het werkt al, ik moest m'n browsergegevens wissen. Hier heb ik dus zeker weer 30 minuten mee zitten kloten, terwijl het weer zo een simpel probleem was.
in firebug heb je een Net tab. Daarin zie je alle requests. Als je een verkeerde referentie zet, zie je daar wel een 404 verschijnen en weet je dat je het pad moet aanpassen
| 1 | /ajax/search.php |
Gelukkig zien de meeste sites er wel fatsoenlijk uit als je geen gekke dingen doet dus 9 van de 10 keer hoef ik niks te doen om het in IE7 te laten werken.
IE6 is bij mij een no-go, behalve als de klantquote:
Hoever gaan jullie in het ondersteunen van IE? Ik haak persoonlijk af bij IE6. Ik krijg eigenlijk al hoofdpijn van IE7, maar daar kan je nog om bepaalde onvolkomenheden heen dansen.
er om vraagt (laatst nog 1 gehad ) IE7 mehhh
IE8+ voor mij.
Ik heb klein vraagje. Op deze website link
Als je naar beneden scrollt en aankomt bij die tekst van
Daarnaast staat een menu met een tekst, als je op bijv. SEO op dat menu klikt veranderd alleen de tekst en ververst de pagina niet.quote:120% effort for every customer we get. Thats how we roll!how we roll!
Hoe heet zoiets ik heb het een keer kunnen opzoeken maar ik weet niet meer op welke zoekwoorden
Serieus? Ik heb al zeker twee jaar daar niemand over gehoord.quote:
[..]
IE6 is bij mij een no-go, behalve als de klant
Zelfs IE7 is bijna nooit meer op de radar in mijn ervaring. En de enige reden dat IE8 dat nog wel is, is omdat dat de laatste versie is die draait in Windows XP. Geef het nog een jaar of 2 en dan is dat ook helemaal verdwenen.
Dat heet javascript.quote:
Hallo,
Ik heb klein vraagje. Op deze website link
Als je naar beneden scrollt en aankomt bij die tekst van
[..]
Daarnaast staat een menu met een tekst, als je op bijv. SEO op dat menu klikt veranderd alleen de tekst en ververst de pagina niet.
Hoe heet zoiets ik heb het een keer kunnen opzoeken maar ik weet niet meer op welke zoekwoorden
Het OM in een grote stad. Mooiste was dat we een webapplicatie hadden gebouwd gericht op IE8 (had de klant aangegeven te gebruiken), komen we daar aan om het uit te rollen, was het IE6quote:
[..]
Serieus? Ik heb al zeker twee jaar daar niemand over gehoord.
Gelukkig had het JS framework dat we gebruikten nog native ondersteuning voor IE6
En toen gingen ze zeker mopperen dat het traag was?quote:
[..]
Het OM in een grote stad. Mooiste was dat we een webapplicatie hadden gebouwd gericht op IE8 (had de klant aangegeven te gebruiken), komen we daar aan om het uit te rollen, was het IE6
Gelukkig had het JS framework dat we gebruikten nog native ondersteuning voor IE6
Hoe raad je het zoquote:
[..]
En toen gingen ze zeker mopperen dat het traag was?
Toen heb ik ze in vriendelijke bewoordingen verteld dat ze maar eens uit het jaar kruik moesten kruipen met hun IT infra.
Ja IE9.
Weet iemand trouwens hoe ik mijn pagina gestrekt krijg over het hele scherm? Ik heb nu dat mijn page-wrap div continu een klein randje overslaat, zoals hieronder te zien is.
Nvm, is al opgelost door * { margin: 0; } in m'n CSS te zetten.
quote:
* KomtTijd... weer een stukje afsterft
Doe ik iets verkeerd?quote:
[..]
* KomtTijd... weer een stukje afsterft
Je zet nu een margin van 0 op letterlijk ieder element in je pagina. Niet echt handig.quote:
Je kunt gewoon JS en HTML5 gebruiken om een native app te bouwen...
Nou kijk, ik doe het vast niet op de goede manier, maar het werkt wel.quote:
[..]
Je zet nu een margin van 0 op letterlijk ieder element in je pagina. Niet echt handig.
Ik ben gewoon een newbie. Je kan beter op zoek gaan naar wat die extra margin veroorzaakt. Dan doe je het op de goede manier, werkt het wel én weet je zeker dat andere dingen ook blijven werken. De bij-effecten van álle margins op 0 zetten zijn niet te overzien op een grote site.quote:
[..]
Nou kijk, ik doe het vast niet op de goede manier, maar het werkt wel.
http://www.sitepoint.com/(...)-sticking-out-of-div
Ik heb mijn hele pagina in een page-wrap div staan en die page wrap heeft margin. Hoe vind ik de oorzaak het snelst? Mijn CSS is nogal uitgebreid.quote:
[..]
Je kan beter op zoek gaan naar wat die extra margin veroorzaakt. Dan doe je het op de goede manier, werkt het wel én weet je zeker dat andere dingen ook blijven werken. De bij-effecten van álle margins op 0 zetten zijn niet te overzien op een grote site.
Welke browser gebruik je?
Dat gebruik ik al, erg handig inderdaad. Ik heb dit gevonden:quote:
Element inspecteren met de dev tools van je browser, vervolgens in de browser de margin aanpassen en kijken of dat helpt.
Welke browser gebruik je?
Dit veroorzaakt de randjes.
Kan ik nu gewoon dit doen?
| 1 2 3 | body { margin: 0; } |
Ja.quote:
[..]
Dat gebruik ik al, erg handig inderdaad. Ik heb dit gevonden:
[ afbeelding ]
Dit veroorzaakt de randjes.
Kan ik nu gewoon dit doen?
[ code verwijderd ]
Dit geeft toch hetzelfde effect als:quote:
| 1 2 3 | * { margin: 0; } |
Nee, tuurlijk niet.
