Geen CSS3 bedoel je, CSS 2.1 kan-ie juist wel (mits je het juiste doctype gebruikt). En natuurlijk geen HTML5. En halfgare Javascriptquote:Op zaterdag 11 mei 2013 18:06 schreef Catch22- het volgende:
Wat een kolder. Ie8 houdt zich over het algemeen prima aan de standaarden. Alleen geen css2.1 natuurlijk
1 | for (verseNum = 1; verseNum < distractionList.length; verseNum++) |
Ik vraag me af voor wat voor klanten je werkt dan. IE7 en IE6 niet meer supporten is de normaalste zaak van de wereld, maar IE8 is vaak toch nog 20% ofzo van het totale aantal bezoekers van veel van de sites waar ik aan werk. Daar kun je dus niet zo maar de support voor droppen...quote:Op zaterdag 11 mei 2013 18:03 schreef Devv het volgende:
[..]
Dat wist ik dus niet.
Ik vind IE8 over het algemeen gewoon niet echt ideaal om voor te ontwikkelen. Ik ben ook blij dat we op het werk hebben besloten om IE8 helemaal niet te ondersteunen.
Wij zijn onder andere ISV voor het Microsoft Dynamics platform. We maken dus geen websites, maar web onderdelen voor bijvoorbeeld Microsoft Dynamics CRM. Dit deden we eerst in Silverlight, maar we zijn nu alles langzaam naar HTML5 aan het migreren. Het moet uiteindelijk vooral op mobiele apparaten en Windows 8 goed weergegeven kunnen worden. Dus dan is IE8 een gepasseerd station.quote:Op zaterdag 11 mei 2013 18:50 schreef PimD het volgende:
IE8 is een prima browser hoor, waar goed voor te ontwikkelen valt.
[..]
Ik vraag me af voor wat voor klanten je werkt dan. IE7 en IE6 niet meer supporten is de normaalste zaak van de wereld, maar IE8 is vaak toch nog 20% ofzo van het totale aantal bezoekers van veel van de sites waar ik aan werk. Daar kun je dus niet zo maar de support voor droppen...
Nou, dat gaat ook weer een beetje verquote:
Typekit.com gebruik ik bijna altijd tenzij ze het font niet in de collectie hebben. Test wel altijd goed hoe het font wordt weergegeven op Windows, vooral bij kleine formaten <15 px. Vaak verre van optimaal in vergelijking met OSX.quote:Op zaterdag 11 mei 2013 14:18 schreef xaban06 het volgende:
Ik ben vrij nieuw met CSS, ik begin het steeds beter onder de knie te krijgen. Mijn vraag is, wat is DE manier om 'afwijkende' lettertypes te gebruiken? Ik bedoel dus fonts die standaard op een computer niet geinstalleerd zijn.
Het boek gaat meer over AJAX maar begin met een paar JS dingen. Probeer het te begrijpen wat die nu aan het doen is en als ik straks dieper in JS ga duiken pak ik een ander boek erbij.quote:Op zaterdag 11 mei 2013 18:42 schreef Tijn het volgende:
In de regel doe je een loop vanaf 0 tot een waarde (<), of vanaf 1 tot en met een waarde (<=).
Vooral testen met en zonder subpixel-rendering is erg belangrijk. Daar kun je als webdesigner geen invloed op uitoefenen en sommige fonts zien er met- of juist zonder echt niet uit.quote:Op zaterdag 11 mei 2013 19:28 schreef Black-Hole het volgende:
[..]
Typekit.com gebruik ik bijna altijd tenzij ze het font niet in de collectie hebben. Test wel altijd goed hoe het font wordt weergegeven op Windows, vooral bij kleine formaten <15 px. Vaak verre van optimaal in vergelijking met OSX.
quote:Op dinsdag 14 mei 2013 13:00 schreef Tijn het volgende:
Het is precies wat jij zoekt, dat is wat het is
z-index?quote:Op donderdag 16 mei 2013 08:59 schreef InTrePidIvity het volgende:
Ik heb een raster aan plaatjes (25x5) dat ik als een achtergrond wil gebruiken, waarbij sommige plaatjes clickable moeten zijn. Hoe kan ik dat het beste aanpakken? Het raster zelf opmaken is het probleem niet, maar hoe krijg ik het als achtergrond?
Ik heb elke img binnen een div floating gemaakt, dat werkt ook.quote:Op donderdag 16 mei 2013 09:37 schreef n8n het volgende:
Raster als 1 image instellen als achtergrond en in dat element een aantal absoluut gepositioneerde links stoppen zonder kleur.
Of een ul maken met in sommige li's een link en de image als achtergrond van de ul of als sprite een deel per li tonen. Met de laatste optie kan je het nog fluid maken
Daarmee krijg ik ze wel naar de achtergrond, maar dan verlies ik de functionaliteit (geen hover en niet clickable)...quote:
Dan zit er iets voor. Check dan op invisible divs oid.quote:Op donderdag 16 mei 2013 10:23 schreef InTrePidIvity het volgende:
[..]
Daarmee krijg ik ze wel naar de achtergrond, maar dan verlies ik de functionaliteit (geen hover en niet clickable)...
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | "fnServerData": function(sSource, aoData, fnCallback) { aoData.push( { "name": "val1", "value": $('#val1').val() }, { "name": "val2", "value": $('#val2').val() }, { "name": "val3", "value": $('#val3').val() }, <?php for($i = 0; $i < count($arr); $i++) { echo '{ "name": $("#arr'.$i.'").attr("id"), "value": $("#arr'.$i.'").val() }'; echo ($i !== count($arr)-1) ? ',' : ''; } ?> ); $.ajax ({ 'dataType': 'json', 'type' : 'POST', 'url' : sSource, 'data' : aoData, 'success' : fnCallback }); }, |
1 2 3 | $("#checkboxes :checkbox:checked").each(function() { { "name": $(this).val(), "value": $(this).attr("checked") } }); |
1 | { "name": "arr", "value": [0,1,2,3,4,6,8,9] } |
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 | "fnServerData": function(sSource, aoData, fnCallback) { aoData.push( { "name": "val1", "value": $('#val1').val() }, { "name": "val2", "value": $('#val2').val() }, { "name": "val3", "value": $('#val3').val() }, { "name": "array", "value": JSON.stringify( [ <?php for($i = 0; $i < count($arr); $i++) { echo 'parseInt($("#arr'.$i.'").val())'; if($i !== (count($arr)-1)) { echo ','; }; } ?> ] ) } ); $.ajax ({ 'dataType': 'json', 'type' : 'POST', 'url' : sSource, 'data' : aoData, 'success' : fnCallback }); }, |
Zoiets kun je met de $.map functie doen:quote:Op zaterdag 18 mei 2013 15:14 schreef pascal08 het volgende:
Het liefst stuur ik het dus zo weg:
[ code verwijderd ]
1 2 3 | var values = $("#checkboxes :checkbox:checked").map(function() { return this.value; }); |
Deze functie kende ik nog niet. Heb jij een idee hoe ik dit verwerkt krijg in de code?quote:Op zaterdag 18 mei 2013 20:04 schreef Aether het volgende:
[..]
Zoiets kun je met de $.map functie doen:
[ code verwijderd ]
De map functie doorloopt de elementen en zet de waarde die teruggegeven wordt in een nieuw array.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | [..] "fnServerData": function(sSource, aoData, fnCallback) { aoData.push( { "name": "val1", "value": $('#val1').val() }, { "name": "val2", "value": $('#val2').val() }, { "name": "val3", "value": $('#val3').val() }, { "name": "array", "value": array } ); $.ajax ({ 'dataType': 'json', 'type' : 'POST', 'url' : sSource, 'data' : aoData, 'success' : fnCallback }); }, [..] |
1 2 3 4 5 6 7 8 9 10 11 12 | [..] $('#checkboxes').on('mouseup', function() { var array = []; $("#checkboxes :checkbox:checked").each(function() { if($(this).attr("checked") === "checked") { array.push(parseInt($(this).val())); } }); oTable1.fnStandingRedraw(); }); [..] |
Ik ken niet je hele code maar als je op verschillende plekken alle aangevinkte checkboxen wilt hebben zou je een functie kunnen maken:quote:Op zaterdag 18 mei 2013 20:24 schreef pascal08 het volgende:
[..]
Deze functie kende ik nog niet. Heb jij een idee hoe ik dit verwerkt krijg in de code?
Ik kwam er net achter dat ik sowieso een stukje extra code nodig heb om de tabel opnieuw te laten genereren op basis van de aangevinkte checkboxes.
De code is nu als volgt:
[ code verwijderd ]
[ code verwijderd ]
1 2 3 4 5 6 | function checkedBoxes() { var result = $("#checkboxes :checkbox:checked").map(function() { return +this.value; // Zet string om naar integer }); return result; } |
1 2 3 4 | $('#checkboxes').on('mouseup', function() { var array = checkedBoxes(); // Globaal array of alleen gebruiken bij versturen? oTable1.fnStandingRedraw(); }); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | [..] "fnServerData": function(sSource, aoData, fnCallback) { aoData.push( { "name": "val1", "value": $('#val1').val() }, { "name": "val2", "value": $('#val2').val() }, { "name": "val3", "value": $('#val3').val() }, { "name": "array", "value": checkedBoxes() } ); $.ajax ({ 'dataType': 'json', 'type' : 'POST', 'url' : sSource, 'data' : aoData, 'success' : fnCallback }); }, [..] |
1 | { "name": "array", "value": JSON.stringify(checkedBoxes()) } |
1 | { "name": "array", "value": "[" + checkedBoxes() + "]" } |
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |