DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
[html, css, js] Voor Dummies
Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.
HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript (niet te verwarren met programmeertaal Java) is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies
Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Stel deze in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. is ook een ander topic: Het grote (betaalde) webhosting topic
En voor Wordpress is er ook een speciaal topic, als het om meer gaat dan de HTML/CSS van een theme: Topicreeks: Algemeen Wordpress topic
Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (
), zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.
Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.
IK SNAP ER NIETS VAN HELLEP! WAT IS CSS?
We helpen iedereen graag in dit topic, ook mensen die er helemaal niets van begrijpen. Maar we verwachten wel dat je je best doet om het wel te gaan begrijpen. Lees eens wat tutorials en probeer het altijd eerst zelf. Je krijgt hier tips waar je zelf iets mee moet doen.
Voor je een vraag stel hier, verplichte kost
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
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/
doen we een 'before' tegenwoordig niet met een dubbele dubbele punt?
ah een artikel hier over gevonden
http://www.impressivewebs.com/before-after-css3/
ah een artikel hier over gevonden
http://www.impressivewebs.com/before-after-css3/
“Specialization is for insects”.—Robert Heinlein
Des te meer reden om 'm dubbel te zettenquote:Op vrijdag 9 november 2012 19:16 schreef picodealion het volgende:
IE struikelt daar soms nog over meen ik.
Hoe zorg ik ervoor dat mijn div's elkaar niet overlappen? Ik neem aan dat ik niet voor elke div een marge hoef in te stellen toch?
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
quote:Op zaterdag 10 november 2012 19:55 schreef picodealion het volgende:
Divs overlappen elkaar sowieso niet? Of snap ik je vraag niet?
div "under_top" zit nu onder div "top"
Jawel, maar die </div> tags zie je niet. Ik heb alles laten collapsen om de structuur te laten zien.quote:Op zaterdag 10 november 2012 20:05 schreef KomtTijd... het volgende:
Ín top bedoel je? Je sluit er geeneen af (ja alleen #button).
Ik zou graag willen weten waarom "top" "under_top" overlapt, maar de rest gewoon wel netjes onder elkaar gezet wordt.quote:
En wat moeten wij er in hemelsnaam over gaan gaan zeggen als je maar de helft laat zien?
Wat wil je zien?
http://pastebin.com/0GwJHmaPquote:Op zaterdag 10 november 2012 20:16 schreef KomtTijd... het volgende:
Je code. Liefst gewoon een online sample.
Ik denk dat ik de oplossing al heb. Ik moet alles met position: relative aanduiden in een nieuwe CSS file, dus niet die van Bootstrap (al zou dat natuurlijk ook kunnen, volgens mij).quote:
EDIT: Werkt niet.
Kan ik eigenlijk een CSS naast de CSS van Bootstrap gebruiken? Of wordt alles dan overruled?
Als ik margin-top: 50px; doe, dan komt de tekst wel onder de navigatiebalk uit, maar zo wil ik het niet. Ik wil gewoon dat de delen van de pagina's na elkaar komen en elkaar dus niet overlappen.
Als ik margin-top: 50px; doe, dan komt de tekst wel onder de navigatiebalk uit, maar zo wil ik het niet. Ik wil gewoon dat de delen van de pagina's na elkaar komen en elkaar dus niet overlappen.
Gebruik jsfiddle.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
quote:
Je code. Liefst gewoon een online sample.
Gebruik jsfiddle.quote:
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Problem solved:
<div class="navbar navbar-fixed-top"> moest zijn: <div class="navbar navbar-absolute-top">
Hier gevonden:
http://css-tricks.com/forums/discussion/16366/help-needed/p1
Thanks voor het meedenken!
<div class="navbar navbar-fixed-top"> moest zijn: <div class="navbar navbar-absolute-top">
Hier gevonden:
http://css-tricks.com/forums/discussion/16366/help-needed/p1
Thanks voor het meedenken!
Gooi het gewoon ergens online. Zeker als het zo'n lap code is ipv een kleine testcase.
Je gaat zelf toch ook niet lopen debuggen zonder firebug...
Je gaat zelf toch ook niet lopen debuggen zonder firebug...
Online gooien, wat bedoel je daarmee?quote:Op zaterdag 10 november 2012 20:46 schreef KomtTijd... het volgende:
Gooi het gewoon ergens online. Zeker als het zo'n lap code is ipv een kleine testcase.
Je gaat zelf toch ook niet lopen debuggen zonder firebug...
Firebug? Ook nog nooit van gehoord. Zal eens kijken wat het is.
Als ik errors gelijk wil outputten in een dropdown-login, dan moet ik met javascript werken toch? Of kan ik dat ook gewoon met PHP doen?
web inspectorquote:
Gooi het gewoon ergens online. Zeker als het zo'n lap code is ipv een kleine testcase.
Je gaat zelf toch ook niet lopen debuggen zonder firebug...
“Specialization is for insects”.—Robert Heinlein
Ik heb met Bootstrap een typeahead veld gemaakt en ik heb de JS code onder aan m'n HTML pagina geschreven. Als ik dit doe werkt het wel:
..., maar zodra ik een query laat uitvoeren vanuit een ander PHP-bestand, dan gaat er iets niet goed. Het PHP-bestand stand-alone draaien werkt wel.
..., maar zodra ik een query laat uitvoeren vanuit een ander PHP-bestand, dan gaat er iets niet goed. Het PHP-bestand stand-alone draaien werkt wel.
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
En wát gaat er niet goed?quote:Op maandag 12 november 2012 12:17 schreef pascal08 het volgende:
..., maar zodra ik een query laat uitvoeren vanuit een ander PHP-bestand, dan gaat er iets niet goed. Het PHP-bestand stand-alone draaien werkt wel.
quote:
Ik heb met Bootstrap een typeahead veld gemaakt en ik heb de JS code onder aan m'n HTML pagina geschreven. Als ik dit doe werkt het wel:
[ afbeelding ]
..., maar zodra ik een query laat uitvoeren vanuit een ander PHP-bestand, dan gaat er iets niet goed. Het PHP-bestand stand-alone draaien werkt wel.
[ afbeelding ]SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Dit stukje klopt niet. De while-loop wordt voor elk resultaat uitgevoerd, en voor elk resultaat herdefiniëer je $array[] als de waarde uit de kolom "last_name". Als je in Chrome of Firebug het network request bekijkt (doe dit dan ook, leer de developer tools gebruiken, leer debuggen) zie je waarschijnlijk dat de PHP-pagina een JSON-object terugstuurt met daarin maar één achternaam.
1
2
3
4
5
6<?php
$mysql_query = mysql_query("SELECT * FROM `users` WHERE last_name LIKE '%$query%' ORDER BY `status` DESC LIMIT 15");
while($row = mysql_fetch_assoc($mysql_query)) {
$array[] = $row['last_name'];
}
?>
Ikzelf zou het zo doen:array_push is een functie waarmee je waardes aan een array kunt toevoegen. Deze code is niet getest overigens, maar zoiets als dit moet zeker werken.
1
2
3
4
5
6
7
8
9<?php
$array = array();
$mysql_query = mysql_query("SELECT * FROM `users` WHERE last_name LIKE '%$query%' ORDER BY `status` DESC LIMIT 15");
while($row = mysql_fetch_assoc($mysql_query)) {
array_push($array,$row['last_name']);
}
header('Content-type: application/json');
echo json_encode($return_array);
?>
Wat betreft je je JS-code, ik betwijfel of dit de juiste manier is om te bereiken wat je doet. De source van de typeahead lijkt mij een statisch element namelijk. Ik denk dat je een keydown event moet binden aan het veld waar je in typt, en in die event handler het source-attribuut moet updaten.
[ Bericht 6% gewijzigd door Merkie op 12-11-2012 12:42:43 ]2000 light years from home
Als ik 'm stand-alone via XAMPP draai, dan zie ik wel een JSON met 8 namen, elke keer wordt er toch gewoon een waarde aan de array toegevoegd?quote:
[..]
[ code verwijderd ]
Dit stukje klopt niet. De while-loop wordt voor elk resultaat uitgevoerd, en voor elk resultaat herdefiniëer je $array[] als de waarde uit de kolom "last_name". Als je in Chrome of Firebug het network request bekijkt (doe dit dan ook, leer de developer tools gebruiken, leer debuggen) zie je waarschijnlijk dat de PHP-pagina een JSON-object terugstuurt met daarin maar één achternaam.
Ikzelf zou het zo doen:
[ code verwijderd ]
array_push is een functie waarmee je waardes aan een array kunt toevoegen. Deze code is niet getest overigens, maar zoiets als dit moet zeker werken.
Enne, voortaan inderdaad zeggen wat er niet goed gaat, lijkt me vrij essentiëel.
in de request en de reply daaropquote:
[..]
Ik heb 'm al in het JS-topic gepost.
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
Dit lijkt me inderdaad een goede optie, ik ga dat eens proberen.quote:
Wat betreft je je JS-code, ik betwijfel of dit de juiste manier is om te bereiken wat je doet. De source van de typeahead lijkt mij een statisch element namelijk. Ik denk dat je een keydown event moet binden aan het veld waar je in typt, en in die event handler het source-attribuut moet updaten.
In het tabblad 'network' geeft 'ie wel een 404 fout, dus ik ben ook ergens weer verkeerd aan het linken, even checken...quote:
[..]
in de request en de reply daarop
Je hebt gelijk, sorry. Dit is wat je moet doen denk ik.quote:
[..]
Als ik 'm stand-alone via XAMPP draai, dan zie ik wel een JSON met 8 namen, elke keer wordt er toch gewoon een waarde aan de array toegevoegd?
| 1 2 3 | $("#typeahead").on("keydown", function(){ $(this).typeahead({source: <hier je Ajax-functie>}); }); |
2000 light years from home
Ga ik direct proberen.quote:
[..]
Je hebt gelijk, sorry. Dit is wat je moet doen denk ik.
[ code verwijderd ]
Wat er trouwens vaak gebeurd bij mij, is dat een verandering in de code niet goed wordt doorgevoerd in Chrome, terwijl ik wel gewoon refresh. Ik denk dat het iets te maken heeft met een gecached exemplaar, zou dat kunnen? Hoe testen jullie dit soort scripts?
Altijd CTRL-F5 doen.
De manier die ik je verteld heb gaat trouwens niet werken bedenk ik me net. Ajax is namelijk asynchroon, als je een Ajax-request uitvoert dan moet je het resultaat in het Ajax-request zelf gebruiken. Je kan niet zeggen: var test = ajaxRequest(bla);
Je moet dit ongeveer doen:
De manier die ik je verteld heb gaat trouwens niet werken bedenk ik me net. Ajax is namelijk asynchroon, als je een Ajax-request uitvoert dan moet je het resultaat in het Ajax-request zelf gebruiken. Je kan niet zeggen: var test = ajaxRequest(bla);
Je moet dit ongeveer doen:
| 1 2 3 4 5 6 | $("#typeahead").on("keydown", function(){ $.ajax(bla).done(function(result) { var typeahead = $('#typeahead').typeahead(); typeahead.data('typeahead').source = result; }); }); |
2000 light years from home
F5 is genoeg, de ctrl is alleen nodig als je browsercache corrupt is.quote:
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
Ik moet nu steeds handmatig al m'n browsergegevens verwijderen, dan doet 'ie het wel.quote:
[..]
F5 is genoeg, de ctrl is alleen nodig als je browsercache corrupt is.
F5 werkt ook lang niet altijd. Vooral IE heeft er een handje van om bestanden vrolijk vast te houden.
Vandaar ook dat niemand in his right mind IE gebruikt als development browser.quote:
F5 werkt ook lang niet altijd. Vooral IE heeft er een handje van om bestanden vrolijk vast te houden.
In IE10 werken placeholders eindelijk wel.quote:
[..]
Vandaar ook dat niemand in his right mind IE gebruikt als development browser.
Je ontkomt er niet aan als je je site wilt testen in IE he. En je weet zelf net zo goed als ik dat een site nooit in één keer werkt in IEquote:
[..]
Vandaar ook dat niemand in his right mind IE gebruikt als development browser.
.
2000 light years from home
vooralsnog moet ik bij elke browser ctrl+f5 drukken om zeker te zijn dat alles vers van het net gehaald wordt en de cache ontweken wordt...quote:
[..]
F5 is genoeg, de ctrl is alleen nodig als je browsercache corrupt is.
Uiteindelijk test je in alle browsers ja, maar voor de initiële ontwikkeling IE gebruiken, dan kom je wel met zulke kromme producten...quote:
[..]
Je ontkomt er niet aan als je je site wilt testen in IE he. En je weet zelf net zo goed als ik dat een site nooit in één keer werkt in IE
Elke browser (zie de tabel van 27 September 2010) stuurt If-Modified-Since headers mee bij een F5. Alleen als de webserver heel slecht is, is een F5 niet voldoende.quote:
[..]
vooralsnog moet ik bij elke browser ctrl+f5 drukken om zeker te zijn dat alles vers van het net gehaald wordt en de cache ontweken wordt... ongeacht of die corrupt is of niet...
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
een standaard apache installatie, en F5 is dan niet afdoende...quote:
[..]
Elke browser (zie de tabel van 27 September 2010) stuurt If-Modified-Since headers mee bij een F5. Alleen als de webserver heel slecht is, is een F5 niet voldoende.
overigens vermeld jou link het volgende:
quote:F5 may give you the same page even if the content is changed, because it may load the page from cache. But Ctrl-F5 forces a cache refresh, and will guarantee that if the content is changed, you will get the new content.
Gewoon Ctrl + F5 gebruiken dus.quote:
[..]
een standaard apache installatie, en F5 is dan niet afdoende...
overigens vermeld jou link het volgende:
[..]
nee, niet.quote:
Apache stuurt standaard echt geen 304 terug.quote:
[..]
een standaard apache installatie, en F5 is dan niet afdoende...
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
Pardon? Dat stukje werkt wel degelijk hoor. Sterker nog uit de php-manual van array_push:quote:
[..]
[ code verwijderd ]
Dit stukje klopt niet. De while-loop wordt voor elk resultaat uitgevoerd, en voor elk resultaat herdefiniëer je $array[] als de waarde uit de kolom "last_name". Als je in Chrome of Firebug het network request bekijkt (doe dit dan ook, leer de developer tools gebruiken, leer debuggen) zie je waarschijnlijk dat de PHP-pagina een JSON-object terugstuurt met daarin maar één achternaam.
Ikzelf zou het zo doen:
[ code verwijderd ]
array_push is een functie waarmee je waardes aan een array kunt toevoegen. Deze code is niet getest overigens, maar zoiets als dit moet zeker werken.
Wat betreft je je JS-code, ik betwijfel of dit de juiste manier is om te bereiken wat je doet. De source van de typeahead lijkt mij een statisch element namelijk. Ik denk dat je een keydown event moet binden aan het veld waar je in typt, en in die event handler het source-attribuut moet updaten.
quote:array_push() treats array as a stack, and pushes the passed variables onto the end of array. The length of array increases by the number of variables pushed. Has the same effect as:
<?php
$array[] = $var;
?>
"But Ctrl-F5 forces a cache refresh, and will guarantee that if the content is changed, you will get the new content."quote:
[..]
nee, niet.
[..]
Apache stuurt standaard echt geen 304 terug.
Dat is toch precies wat ik wil?
Bij IE moet je er nooit vanuit gaan dat het doet wat het zou moeten doen.quote:
[..]
"But Ctrl-F5 forces a cache refresh, and will guarantee that if the content is changed, you will get the new content."
Dat is toch precies wat ik wil?
en toch wordt alles uit cache gehaald als ik geen ctrl + f5 gebruik...quote:
[..]
nee, niet.
[..]
Apache stuurt standaard echt geen 304 terug.
Was ik al achter ja. Ik was met die syntax niet bekend.quote:Op maandag 12 november 2012 14:02 schreef Rockfire het volgende:
[..]
Pardon? Dat stukje werkt wel degelijk hoor. Sterker nog uit de php-manual van array_push:
[..]
2000 light years from home
Nvm. 
Ik heb de functie eindelijk werkend gekregen. Niet helemaal zoals ik het eigenlijk wilde met typeahead van Bootstrap. Maar goed, het werkt, dus ik ben tevreden. Dank voor jullie hulp.
[ Bericht 26% gewijzigd door pascal08 op 12-11-2012 14:58:12 ]
Ik heb de functie eindelijk werkend gekregen. Niet helemaal zoals ik het eigenlijk wilde met typeahead van Bootstrap. Maar goed, het werkt, dus ik ben tevreden. Dank voor jullie hulp.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | $(document).ready(function() { $('#typeahead').keyup(function() { var search = $(this).attr('value'); $.post('/folder/ajax/search.php', {search:search}, function(data) { $('#result').html(data); $('#result').click(function() { var result_value = $(this).text(); $('#typeahead').attr('value', result_value); $('#result').html(''); }); }); }); }); |
[ Bericht 26% gewijzigd door pascal08 op 12-11-2012 14:58:12 ]
Zoiets als dit:
Zou ook moeten werken hoor 
.
| 1 2 | var typeahead = $('#typeahead').typeahead(); typeahead.data('typeahead').source = result; |
.
2000 light years from home
Ik ben Microsoft ontwikkelaar en op dit moment maak ik aanpassingen voor Microsoft Dynamics CRM 2011. Dus IE is mijn ontwikkel-browser. Ik zit zelfs nog op Windows XP met IE8quote:
[..]
Vandaar ook dat niemand in his right mind IE gebruikt als development browser.
.
ff een vraagje voor de kenners.
Ik maak een simpel websiteje (portfolio) via bijvoorbeeld weebly.com. (voorbeelt.weebly.com)
Ik heb een ".nl" domeinnaam gekocht. (www.voorbeelt.nl)
Ik wil de weebly site hosten op het ".nl" adres.
Krijg deze info van weebly.
Volg voor alle andere registrars deze algemene aanwijzingen:
1: Bij het bedieningspaneel van uw domein inloggen
2: Lokaliseer het gebied om de DNS-instellingen van uw domein te wijzigen
3: Maak 2 A-records aan die naar het IP-adres van Weebly verwijzen
Wanneer ik dit doe, wordt dan de site www.voorbeelt.nl gekoppelt aan voorbeelt.weebly.com?
Dus wanneer iemand via google op www.voorbeelt.nl drukt wordt die dan op de achtergrond doorgestuurd naar voorbeelt.weebly.com?
Of komt de website echt op www.voorbeelt.nl te staan?
Ik hoop dat het duidelijk is
Voorbeelt met een "t" is omdat met een "d" een bestaande website is
Ik maak een simpel websiteje (portfolio) via bijvoorbeeld weebly.com. (voorbeelt.weebly.com)
Ik heb een ".nl" domeinnaam gekocht. (www.voorbeelt.nl)
Ik wil de weebly site hosten op het ".nl" adres.
Krijg deze info van weebly.
Volg voor alle andere registrars deze algemene aanwijzingen:
1: Bij het bedieningspaneel van uw domein inloggen
2: Lokaliseer het gebied om de DNS-instellingen van uw domein te wijzigen
3: Maak 2 A-records aan die naar het IP-adres van Weebly verwijzen
Wanneer ik dit doe, wordt dan de site www.voorbeelt.nl gekoppelt aan voorbeelt.weebly.com?
Dus wanneer iemand via google op www.voorbeelt.nl drukt wordt die dan op de achtergrond doorgestuurd naar voorbeelt.weebly.com?
Of komt de website echt op www.voorbeelt.nl te staan?
Ik hoop dat het duidelijk is
Voorbeelt met een "t" is omdat met een "d" een bestaande website is
Eskimo Joe
Wat ik zo snel lees is het inderdaad zo dat www.voorbeelt.nl dan gekoppeld wordt aan voorbeelt.weebly.com en iemand die www.voorbeelt.nl intikt zal niet doorhebben dat hij op weebly.com zit.quote:
ff een vraagje voor de kenners.
Ik maak een simpel websiteje (portfolio) via bijvoorbeeld weebly.com. (voorbeelt.weebly.com)
Ik heb een ".nl" domeinnaam gekocht. (www.voorbeelt.nl)
Ik wil de weebly site hosten op het ".nl" adres.
Krijg deze info van weebly.
Volg voor alle andere registrars deze algemene aanwijzingen:
1: Bij het bedieningspaneel van uw domein inloggen
2: Lokaliseer het gebied om de DNS-instellingen van uw domein te wijzigen
3: Maak 2 A-records aan die naar het IP-adres van Weebly verwijzen
Wanneer ik dit doe, wordt dan de site www.voorbeelt.nl gekoppelt aan voorbeelt.weebly.com?
Dus wanneer iemand via google op www.voorbeelt.nl drukt wordt die dan op de achtergrond doorgestuurd naar voorbeelt.weebly.com?
Of komt de website echt op www.voorbeelt.nl te staan?
Ik hoop dat het duidelijk is
Voorbeelt met een "t" is omdat met een "d" een bestaande website is
Kortom: je zorgt ervoor dat jouw domeinnaam naar Weebly verwijst.quote:
Krijg deze info van weebly.
Volg voor alle andere registrars deze algemene aanwijzingen:
1: Bij het bedieningspaneel van uw domein inloggen
2: Lokaliseer het gebied om de DNS-instellingen van uw domein te wijzigen
3: Maak 2 A-records aan die naar het IP-adres van Weebly verwijzen
Ja.quote:Wanneer ik dit doe, wordt dan de site www.voorbeelt.nl gekoppelt aan voorbeelt.weebly.com?
Dus wanneer iemand via google op www.voorbeelt.nl drukt wordt die dan op de achtergrond doorgestuurd naar voorbeelt.weebly.com?
Wat betekent dit? Hoe kan iets "echt op" een domein staan? Als je bedoeld dat je ook hosting bij je domein hebt en of er data van de Weeblysite bij jouw webhost terecht komt: nee.quote:Of komt de website echt op www.voorbeelt.nl te staan?
Hi allemaal,
ik heb op mn site t volgende in mn CSS bestandje
maar als ik nu meerder paragraphs onder elkaar heb, heb ik een soort van inhammetje tussen de verschillende paragraphs, zie hieronder
weet iemand hoe ik dit weg kan werken maar wel mn border radius behoudt aan de bovenkant van de bovenste en onderkant van de onderste p?
(die onderste groene balk is een afbeelding, let daar niet op)
ik heb op mn site t volgende in mn CSS bestandje
| 1 2 3 4 5 6 7 | p { background: rgba(31, 31, 31, 0.8); padding: 8px; border-radius:10px; color: #FFFFFF; margin-left: 0px; } |
weet iemand hoe ik dit weg kan werken maar wel mn border radius behoudt aan de bovenkant van de bovenste en onderkant van de onderste p?
(die onderste groene balk is een afbeelding, let daar niet op)
P:first (border-rsdius-top)
P:last (border-radius-bottom)
Lees je eens in in CSS3 selectors
P:last (border-radius-bottom)
Lees je eens in in CSS3 selectors
It was an opportunity to honour our memories and to make room for new ones
Soort van gedaan met wat toevoegingen van mezelf en t werkt, dankjewel!quote:
Een div om alle paragraphs heen, en de achtergrond en border-radius aan die div toekennen?
Even wat over gelezen, heel handig! Dankjewelquote:
P:first (border-rsdius-top)
P:last (border-radius-bottom)
Lees je eens in in CSS3 selectors
Dat ga ik ook even doenquote:
P:first (border-rsdius-top)
P:last (border-radius-bottom)
Lees je eens in in CSS3 selectors
quote:
P:first (border-rsdius-top)
P:last (border-radius-bottom)
Lees je eens in in CSS3 selectors
quote:
Een div om alle paragraphs heen, en de achtergrond en border-radius aan die div toekennen?
Hoe laat ik style="visibility:visible" veranderen naar style="visibility:hidden" bij het klikken naast de div?
Ik heb nu:
Maar dan kan ik 'm alleen laten verdwijnen op het moment dat de muis UIT de div gaat.
Ik heb nu:
| 1 2 3 4 | $('.selector').mouseout(function() { $('.selector').mouseup(function() { } } |
Maar dan kan ik 'm alleen laten verdwijnen op het moment dat de muis UIT de div gaat.
Een 2e div maken en beide laten verdwijnen als er op Div 2 wordt geklikt.quote:
Hoe laat ik style="visibility:visible" veranderen naar style="visibility:hidden" bij het klikken naast de div?
Ik heb nu:
[ code verwijderd ]
Maar dan kan ik 'm alleen laten verdwijnen op het moment dat de muis UIT de div gaat.
Simpeler kan niet?
Desnoods een plaatje in Div 2 maken met een knopje erin
Redacted
npquote:
[..]
Even wat over gelezen, heel handig! Dankjewel
It was an opportunity to honour our memories and to make room for new ones
quote:
Hoe laat ik style="visibility:visible" veranderen naar style="visibility:hidden" bij het klikken naast de div?
Ik heb nu:
[ code verwijderd ]
Maar dan kan ik 'm alleen laten verdwijnen op het moment dat de muis UIT de div gaat.
| 1 | $('body').not('.selector').on('click', function() { }); |
Zoiets?
Edit: dit lijkt me beter: http://stackoverflow.com/(...)single-event-handler
2000 light years from home
Ik heb de oplossing die Merkie heeft gevonden gebruikt. Bedankt voor het meedenken!quote:
[..]
Een 2e div maken en beide laten verdwijnen als er op Div 2 wordt geklikt.
Simpeler kan niet?
Dit is dus wat ik zocht.quote:
[..]
[ code verwijderd ]
Zoiets?
Edit: dit lijkt me beter: http://stackoverflow.com/(...)single-event-handler
Ik heb er dit van gemaakt:| 1 2 3 4 5 6 7 | $(function() { $("body").click(function(e) { if ($(e.target).parents("#autosuggestcontainer").size() !== 1) { document.getElementById('autosuggestcontainer').style.visibility = 'hidden'; } }); }); |
[ Bericht 4% gewijzigd door pascal08 op 18-11-2012 18:36:37 ]
Zo zou ik dat niet doen. Verdiep je een klein beetje in hoe jQuery werktquote:
[..]
Ik heb de oplossing die Merkie heeft gevonden gebruikt. Bedankt voor het meedenken!
[..]
Dit is dus wat ik zocht.
[ code verwijderd ]
.Als je toch al jQuery gebruikt kan je beter $('#autosuggestcontainer').hide(); doen.| 1 2 3 4 5 6 7 | $(document).ready(function() { $("body").click(function(e) { if (e.target.id != 'autosuggestcontainer' || $(e.target).parents('#autosuggestcontainer').size()) { $('#autosuggestcontainer').hide(); } }); }); |
.
2000 light years from home
Wat is precies het verschil?quote:
[..]
Zo zou ik dat niet doen. Verdiep je een klein beetje in hoe jQuery werkt
[ code verwijderd ]
Dit lijkt me beter. Als je toch bezig bent om javascript / jQuery te leren, doe het dan in 1x goed
Deze werkt niet, trouwens. "e.target.id" is op sommige plekken buiten #container ook ongelijk aan 'autosuggestcontainer', dus hij doet ook .hide() wanneer het niet moet.
Zo doet 'ie het wel weer. Wat vind je hiervan?
| 1 2 3 4 5 6 7 | $(document).ready(function() { $("body").click(function(e) { if (e.target.id != 'autosuggestcontainer' && $(e.target).parents("#autosuggestcontainer").size() !== 1) { document.getElementById('autosuggestcontainer').style.visibility = 'hidden'; } }); }); |
[ Bericht 7% gewijzigd door pascal08 op 18-11-2012 19:12:14 ]
document.getElementById('autosuggestcontainer').style.visibility = 'hidden';
Doe gewoon "$('#autosuggestcontainer').hide();", veel sneller.
Doe gewoon "$('#autosuggestcontainer').hide();", veel sneller
.
2000 light years from home
Waarom zou je native DOM-functies gebruiken als je toch jQuery al include?quote:
[..]
Wat is precies het verschil?
Deze werkt niet, trouwens. "e.target.id" is op sommige plekken buiten #container ook ongelijk aan 'autosuggestcontainer', dus hij doet ook .hide() wanneer het niet moet.
Zo doet 'ie het wel weer. Wat vind je hiervan?
[ code verwijderd ]
Dat kan wel, maar dan moet ik denk ik ook ergens in m'n code iets van "$('#autosuggestcontainer').show();" hebben, anders blijft 'ie in hide-toestand bij de eerste klik buiten de div.quote:
document.getElementById('autosuggestcontainer').style.visibility = 'hidden';
Doe gewoon "$('#autosuggestcontainer').hide();", veel sneller
[ Bericht 0% gewijzigd door pascal08 op 18-11-2012 19:39:20 ]
Ik heb me nog helemaal niet verdiept in javascript en jQuery.quote:
[..]
Waarom zou je native DOM-functies gebruiken als je toch jQuery al include?
Ik zou het eigenlijk wel moeten doen, maar het leren van PHP heeft me ook enkele dagen gekost en ik wil nu zo langzamerhand beginnen met iets op te zetten.
Er zijn teveel mensen die maar wat aanklooien met Javascript. Als je echt wilt weten hoe het zit, zou ik als ik jou was beginnen met de videolessen van Douglas Crockford: http://yuiblog.com/crockford/
Hoe maak je nu "visibility:hidden" ongedaan dan?quote:
[..]
Dat kan wel, maar dan moet ik denk ik ook ergens in m'n code iets van "$('#autosuggestcontainer').show();" hebben, anders blijft 'ie in hide-toestand bij de eerste klik buiten de div.
Anders kan je altijd nog $('#element').css('visibility','hidden'); doen.
2000 light years from home
Ahh, nice! Dankzij hele goede video's over PHP, heb ik PHP ook vrij snel geleerd. Ik zal binnenkort eens kijken. Bedankt.quote:
Er zijn teveel mensen die maar wat aanklooien met Javascript. Als je echt wilt weten hoe het zit, zou ik als ik jou was beginnen met de videolessen van Douglas Crockford: http://yuiblog.com/crockford/
"visibility:hidden" is standaard bij het laden van de pagina. Als ik iets typ in het zoekveld, dan zorgt deze regel in m'n code ervoor dat er een lijst te voorschijn komt met resultaten:quote:
[..]
Hoe maak je nu "visibility:hidden" ongedaan dan?
Anders kan je altijd nog $('#element').css('visibility','hidden'); doen.
| 1 | document.getElementById("autosuggestcontainer").style.visibility="visible"; |
Het zal inderdaad verre van optimaal zijn, maar het werkt.
Stap 1 is iig, stop met klooien, breng structuur aan.quote:
[..]
Ahh, nice! Dankzij hele goede video's over PHP, heb ik PHP ook vrij snel geleerd. Ik zal binnenkort eens kijken. Bedankt.
Dan veranderd je die regel toch in $('#element').show();?quote:
[..]
"visibility:hidden" is standaard bij het laden van de pagina. Als ik iets typ in het zoekveld, dan zorgt deze regel in m'n code ervoor dat er een lijst te voorschijn komt met resultaten:
[ code verwijderd ]
Het zal inderdaad verre van optimaal zijn, maar het werkt.
2000 light years from home
Ahh, gelukt!quote:
[..]
Dan veranderd je die regel toch in $('#element').show();?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | $(document).ready(function() { $('.search-query').keyup(function() { var search_term = $(this).attr('value'); if(!search_term) { $('.autosuggestlist').hide(); } else { $('.autosuggestlist').show(); $.post('/web_template/main/search_navbar', {search_term:search_term}, function(data) { $('.result-navbar').html(data); }); } }); }); |
En:
| 1 2 3 4 5 6 7 | $(document).ready(function() { $("body").click(function(e) { if (e.target.id !== 'autosuggestcontainer' && $(e.target).parents("#autosuggestcontainer").size() !== 1) { $('.autosuggestlist').hide(); } }); }); |
Nu beter?
Ziet er al een stuk beter uit. Onder water doen .show() en .hide() de "display: none" CSS-property trouwens aan en uit zetten, is wel handig om te weten. Display:none is imho beter dan visibility:hidden, omdat het element bij deze laatste optie nog steeds ruimte inneemt, maar het element zelf onzichtbaar is. Met display:none wordt het element meer genegeerd.
2000 light years from home
Dat zag ik ook met Chrome: element inspecteren. Bedankt voor jullie tip.quote:
Ziet er al een stuk beter uit. Onder water doen .show() en .hide() de "display: none" CSS-property trouwens aan en uit zetten, is wel handig om te weten. Display:none is imho beter dan visibility:hidden, omdat het element bij deze laatste optie nog steeds ruimte inneemt, maar het element zelf onzichtbaar is. Met display:none wordt het element meer genegeerd.
en waar stonden die video's dan?quote:
[..]
Ahh, nice! Dankzij hele goede video's over PHP, heb ik PHP ook vrij snel geleerd. Ik zal binnenkort eens kijken. Bedankt.
“Specialization is for insects”.—Robert Heinlein
Op
dank maar ik doelde op die over php, had deze al gebookmarkedquote:
specifiek kanaal in YouTube? kom er vaak toch zut tegen wat tijdverspilling bleekquote:
“Specialization is for insects”.—Robert Heinlein
| Forum Opties | |
|---|---|
| Forumhop: | |
| Hop naar: | |