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 ik zou dan nog liever voor de inline-style kiezen.
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: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.
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.
dus het is een soort van, als je goed begint kom je er wel? .quote:Op woensdag 10 oktober 2012 21:30 schreef Tijn het volgende:
[..]
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.
body {quote:Op woensdag 10 oktober 2012 21:46 schreef AppleOcean het volgende:
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?
ohja, thanx beide.quote:Op woensdag 10 oktober 2012 21:51 schreef boem-dikkie het volgende:
En dat komt omdat je twee keer { } gebruikt.
Zoals ik in het vorige topic al zei:quote:Op woensdag 10 oktober 2012 21:46 schreef AppleOcean het volgende:
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 } |
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:
1 2 3 4 5 6 7 | #hierwiljeachtergrond { margin: 10px; } { background-image: url('bla.png'); } |
ohja, zoquote:Op woensdag 10 oktober 2012 21:58 schreef boem-dikkie het volgende:
[..]
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.
quote:Op woensdag 10 oktober 2012 21:54 schreef AppleOcean het volgende:
[..]
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:
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:Op woensdag 10 oktober 2012 22:01 schreef AppleOcean het volgende:
[..]
maakt dus niet uit hoe groot hij echt is? thanx .
de breedte maakt sws niks uit .quote:Op woensdag 10 oktober 2012 22:02 schreef Tijn het volgende:
[..]
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.
Daar heb je op zich helemaal geen plaatje voor nodig, hoewel CSS gradients nooit zo gemakkelijk zijn geworden als eigenlijk de bedoeling was.quote:Op woensdag 10 oktober 2012 22:05 schreef AppleOcean het volgende:
[..]
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 doen .quote: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.
Oke thanx .quote:Op donderdag 11 oktober 2012 01:52 schreef n8n het volgende:
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.
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:
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> |
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 vrijdag 12 oktober 2012 15:52 schreef KomtTijd... het volgende:
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?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.
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:Op zaterdag 13 oktober 2012 01:54 schreef AppleOcean het volgende:
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:Op zaterdag 13 oktober 2012 08:45 schreef VorteXxX het volgende:
[..]
heb je het bestand opgeslagen als .HTML en open je het met je browser?
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
nog altijd niet...quote:Op zaterdag 13 oktober 2012 13:08 schreef KomtTijd... het volgende:
[..]
Dit is safari ofzo?
Open 'm eens met een andere browser.
Ik gebruik teksteditorquote:Op zaterdag 13 oktober 2012 14:03 schreef VorteXxX het volgende:
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
volgens mij niet, want bij ... deed hij het wel.quote:
Heb het even getest en een head is inderdaad niet noodzakelijk.quote:Op zaterdag 13 oktober 2012 14:18 schreef AppleOcean het volgende:
[..]
volgens mij niet, want bij ... deed hij het wel.
[ afbeelding ]
Raar he?quote:Op zaterdag 13 oktober 2012 14:33 schreef lkb9000 het volgende:
[..]
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
Heel raar ja, probeer het nog eens met een andere editor.quote:Op zaterdag 13 oktober 2012 14:34 schreef AppleOcean het volgende:
[..]
Raar he?
Dan maar terug naar windows helaas
ik gebruik wel windows, kladblok kan prima.quote:Op zaterdag 13 oktober 2012 14:37 schreef lkb9000 het volgende:
[..]
Heel raar ja, probeer het nog eens met een andere editor.
http://webdesign.about.co(...)acintosh-editors.htm
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:Op zaterdag 13 oktober 2012 14:47 schreef Tijn het volgende:
[..]
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:Op zaterdag 13 oktober 2012 14:47 schreef Tijn het volgende:
[..]
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.
Dat zou ik niet doen. Gewoon een goede teksteditor. Er zijn er plenty.quote:
oke zo .quote:Op zaterdag 13 oktober 2012 14:58 schreef VorteXxX het volgende:
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:Op zaterdag 13 oktober 2012 14:59 schreef VorteXxX het volgende:
bij dreamweaver klik je op een knopje en je halve website word zo gegenereerd
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> |
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?
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 data-src="http://imgur.com/DO6IO.png" style="visibility:hidden;" width="125" height="120"> <a href="http://www.w3schools.com">W3Schools</a> </body> </html> |
<br/> is een enter in htmlquote:Op zaterdag 13 oktober 2012 16:38 schreef AppleOcean het volgende:
[..]
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:Op zaterdag 13 oktober 2012 16:50 schreef Tijn het volgende:
[..]
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:Op zaterdag 13 oktober 2012 16:48 schreef Tijn het volgende:
Ik zou een artikel gaan lezen over inline en block elementen.
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:Op zaterdag 13 oktober 2012 16:58 schreef VorteXxX het volgende:
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:Op zaterdag 13 oktober 2012 16:58 schreef Tijn het volgende:
[..]
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:
Jup.quote:Op zaterdag 13 oktober 2012 17:02 schreef AppleOcean het volgende:
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?
fijn.quote:Op zaterdag 13 oktober 2012 17:04 schreef VorteXxX het volgende:
Dat is inderdaad voor jezelf (of als je het voor een bedrijf doet voor je opvolgers / collegas) makkelijker
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:Op zaterdag 13 oktober 2012 17:00 schreef AppleOcean het volgende:
[..]
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:Op zaterdag 13 oktober 2012 17:28 schreef Tijn het volgende:
[..]
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.
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:Op zaterdag 13 oktober 2012 16:58 schreef VorteXxX het volgende:
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
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:Op zaterdag 13 oktober 2012 18:57 schreef KomtTijd... het volgende:
ik hou van openstreetmap 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.
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:Op dinsdag 2 oktober 2012 17:12 schreef Catch22- het volgende:
[code]$("input[tabindex='" + (curTabindex + 1) + "']").focus();[/code]
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> |
Integers bestaan niet in Javascript.quote:Op maandag 15 oktober 2012 12:04 schreef KomtTijd... het volgende:
zorgen dat je met integers werkt, niet met strings!
gebruik dan een div of span, geen semantische waardequote:Op zondag 14 oktober 2012 00:36 schreef VorteXxX het volgende:
[..]
Ja dat snap ik maar het ging hem eigenlijk over de <br> te omzeilen zonder CSS te gebruiken
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> |
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; } |
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:Op zondag 28 oktober 2012 14:35 schreef KomtTijd... het volgende:
waarom heb je een negatieve margin met !important nodig? daar zou ik jeuk van krijgen...
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> |
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.
Die sitequote: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.
1 2 3 | var card = $("#card").clone(); card.css("background-image", external-image-url); card.insertAfter($("#cards").find("#tag")); |
Das duur.quote:Op maandag 29 oktober 2012 12:07 schreef Tijn het volgende:
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:Op maandag 29 oktober 2012 12:07 schreef Tijn het volgende:
Kun je het plaatje ook niet via https inladen?
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:Op maandag 29 oktober 2012 12:14 schreef Devv het volgende:
[..]
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.
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 ]
http://yoast.com/relative-urls-issues/quote:Op maandag 29 oktober 2012 12:36 schreef Tijn het volgende:
[..]
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:Op maandag 29 oktober 2012 14:20 schreef picodealion het volgende:
[..]
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.
Welke browsers moet het in werken?quote:Op dinsdag 30 oktober 2012 13:32 schreef Cue_ het volgende:
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?
Maar ik krijg toch nooit de locatie waar er geklikt is?quote:Op dinsdag 30 oktober 2012 13:38 schreef Catch22- het volgende:
posten met een anchor in de returnurl?
Daar was ik al bang voorquote:Op dinsdag 30 oktober 2012 14:05 schreef KomtTijd... het volgende:
dat kan niet, die onchange wordt getriggerd voordat die click gedaan is.
Dan heeft de laatste gelukquote:Op dinsdag 30 oktober 2012 14:12 schreef QM84 het volgende:
En wat als 2 personen tegelijkertijd in hetzelfde veld werken?
Gewoon met blur en ajax de waarde aanpassen?quote:Op dinsdag 30 oktober 2012 14:11 schreef Cue_ het volgende:
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:Op dinsdag 30 oktober 2012 14:16 schreef boem-dikkie het volgende:
Gewoon met blur en ajax de waarde aanpassen?
Je zou ook nog kunnen spelen met document.activeElement, die opslaan voordat je form submit.quote:Op dinsdag 30 oktober 2012 14:23 schreef Cue_ het volgende:
[..]
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:Op dinsdag 30 oktober 2012 14:32 schreef Cue_ het volgende:
Het is geen form dat gesubmit wordt, dus gaat hem niet worden.
quote:Op dinsdag 30 oktober 2012 14:58 schreef KomtTijd... het volgende:
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:Op dinsdag 30 oktober 2012 15:07 schreef Catch22- het volgende:
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
quote:Op dinsdag 30 oktober 2012 14:58 schreef KomtTijd... het volgende:
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:Op dinsdag 30 oktober 2012 15:12 schreef Catch22- het volgende:
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)
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:Op dinsdag 30 oktober 2012 15:18 schreef Cue_ het volgende:
Nee verkopen? Dat kan hier niet. We verkopen niet eens nee aan klanten 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.
denk niet dat dit helemaal voor dit topic is..quote:Op dinsdag 30 oktober 2012 15:20 schreef Scorpie het volgende:
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.
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.
Klopt, maar dat boeit de grote bazen minderquote:Op dinsdag 30 oktober 2012 15:40 schreef Tijn het volgende:
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:Op dinsdag 30 oktober 2012 15:41 schreef Cue_ het volgende:
[..]
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:Op dinsdag 30 oktober 2012 15:40 schreef Tijn het volgende:
Het nu slecht doen en later goed kost toch alleen maar meer tijd dan het nu zo goed mogelijk proberen te doen?
Zoals ik zei, dat is geheel afhankelijk van waarover het gaat/ wat er moet gebeurenquote:
neequote:Op dinsdag 30 oktober 2012 15:43 schreef Cue_ het volgende:
[..]
Zoals ik zei, dat is geheel afhankelijk van waarover het gaat/ wat er moet gebeuren
Als ik de reacties van Cue_ zo lees klinkt het eerder als haar probleem dan het probleem van de baas.quote:Op dinsdag 30 oktober 2012 15:42 schreef KomtTijd... het volgende:
[..]
Probleem van de baas. Tegen die tijd gewoon "told you so" zeggen en hopen dat hij er van leert.
Niet iedere baas waardeert dat Lijkt me niet slim om te zeggen als je er nog wilt blijven nadat je contract afgelopen isquote:Op dinsdag 30 oktober 2012 15:42 schreef KomtTijd... het volgende:
[..]
Probleem van de baas. Tegen die tijd gewoon "told you so" zeggen en hopen dat hij er van leert.
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:Op dinsdag 30 oktober 2012 15:43 schreef stefanhaan het volgende:
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.
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:Op dinsdag 30 oktober 2012 15:44 schreef Cue_ het volgende:
[..]
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.
Dat zal het idd ook worden gok ik zoquote:Op dinsdag 30 oktober 2012 15:46 schreef Tijn het volgende:
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:Op dinsdag 30 oktober 2012 15:46 schreef Tijn het volgende:
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?
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:Op dinsdag 30 oktober 2012 15:48 schreef stefanhaan het volgende:
[..]
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:Op dinsdag 30 oktober 2012 15:50 schreef Tijn het volgende:
[..]
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.
serverside:quote:
Tnxquote:Op dinsdag 30 oktober 2012 15:59 schreef KomtTijd... het volgende:
echt 't valt allemaal reuze mee hoor
Ik was eerst ook zo van JSON meh, totdat ik voor een schoolopdracht een PHP minesweeper moest maken.quote:
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:Op dinsdag 30 oktober 2012 16:26 schreef Catch22- het volgende:
[..]
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:Op dinsdag 30 oktober 2012 16:26 schreef Catch22- het volgende:
[..]
Jep. Ik heb voor ons platform een JSon tool gemaakt die async waardes post en de geupdate waardes in de juiste velden zet. supergaaf
Mja, je mist vooral begeleiding.quote:
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:
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:Op dinsdag 30 oktober 2012 16:28 schreef Scorpie het volgende:
[..]
de hele boel sla ik op als JSON en doe daar alles mee. Gewoon geweldig
Ik wil zeker leren!quote:Op dinsdag 30 oktober 2012 16:47 schreef Catch22- het volgende:
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:Op dinsdag 30 oktober 2012 16:50 schreef KomtTijd... het volgende:
[..]
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:Op dinsdag 30 oktober 2012 16:50 schreef KomtTijd... het volgende:
[..]
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:Op dinsdag 30 oktober 2012 16:50 schreef KomtTijd... het volgende:
[..]
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
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:Op dinsdag 30 oktober 2012 16:58 schreef Devv het volgende:
[..]
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:Op dinsdag 30 oktober 2012 17:05 schreef KomtTijd... het volgende:
[..]
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:Op dinsdag 30 oktober 2012 16:50 schreef KomtTijd... het volgende:
[..]
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:Op dinsdag 30 oktober 2012 17:15 schreef Scorpie het volgende:
[..]
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:Op dinsdag 30 oktober 2012 17:19 schreef Tijn het volgende:
[..]
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:Op dinsdag 30 oktober 2012 17:05 schreef KomtTijd... het volgende:
[..]
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:Op dinsdag 30 oktober 2012 17:27 schreef Devv het volgende:
[..]
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:Op dinsdag 30 oktober 2012 17:03 schreef Catch22- het volgende:
[..]
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:Op dinsdag 30 oktober 2012 20:51 schreef KomtTijd... het volgende:
[..]
'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.
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:Op dinsdag 30 oktober 2012 20:51 schreef KomtTijd... het volgende:
[..]
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:Op dinsdag 30 oktober 2012 20:56 schreef Tijn het volgende:
[..]
Nou, zo ingewikkeld is het toch ook weer niet? Kwestie van een beetje inlezen, toch?
Heb je niet een voorbeeld van je data?
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. |
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:Op dinsdag 30 oktober 2012 17:27 schreef Devv het volgende:
[..]
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...
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; } |
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; } |
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> |
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" /> |
Inderdaad ja, hij werkt nu.quote:Op zondag 4 november 2012 16:42 schreef QM84 het volgende:
[..]
Joomla wil dat je alles absoluut linkt, dus zo:
[ code verwijderd ]
quote:Op zondag 4 november 2012 20:08 schreef TwyLight het volgende:
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:
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:Op zondag 4 november 2012 20:08 schreef TwyLight het volgende:
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
FOK!silver in een modern jasjequote:Op maandag 5 november 2012 14:52 schreef picodealion het volgende:
[..]
http://jamiemarciano.me/fok/
Whoa, wat is dit? Ziet er goed uit!
je hebt gelijk, dat is beter.quote:Op maandag 5 november 2012 14:47 schreef picodealion het volgende:
[..]
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:Op maandag 5 november 2012 15:01 schreef stefanhaan het volgende:
als ik me niet vergis heeft hij daar een custom CSS van
Forum mockup die ik ooit eens heb gemaakt in februari 2011quote:Op maandag 5 november 2012 14:52 schreef picodealion het volgende:
[..]
http://jamiemarciano.me/fok/
Whoa, wat is dit? Ziet er goed uit!
Ik zit opgescheept met aids want geen gele sterretjesquote:Op maandag 5 november 2012 16:37 schreef boem-dikkie het volgende:
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:Op maandag 5 november 2012 16:38 schreef TwyLight het volgende:
[..]
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> |
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> |
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; } |
waar zou je meerdere backgrounds voor nodig hebben in dit geval?quote:Op dinsdag 6 november 2012 21:30 schreef Catch22- het volgende:
Meerdere backgrounds werken niet in alle browsers. List image is ook niet super chill.
geen idee, maarrrrquote:Op dinsdag 6 november 2012 21:51 schreef KomtTijd... het volgende:
[..]
waar zou je meerdere backgrounds voor nodig hebben in dit geval?
quote:Op dinsdag 6 november 2012 20:13 schreef -Beer- het volgende:
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:Op woensdag 7 november 2012 00:42 schreef -Beer- het volgende:
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:Op woensdag 7 november 2012 00:47 schreef TwyLight het volgende:
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
Goeie, daar kan ik natuurlijk ook gewoon kleurcodes voor gebruikenquote:Op woensdag 7 november 2012 10:31 schreef QM84 het volgende:
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:Op woensdag 7 november 2012 10:16 schreef Catch22- het volgende:
Je ID's zijn niet zinnig, je hebt een lap tekst in een heading
../ajaxquote:Op woensdag 7 november 2012 17:18 schreef pascal08 het volgende:
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:Op woensdag 7 november 2012 17:20 schreef Catch22- het volgende:
heb je een base href in je document staan?
firebug aan?
1 | <?php echo base_url()."map"; ?> |
Heb ik al gedaan, geen effect.quote:
http://www.w3schools.com/tags/tag_base.aspquote:Op woensdag 7 november 2012 17:24 schreef pascal08 het volgende:
[..]
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. Ik
1 | /ajax/search.php |
IE6 is bij mij een no-go, behalve als de klant er om vraagt (laatst nog 1 gehad )quote:Op vrijdag 9 november 2012 08:35 schreef Devv het volgende:
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.
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!
Serieus? Ik heb al zeker twee jaar daar niemand over gehoord.quote:Op vrijdag 9 november 2012 09:05 schreef Scorpie het volgende:
[..]
IE6 is bij mij een no-go, behalve als de klant er om vraagt (laatst nog 1 gehad )
Dat heet javascript.quote:Op vrijdag 9 november 2012 10:28 schreef Koopsie het volgende:
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:Op vrijdag 9 november 2012 10:42 schreef Tijn het volgende:
[..]
Serieus? Ik heb al zeker twee jaar daar niemand over gehoord.
En toen gingen ze zeker mopperen dat het traag was?quote:Op vrijdag 9 november 2012 10:54 schreef Scorpie het volgende:
[..]
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:Op vrijdag 9 november 2012 10:58 schreef KomtTijd... het volgende:
[..]
En toen gingen ze zeker mopperen dat het traag was?
Doe ik iets verkeerd?quote:Op vrijdag 9 november 2012 14:11 schreef KomtTijd... het volgende:
[..]
* KomtTijd... weer een stukje afsterft
Nou kijk, ik doe het vast niet op de goede manier, maar het werkt wel. Ik ben gewoon een newbie.quote:Op vrijdag 9 november 2012 14:23 schreef picodealion het volgende:
[..]
Je zet nu een margin van 0 op letterlijk ieder element in je pagina. Niet echt handig.
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:Op vrijdag 9 november 2012 14:27 schreef pascal08 het volgende:
[..]
Nou kijk, ik doe het vast niet op de goede manier, maar het werkt wel. Ik ben gewoon een newbie.
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:Op vrijdag 9 november 2012 14:28 schreef picodealion het volgende:
[..]
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.
Dat gebruik ik al, erg handig inderdaad. Ik heb dit gevonden:quote:Op vrijdag 9 november 2012 14:35 schreef picodealion het volgende:
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?
1 2 3 | body { margin: 0; } |
Ja.quote:Op vrijdag 9 november 2012 14:38 schreef pascal08 het volgende:
[..]
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; } |
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |