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.
De (voorlopige) OP van de [Javascript] voor dummies reeks.
Hier kan je alle vragen stellen over Javascript en alles wat er mee te maken heeft.
Heb je een probleem, post dan ook even de code waar het probleem zit Zo kunnen we je beter proberen te helpen.
Vorige delen:
[Javascript] voor dummies - Deel 1
[Javascript] voor dummies - Deel 2
[Javascript] voor dummies - deel 3
[Javascript] voor dummies - deel 4
{hier de link van het vorige deel}
Handige links:
Quircksmode Javascript
Javascript Cheat Sheet
Mis je een link? Geef even een gil in het topic
Tutorials:
W3Schools Javascript
W3Schools AJAX
Laatste posts uit het vorige topic:
quote:Op maandag 11 december 2006 23:39 schreef Litpho het volgende:
[..]
Geef je aan de functie alleen de buttonnaam mee, of het buttonobject (evt. opgehaald met iets als document.getElementById)?
Deze OP: http://wiki.fok.nl/index.php/OP/Javascriptquote:Op maandag 11 december 2006 23:41 schreef mschol het volgende:
[..]
alleen button naam m.b.v. this.name
Ah. Je probeert een property (disabled) te veranderen van een buttonobject maar in plaats daarvan zet je een property (disabled) van een stringobject.
Kijk of je in je HTML-code dezelfde buttonnaam ook als id kan opnemen en neem in je javascript de volgende code op:
Kijk of je in je HTML-code dezelfde buttonnaam ook als id kan opnemen en neem in je javascript de volgende code op:
| 1 2 3 4 5 6 7 | { var btn = document.getElementById(button); newWindow = window.open('add.php?path='+place+'&file='+file,"add_file","status=0,menubar=0,height=250,width=100,top=60px,left=100px"); btn.disabled=true; newWindow.focus(); } |
"If you are depressed you shouldn't be in C major!" - Rick Beato
ik loop altijd met dit verschil te vechten, en nog steeds vergeet ik hetquote:Op maandag 11 december 2006 23:46 schreef Litpho het volgende:
Ah. Je probeert een property (disabled) te veranderen van een buttonobject maar in plaats daarvan zet je een property (disabled) van een stringobject.
Kijk of je in je HTML-code dezelfde buttonnaam ook als id kan opnemen en neem in je javascript de volgende code op:
[ code verwijderd ]
maar dan wordt me ID 'NULL' ik ga zelf nog eff vechten, ben in iedergeval weer een eind verder
wel this.name naar this.id veranderen
anyways et werkt
[ Bericht 14% gewijzigd door mschol op 11-12-2006 23:58:22 ]
Waarom de name of id doorgeven als je de button zelf al kent?
En de name doorgeven en dan getElementById() gebuiken lijkt me ook niet handig. Misschien dat het in IE werkt, maar in FF uiteraard niet (en terecht!).
| 1 2 3 | button.disabled = true; } |
| 1 |
En de name doorgeven en dan getElementById() gebuiken lijkt me ook niet handig. Misschien dat het in IE werkt, maar in FF uiteraard niet (en terecht!).
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
Er was een reden dat ik erbij zette dat je de naam ook als id-waarde moest opnemen in je HTML .quote:Op dinsdag 12 december 2006 00:02 schreef SuperRembo het volgende:
En de name doorgeven en dan getElementById() gebuiken lijkt me ook niet handig. Misschien dat het in IE werkt, maar in FF uiteraard niet (en terecht!).
Het komt nog wel eens voor dat ik wel een naam/id heb (bijv. teruggegeven vanuit een AJAX-callback) maar niet een object. Anders kan je inderdaad net zo goed het object meegeven.
"If you are depressed you shouldn't be in C major!" - Rick Beato
name doorgeven werkt ook niet, id doorgeven daarin tegen werkt vlekkeloos..quote:Op dinsdag 12 december 2006 00:02 schreef SuperRembo het volgende:
Waarom de name of id doorgeven als je de button zelf al kent?
[ code verwijderd ]
[ code verwijderd ]
En de name doorgeven en dan getElementById() gebuiken lijkt me ook niet handig. Misschien dat het in IE werkt, maar in FF uiteraard niet (en terecht!).
het kan vast beter maar aangezien een een eigen brouwseltje is dat op een lokale webserver draait waar nooit iemand bij kan komen behalve ikzelf hoeft de code niet geoptimalizeerd te worden
thnx for de input overigens
tvp voor de toekomst
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Ik zit weer eens te stoeien met IE, maar ik kom er niet uit. IE kan (zoals wellicht bekend) het niet aan dat je een input element nog aanpast, nu had ik daar een workaround voor gevonden, maar ik krijg het niet aan de praat.
Het gaat om de volgende twee functies:
Hoe krijg ik het aan de praat in IE?
Het gaat om de volgende twee functies:
| 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 60 61 62 63 64 65 66 67 68 | var element = document.getElementById(objectId); for (var x = 1; element.childNodes.length > 0; x++){ element.removeChild(element.firstChild); } for(var i = 1; i <= numberOfElements; i++){ createNewElement(objectId, "", "input", {type: "file", name: "uploadFile[]"}, ""); } } function createNewElement(parent, beforeWhat, name, attrs, text) { var parent = document.getElementById(parent); try { /* IE fix for input elements */ if (attrs){ var attributes = "<" + name +" "; for (key in attrs) { attributes += key +"=""+ attrs[key] +"" "; } attributes += ">"; } var e = document.createElement(attributes); } catch (element) { } if (!e || e.nodeName != type.toUpperCase()) { var e = document.createElement(name); if (attrs) { for (key in attrs) { switch(key){ case "class": e.className = attrs[key]; break; case "id": e.id = attrs[key]; break; case "name": break; default: e.setAttribute(key, attrs[key]); } } } } if (text) { e.appendChild(document.createTextNode(text)); } if(beforeWhat != ""){ var beforeWhat = document.getElementById(beforeWhat); parent.insertBefore(e, beforeWhat); } else{ parent.appendChild(e); } } |
Hoe krijg ik het aan de praat in IE?
Hier heb je lopen klooten met quotjes:
Hier bestaat 'type' niet, zal waarschijnlijk iets met attrs['type'] moeten zijn
Beetje lomp om zo'n heel blok in een try/catch te zetten terwijl je makkelijk kan bepalen of je met IE te maken hebt. Dan hoeven andere browsers niet onnodig die code uit te voeren die toch niet gaat werken.
En wat een ranzige uitlijning van je code
| 1 |
Hier bestaat 'type' niet, zal waarschijnlijk iets met attrs['type'] moeten zijn
| 1 |
Beetje lomp om zo'n heel blok in een try/catch te zetten terwijl je makkelijk kan bepalen of je met IE te maken hebt. Dan hoeven andere browsers niet onnodig die code uit te voeren die toch niet gaat werken.
En wat een ranzige uitlijning van je code
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
dat was FOK!, niet ik , in de paste stond het goedquote:Op zaterdag 30 december 2006 23:38 schreef SuperRembo het volgende:
Hier heb je lopen klooten met quotjes:
[ code verwijderd ]
dat zal hem wellicht zijn idd .quote:Hier bestaat 'type' niet, zal waarschijnlijk iets met attrs['type'] moeten zijn
[ code verwijderd ]
Persoonlijk vind ik browsersniffing nog ranziger en onderhoudsonvriendelijker .quote:Beetje lomp om zo'n heel blok in een try/catch te zetten terwijl je makkelijk kan bepalen of je met IE te maken hebt. Dan hoeven andere browsers niet onnodig die code uit te voeren die toch niet gaat werken.
persoonlijke smaakquote:En wat een ranzige uitlijning van je code
Leuke link . Dan nog zou ikzelf de assignment targets niet allemaal ergens op ver rechts uitlijnen, maar zoals je zegt, dat is persoonlijke smaak (en niets wat een goede code formatter niet ongedaan kan maken ).quote:
"If you are depressed you shouldn't be in C major!" - Rick Beato
vind ik ook maar das zoals eerder gezegd persoonlijke smaak,quote:Op zaterdag 30 december 2006 23:38 schreef SuperRembo het volgende:
En wat een ranzige uitlijning van je code
ik houd van veel ruimt zodat het snel te lezen is (voor mij iig)
En wat is dan bijvoorbeeld een goede code formatter voor javascript? En dan liefst een die niet op z'n bek gaat bij een flinke hoeveelheid code.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
het vragen van de grootte van een venster, hoe doe ik dat?
ik dacht altijd via window.width of window.height
maar ik lees iets over innerwidth en outerwidth
ik dacht altijd via window.width of window.height
maar ik lees iets over innerwidth en outerwidth
lol ik kijk net in de topic en ik denk wtf doet dit in ONZ..... zit ik in DIG
Op donderdag 20 augustus 2020 17:36 schreef Notorious_Roy het volgende:
Naast alle onzin die je uitkraamt heb je af en toe ook gewoon heel verstandige posts.
Op dinsdag 10 augustus 2021 16:32 schreef yvonne het volgende:
@:Jimbo voor mod, yeah *O*
Naast alle onzin die je uitkraamt heb je af en toe ook gewoon heel verstandige posts.
Op dinsdag 10 augustus 2021 16:32 schreef yvonne het volgende:
@:Jimbo voor mod, yeah *O*
De property's voor de breedte en hoogte van een window hangen af van de browser. Bij IE hangt het er ook nog van af of het een normaal window of een modal dialog is.
Zie bijv. http://www.quirksmode.org/js/winprop.html
Zie bijv. http://www.quirksmode.org/js/winprop.html
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| 1 2 3 4 5 6 7 8 9 10 11 12 | var oldBodyText, newBodyText, reg; oldBodyText = document.body.innerHTML; reg = /<abbr([^>]*)>([^<]*)</abbr>/g; newBodyText = oldBodyText.replace(reg, '<abbr $1><span class="abbr" $1>$2</span></abbr>'); document.body.innerHTML = newBodyText; } window.onload = function(){ styleAbbr() } |
Ik heb dit script (gekregen van iemand) Om in Internet Explorer er voor te zorgen dat de abbr tag toch 'werkt'
Maar in Internet Explorer werkt het juist niet. In Firefox wel. Maar daar hoeft het niet want de abbr tag werkt daar gewoon.
Dus, wat is er fout aan dat het niet in IE werkt?
Misschien een idee om de slash in je regular expression te escapen met een backslash?
| 1 |
"If you are depressed you shouldn't be in C major!" - Rick Beato
Staat 'ie ook, maar Fok! neemt em niet over.
Hier staat een online voorbeeld.
http://lab.danielpunt.nl/abbr.html
Hier staat een online voorbeeld.
http://lab.danielpunt.nl/abbr.html
Om de een of andere reden haalt hij <p><abbr title="Cascading Style Sheets">CSS</abbr></p> op met de elementen in uppercase. Voeg ignore case toe aan je regexp en het werkt bij mij in IE.
"If you are depressed you shouldn't be in C major!" - Rick Beato
Lijkt me geen lekker scriptje om op iets grotere pagina's te gebruiken. IE zal de pagina op deze manier altijd 2x moeten opbouwen. Helemaal lullig in IE7, want die ondersteunt de abbr tag wel.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
Je kunt 't met conditional comments verbergen voor browser die 't wel ondersteunen.
(niet echt getest)
| 1 2 3 4 5 6 7 8 | <script type="text/javascript"> window.onload = function() { var b = document.body; b.innerHTML = b.innerHTML.replace(/<abbr([^>]*)>([^<]*)<\/abbr>/gi, '<abbr $1><span class=\"abbr\" $1>$2</span></abbr>'); } </script> <![endif]--> |
(niet echt getest)
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
