[HTML, CSS, JS] Frontend #38: Wrapper

quote:

Op zondag 19 januari 2014 21:13 schreef donroyco het volgende:

[..]

Nice.
^{Mierenneukerij: Het is YouTube}

The humanity.

quote:

Op zondag 19 januari 2014 21:15 schreef donroyco het volgende:
Afgelopen week ook maar iets snel in elkaar gezet, de Tinder UI animatie nagemaakt met CSS.
http://donroycodesign.nl/tinder/

De foto is echt 1 pixel teveel naar rechts. Wel nice.

kheb het nou met dit opgelost:
document.onclick = function(e) {
if(e.target == document.getElementById('videocon')) {
document.getElementById('video').innerHTML = '';
}
if(e.target == document.getElementById('albumcon')) {
document.getElementById('album').innerHTML = '';
}
}

snap het niet helemaal aangezien ik op basis van dit begonnen ben: http://jsfiddle.net/DUhP6/2/
maar met getelementbyid werkte t niet enzo, maarja twerkt iig..

maar bij chrome krijg ik de waarschuwing: event.returnValue is deprecated. Please use the standard event.preventDefault() instead.

(wederom krijg je met google alleeeeen maar jquery meuk..) maar wat moet ik doen dat dit in de toekomst ook nog werkt?

quote:

Op zondag 19 januari 2014 21:25 schreef donroyco het volgende:

[..]

Waarom wil je per se een JavaScript-oplossing?

Omdat ik niks met jquery te maken wil hebben, bovendien is jquery ook maar meuk die javascript uitvoert op de achtergrond.

Wat wil je dat er gebeurt?

quote:

Op zondag 19 januari 2014 21:32 schreef -Datdus- het volgende:
Wat wil je dat er gebeurt?

wat er gebeurd werkt al.. (dat als ik buiten mn div click de div waar die div in staat leeggehaald word.. maar ik krijg die waarschuwing dat event.returnValue deprecated is, oftewel in de toekomst werkt dat niet meer, maar ik zou niet weten wat ik moet doen dat ik die melding niet krijg.

quote:

Op zondag 19 januari 2014 21:34 schreef Skunk-m het volgende:

[..]

wat er gebeurd werkt al.. (dat als ik buiten mn div click de div waar die div in staat leeggehaald word.. maar ik krijg die waarschuwing dat event.returnValue deprecated is, oftewel in de toekomst werkt dat niet meer, maar ik zou niet weten wat ik moet doen dat ik die melding niet krijg.

Oh! Dat ligt aan chrome. Is op elke website. Open nu maar eens je console./

Op zondag 19 januari 2014 21:34 schreef -Datdus- het volgende:

[..]

Oh! Dat ligt aan chrome. Is op elke website. Open nu maar eens je console./

[ afbeelding ]
[/quote]
ja ik zie het maar dan werkt dat in de toekomst toch niet meer.. of lult chrome maar wat en is het niet deprecated..?

quote:

Op zondag 19 januari 2014 21:38 schreef Skunk-m het volgende:

[..]

laat die gasten die jquery in elkaar flansen het maar oplossen.. wat een gemakzucht

[..]

ja ik zie het maar dan werkt dat in de toekomst toch niet meer.. of lult chrome maar wat en is het niet deprecated..?

Het is niet direct van toepassing, gewoon een waarschuwing.

quote:

Op zondag 19 januari 2014 21:38 schreef -Datdus- het volgende:

[..]

Het is niet direct van toepassing, gewoon een waarschuwing.

ja dat snap ik.. het ging mij om de toekomst. maarja vooruit.. dan los k dat in de toekomst wel op.

quote:

Op zondag 19 januari 2014 21:24 schreef Skunk-m het volgende:
kheb het nou met dit opgelost:
document.onclick = function(e) {
if(e.target == document.getElementById('videocon')) {
document.getElementById('video').innerHTML = '';
}
if(e.target == document.getElementById('albumcon')) {
document.getElementById('album').innerHTML = '';
}
}

Omdat je hier een ID gebruikt zou je het ook kunnen schrijven als:
if (e.target.id === 'videocon') {

quote:

Op zondag 19 januari 2014 20:49 schreef boem-dikkie het volgende:

[..]

Metrostijl is toch juist heel makkelijk? Super recht en egale kleuren.

Vind je? Welke programmeertaal zorgt ervoor dat de pagina niet hoeft te refreshen en dat je dus als je op een button klikt (zoals bij w8 metro) de pagina direct tevoorschijnkomt?

quote:

Op zondag 19 januari 2014 20:58 schreef donroyco het volgende:

[..]

Het is Modern UI.

Metro style heet dus Modern UI?

quote:

Op zondag 19 januari 2014 23:11 schreef Kraan-Water het volgende:

[..]

Vind je? Welke programmeertaal zorgt ervoor dat de pagina niet hoeft te refreshen en dat je dus als je op een button klikt (zoals bij w8 metro) de pagina direct tevoorschijnkomt?

Je haalt hier twee dingen door elkaar. Het uiterlijk en de functionaliteit. Het uiterlijk, oftewel de stijl, is Metro/Modern UI en kun je maken door je HTML elementen met CSS een mooi strak uiterlijk met egale kleuren te geven.

De functionaliteit om pagina's maar deels te verversen met nieuwe data kun je doen door middel van Javascript die als reactie op je invoer de nieuwe data van de server opvraagt. Dit doe je met de AJAX techniek. Die data moet dan aan de server kant teruggegeven worden via PHP. Deze techniek staat verder totaal los van het hele Metro/Modern gebeuren en word hier bijvoorbeeld gebruikt om te controleren of je ergens gequote bent, of dat de inhoud van een topic veranderd is.
De term die word gebruikt voor websites die in het geheel via AJAX hun navigatie en inhoud regelen is "Single page applications" en worden vaak met JS frameworks zoals AngularJS of EmberJS opgezet.

Maar voordat je zo ver bent zou ik me eerst concentreren op het uiterlijk. HTML en CSS onder de knie krijgen. Dan pas aan JS beginnen en je over dit soort dingen druk gaan maken.

Daar gebruik je toch het Base element voor?
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base

Je moet een base href zetten.

Altijd met een trailing /. Alleen base href / is al genoeg volgens mij