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.
Ikzelf zou dit oplossen door overflow:hidden toe te voegen aan #maincontent. Of zeg ik nou wat geks? Zo los ik dat altijd op iig.
Ik las hier overheen, vond het al zo vreemd dat niemand dat nog genoemd had.quote:Op dinsdag 12 maart 2013 11:41 schreef KomtTijd... het volgende:
Elementen toevoegen voor stijl is lelijk. Een <br> is een semantisch element, dus dat maakt het driedubbel lelijk (gebruik dan een span of div). Maar iedereen gebruikt toch al honderd jaar gewoon overflow:hidden op de parent voor dit probleem?
2000 light years from home
Ik gebruik ook overflow: hidden;
Volgens mij heb ik zelfs nog nooit zo iets als een br clearfix gebruikt.
Volgens mij heb ik zelfs nog nooit zo iets als een br clearfix gebruikt.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
overflow:hidden lijkt me ook niet de gewenste oplossing.
Soms wil je juist dat elementen buiten het parent element niet worden afgekapt, zoals hier (het slotje):
Soms wil je juist dat elementen buiten het parent element niet worden afgekapt, zoals hier (het slotje):
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
Daar gebruik ik ook geen overflow hidden.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Dat zijn over het algemeen ook niet de situaties waarin je een "clearfix"-achtige oplossing nodig hebt.quote:Op dinsdag 12 maart 2013 12:15 schreef mstx het volgende:
overflow:hidden lijkt me ook niet de gewenste oplossing.
Soms wil je juist dat elementen buiten het parent element niet worden afgekapt, zoals hier (het slotje):
[ afbeelding ]
Ik ga aan de slag met Meteor, maar kan daar nu nog weinig zinnigs over zeggen.quote:Op dinsdag 12 maart 2013 08:50 schreef Scorpie het volgende:
[..]
Ook goedheb zelf ervaring met Socket.IO, NowJS & Node zeg maar
Is het "slecht"/ongewenst om het volgende te doen:
| 1 2 3 4 5 | var blaat = true; if(blaat === true){ return "iets"; } |
Ik snap je vraag niet helemaal.quote:Op woensdag 13 maart 2013 18:33 schreef TwenteFC het volgende:
Is het "slecht"/ongewenst om het volgende te doen:
[ code verwijderd ]
Misschien een beetje onduidelijk uitgelegd ja.quote:
Maar ik kreeg als feedback op mijn code dat ik niet
| 1 2 3 4 5 | var blaat = true; if(blaat === true){ return "iets"; } |
maar
| 1 2 3 4 5 | var blaat = true; if(blaat){ return "iets"; } |
Moest doen, omdat het anders verwarring kon opleveren.
Maar persoonlijk vind ik voorbeeld 1 veel duidelijker om te lezen.
Als je zeker weet dat iets altijd waar- of niet waar is, dan zou ik ook voor het tweede voorbeeld gaan. Maar het blijft een persoonlijke keuze.
Maar je weet eigenlijk niet eens of er wel een boolean inzit, een string zou ook doorgaan voor true. Dat was mijn gedachte er achter.quote:
Als je zeker weet dat iets altijd waar- of niet waar is, dan zou ik ook voor het tweede voorbeeld gaan. Maar het blijft een persoonlijke keuze.
Was voor een schoolopdracht, en zit er een beetje mee dat ik minpunten kreeg omdat dit voor verbetering vatbaar was.
Op mijn werk hebben we juist als standaard dat je zo strikt mogelijk moet zijn, dus het eerste voorbeeld heeft bij ons de voorkeur.
Ook mijn gedachte, maar het is dus echt puur een keuze?quote:
Op mijn werk hebben we juist als standaard dat je zo strikt mogelijk moet zijn, dus het eerste voorbeeld heeft bij ons de voorkeur.
Ook in een Loose Typed taal als Javascript?
In Java of iets dergelijks waar de variable al gecast is als een boolean dan kan ik het nog begrijpen dat voorbeeld 2 misschien makkelijker is.
Het is een keuze in zoverre dat 95% van de tijd het wel goed zal komen, mits je een beetje fatsoenlijk met je variabelen omgaat. Maar juist die 5% die ontzettend veel debuggen kan vereisen is ons het niet waard, waardoor we liever voor de zekereid wat strikter werken.
quote:
Zie ook http://stackoverflow.com/(...)en-and-in-javascript
Ik snap het verschil tussen == en ===.Als ik == had geschreven dan had ik ze gelijk gegeven, want if(val) is inprincipe het zelfde als if(val == true).
Maar die === had ik dus puur gedaan om ook te controleren of het een boolean is.
Bedankt voor het antwoorden ik weet genoeg, morgen de leraar maar even aanspreken.
Op stackoverflow zijn ze het ook niet allemaal met elkaar eens:http://stackoverflow.com/(...)n-in-an-if-statement
Ik moet zeggen dat hun antwoorden wel hout snijden. Als je je variabele altijd zelf zet als true of false weet je dus altijd dat het een boolean is. Het wordt anders als je ingewikkeldere scripts hebt waarbij je niet 100% weet hoe een variabele binnenkomt. Maar ik vind het wel wat overtrokken van je docent om hier minpunten op te geven.
Als je zeker weet dat je true of false terugkrijgt kun je best if(blaa) gebruiken. Wat is input van je if? Dan kunnen we bekijken of je morgen je docent terecht mag afbranden of niet.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
quote:Op woensdag 13 maart 2013 23:46 schreef boem-dikkie het volgende:
Als je zeker weet dat je true of false terugkrijgt kun je best if(blaa) gebruiken. Wat is input van je if? Dan kunnen we bekijken of je morgen je docent terecht mag afbranden of niet.
We zijn er al uit, als je geen === true doet dan komt hij niet door de unit test.
Passen ze dan voor de unittest een variabele in je functie aan of gebruik je iets dat (te) globaal van scope is?quote:
[..]
Er moet gewoon een bepaalde uitkomst uit die functie komen, wat niet correct gebeurt als je er bijv. een string in gooit.quote:
[..]
Passen ze dan voor de unittest een variabele in je functie aan of gebruik je iets dat (te) globaal van scope is?
En als je moet vergelijken met === heb je het over een variabele die van buiten de functie kan worden beinvloed. Zoals een parameter.quote:
[..]
Er moet gewoon een bepaalde uitkomst uit die functie komen, wat niet correct gebeurt als je er bijv. een string in gooit.
Hij zit in een array, die die inderdaad globaal te bereiken is ja.quote:
[..]
En als je moet vergelijken met === heb je het over een variabele die van buiten de functie kan worden beinvloed. Zoals een parameter.
Ben er mee aan het experimenteren, vooral met http://meteor.com/ .quote:
Iemand ervaring met websockets en node.js? Niet heel erg veel documentatie op het internet zeg.
Maar heb er nog niet zoveel kennis van dat ik alles zo 1,2,3 kan beantwoorden.
Zal binnenkort wel een apart topic erover maken, als die er dan nog niet is.
Want ik vind het ook erg interessant spul.
Een eigen topic(-reeks) is het wel waard inderdaad. Kan iedereen elkaar een beetje op weg helpen.quote:
[..]
Ben er mee aan het experimenteren, vooral met http://meteor.com/ .
Maar heb er nog niet zoveel kennis van dat ik alles zo 1,2,3 kan beantwoorden.
Zal binnenkort wel een apart topic erover maken, als die er dan nog niet is.
Want ik vind het ook erg interessant spul.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
wtf?quote:Op dinsdag 19 maart 2013 09:39 schreef Catch22- het volgende:
http://codepen.io/noahblon/pen/IdcvD
damn, dat is een staaltje CSS waar ik eng van word
Wel mooi.
Je moeder is een hamster
| 1 2 3 4 5 6 7 8 | html { font-size: 62.5%; } /* 1em standaard 10px */ body { font-size: 1em; } body.smaller { font-size: .8em; } /* schaal alles 80% */ body.bigger { font-size: 1.2em; } /* schaal alles 120% */ @media (max-width: 90em) { /* breakpoint 1 */ } @media (max-width: 60em) { /* breakpoint 2 */ } @media (max-width: 30em) { /* breakpoint 3 */ } |
als je nu alleen em's of procenten gebruikt voor je maateenheden heb je een lay-out waarvan alles, inclusief de breakpoints, schaalt.
“Specialization is for insects”.—Robert Heinlein
Nee. Waarom zou je dat mogelijkw illen?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Ik wil een door de gebruiker samengestelde pagina opslaan als afbeelding.quote:
Nee. Waarom zou je dat mogelijkw illen?
Je zou url2png kunnen gebruiken. Maar ik zou er eens goed over nadenken of je inderdaad echt plaatjes van HTML wil, want dat is niet erg logisch.quote:
[..]
Ik wil een door de gebruiker samengestelde pagina opslaan als afbeelding.
Wat is dan wel logisch? Ik vond het vrij logische toepassing voor m'n site, maar toen ik op onderzoek ging bleek het toch niet zo gangbaar als ik dacht.quote:Op donderdag 21 maart 2013 15:43 schreef Tijn het volgende:
[..]
Je zou url2png kunnen gebruiken. Maar ik zou er eens goed over nadenken of je inderdaad echt plaatjes van HTML wil, want dat is niet erg logisch.
Fluid is sowieso beter dan van hak op de tak breakpoints. En dan helemaal als mensen ook nog iOS breakpoints gebruiken.quote:Op dinsdag 19 maart 2013 10:21 schreef n8n het volgende:
[ code verwijderd ]
als je nu alleen em's of procenten gebruikt voor je maateenheden heb je een lay-out waarvan alles, inclusief de breakpoints, schaalt.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
De posities en breedtes/hoogtes van de elementen opslaan?quote:
[..]
Wat is dan wel logisch? Ik vond het vrij logische toepassing voor m'n site, maar toen ik op onderzoek ging bleek het toch niet zo gangbaar als ik dacht.
En dan?quote:
[..]
De posities en breedtes/hoogtes van de elementen opslaan?
En het dan her-opbouwen. Weet niet waar je die indeling voor nodig hebt, maar het lijkt me dat je meer aan de afmetingen hebt dan aan een afbeelding van een indeling, zonder enige maten of aanduidingen.quote:
Ik dacht dat het gewoon het simpelste zou zijn om een snapshot te nemen van de samenstelling van de gebruiker. Echter zijn de meeste scripts heel beperkt in de browsercompatibiliteit, dus erg gebruiksvriendelijk is dat ook niet.quote:Op donderdag 21 maart 2013 16:26 schreef BBQSausage het volgende:
[..]
En het dan her-opbouwen. Weet niet waar je die indeling voor nodig hebt, maar het lijkt me dat je meer aan de afmetingen hebt dan aan een afbeelding van een indeling, zonder enige maten of aanduidingen.
Je brengt me wel op het idee om gewoon zelfs een canvas te creëren met JavaScript, maar dat is ongelofelijk (!) veel werk, dus ik weet niet of dat de moeite waard is.
Ik had nog een vraagje. Hoe kan je er in javascript voor zorgen dat elke keer dat een functie wordt aangeroepen het eerste item van een array wordt weggehaald en de rest dan doorschuift zeg maar zodat het tweede item de eerste is?
Omgekeerd sorteren, pop, terugsorteren?
Er is vast iets makkelijkers maar dit is het eerste dat in me opkomt.
Er is vast iets makkelijkers maar dit is het eerste dat in me opkomt.
Geen idee waarom je dat zou willen doen? Moet vast makkelijker kunnen.quote:
Ik had nog een vraagje. Hoe kan je er in javascript voor zorgen dat elke keer dat een functie wordt aangeroepen het eerste item van een array wordt weggehaald en de rest dan doorschuift zeg maar zodat het tweede item de eerste is?
klinkt verdacht veel als een gevalletje DIG / Kijk hier als je snel een oplossing wil voor je probleem inderdaad...
Gewoon Array.shift() gebruiken toch? Of mis ik iets?quote:
Ik had nog een vraagje. Hoe kan je er in javascript voor zorgen dat elke keer dat een functie wordt aangeroepen het eerste item van een array wordt weggehaald en de rest dan doorschuift zeg maar zodat het tweede item de eerste is?
Dat bedoelde ik nou met 'het kan vast gemakkelijker'. Weer een handige method geleerdquote:
[..]
Gewoon Array.shift() gebruiken toch? Of mis ik iets?
.
Ook niet in alle gevallen, fluid geeft weinig controle over het aantal karakters per regel in tekst, iets wat essentieel is om te hebbenquote:
[..]
Fluid is sowieso beter dan van hak op de tak breakpoints. En dan helemaal als mensen ook nog iOS breakpoints gebruiken.
“Specialization is for insects”.—Robert Heinlein
Ik heb een probleem dat ik beschreef in het PHP voor dummies topic
DIG / [PHP/(My)SQL] voor dummies #107
kan er altijd van leren! zal 3djs ook eens een bezoekje geven.
Even iets anders, wil nu mijn infowindow anders maken, dus custom.
Bovenstaand is mijn html code voor mijn custom infowindow! werkt op zich goed, echter wil ik de content laten vervangen door en ajax aanroep (iets wat half werkt).
Normaal zou ik via infoWindow.setContent(data) de content kunnen vervangen maar helaas vervang ik daarmee ook de styling van de divs en dat wil ik niet, vandaar dat ik dacht middels $('#infobox').innerHTML de content aan te passen maar dat werkt niet. Heeft iemand hier een oplossing voor? google bracht mij namelijk niet veel nuttigs
werkt totaal niet (geeft ook geen error trouwens)
plaatst tekst maar vervangt styling
Op zich weet ik hoe ik tekst kan aanpassen $('#div').innerHTML maar dat werkt op een of andere manier niet samen met de styling en als ik de content niet aanpas zie ik een leuke box met 'loading....'
dit is mijn stylesheet.
dit is de aanroep van de infoWindow
Maar iedere keer als ik op een marker klik verdwijnt de styling en komt de tekst er voor in de plaats..
@Juicyhil: Hoezo kan mod_rewrite veiliger zijn? tenzij je doelt op het parsen van afbeeldingen, dan ben ik het met je eens... die behoor je niet te 'parsen'
Iemand een idee?
DIG / [PHP/(My)SQL] voor dummies #107
Leuk!quote:
[..]
Ja, kijk vooral ook naar 3DJS.org daar staan paar leuke heatmap samples in combinatie met geojson, ik zal maandag even mijn sample op basis van deze jaart neergooien
kan er altijd van leren! zal 3djs ook eens een bezoekje geven.Even iets anders, wil nu mijn infowindow anders maken, dus custom.
| 1 2 3 4 5 | <div class="infobox-wrapper"> <div id="infobox"> <div id="infobox-content">loading information.</dov> </div> </div> |
werkt op zich goed, echter wil ik de content laten vervangen door en ajax aanroep (iets wat half werkt).| 1 2 3 4 5 6 7 8 9 10 11 | google.maps.event.addListener(marker, 'click', function() { $.ajax({ url: '/test/ajax?name=' + name + '&id=' + id, success: function(data) { //infoWindow.setContent(data); $('#infobox').innerHTML = data; infoWindow.open(map, marker); } }); }); |
Normaal zou ik via infoWindow.setContent(data) de content kunnen vervangen maar helaas vervang ik daarmee ook de styling van de divs en dat wil ik niet, vandaar dat ik dacht middels $('#infobox').innerHTML de content aan te passen maar dat werkt niet. Heeft iemand hier een oplossing voor? google bracht mij namelijk niet veel nuttigs
quote:
Volgens mij kan je gewoon $('#infobox').text(data); gebruiken, anders even googlen op jquery replace text within div.
| 1 | $('#infobox-content').text(data); |
| 1 | $('#infobox-content').innerHTML = data; |
Op zich weet ik hoe ik tekst kan aanpassen $('#div').innerHTML maar dat werkt op een of andere manier niet samen met de styling en als ik de content niet aanpas zie ik een leuke box met 'loading....'
Helaas werkt onderstaand voorbeeld ook nietquote:
[..]
[ code verwijderd ]
werkt totaal niet (geeft ook geen error trouwens)
[ code verwijderd ]
plaatst tekst maar vervangt styling
Op zich weet ik hoe ik tekst kan aanpassen $('#div').innerHTML maar dat werkt op een of andere manier niet samen met de styling en als ik de content niet aanpas zie ik een leuke box met 'loading....'
| 1 | infoWindow.setContent('<div class="infobox-wrapper"><div id="infobox">' + data + '</div></div>'); |
Ja die dov moet een div zijn lol maar die had ik reeds gevonden en aangepast.quote:
[..]
Die </dov> moet </div> zijn, neem ik aan.
[..]
Hoe ziet je css eruit? Ik denk dat re geen styling zit op #infobox maar alleen op de div daarin (#infobox-content). Die verdwijnt, dus gaat de styling ook weg.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | .infobox-wrapper { display:none; } #infobox { border:2px solid black; margin-top: 8px; background:#333; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: .5em 1em; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow:0 -1px #000000; -webkit-box-shadow: 0 0 8px #000; box-shadow: 0 0 8px #000; } |
dit is mijn stylesheet.
dit is de aanroep van de infoWindow
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | infoWindow = new InfoBox({ content: $("#infobox"), disableAutoPan: false, maxWidth: 150, pixelOffset: new google.maps.Size(-140, 0), zIndex: null, boxStyle: { background: "url('http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/tipbox.gif') no-repeat", opacity: 0.75, width: "280px" }, closeBoxMargin: "12px 4px 2px 2px", closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif", infoBoxClearance: new google.maps.Size(1, 1) }); |
Maar iedere keer als ik op een marker klik verdwijnt de styling en komt de tekst er voor in de plaats..
@Juicyhil: Hoezo kan mod_rewrite veiliger zijn? tenzij je doelt op het parsen van afbeeldingen, dan ben ik het met je eens... die behoor je niet te 'parsen'
Helaas is dat ook geen optie jQuery() is het zelfde als $ en die werkt op zich wel maar vervangt de inhoud van de infoWindow maar dan ook compleet incl styling... en dat is nou niet de bedoeling.quote:Op zaterdag 23 maart 2013 18:42 schreef Devolution het volgende:
En als je
[ code verwijderd ]
gebruikt in plaats van
[ code verwijderd ]
werkt het dan ook niet?
Iemand een idee?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Sowieso nooit meer dan 64, daar kun je natuurlijk op letten.quote:
[..]
Ook niet in alle gevallen, fluid geeft weinig controle over het aantal karakters per regel in tekst, iets wat essentieel is om te hebben
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Niemand een idee waarom de styling van infoBox verdwijnt? en hoe ik dit kan voorkomen? nu krijg ik alleen maar de icoon te zien die verwijst naar de lokatie op de map...
Daarbij gebruik ik onderstaande code
Daarbij gebruik ik onderstaande code
| 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 | function createMarker(latlng, name, address, id) { // var html = '<div style="width:275px;"><b>' + name + '</b> <br/>' + address + '</div>'; var marker = new google.maps.Marker ({ map: map, position: latlng }); google.maps.event.addListener(marker, 'click', function() { $.ajax({ url: '/test/ajax?name=' + name + '&id=' + id, success: function(data) { var str = '<div class="infobox-wrapper"><div id="infobox">' + data + '</div></div>'; // alert(str); infoWindow.setContent(str); // verwijderd styling, laat NIETS zien. infoWindow.setContent(data); // verwijderd content laat styling zien. //$('#infobox-content').text(data); // doet zelfde als bovenstaand //$('#infobox-content').innerHTML = data; // same o same. infoWindow.open(map, marker); } }); }); markers.push(marker); } |
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
is alleen een beetje lastig met fluid design > procentenquote:
[..]
Sowieso nooit meer dan 64, daar kun je natuurlijk op letten.
“Specialization is for insects”.—Robert Heinlein
Nee at is het probleem niet, zal eens proberen om ook de opmaak via ajax te versturen en kijken of ik dan de stijl kan behouden maar lijkt me sterkquote:
Wat krijg je terug in data? Misschien zitten daar karakters in die de opmaak kapot maken.
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Doorloop je request eens regel voor regel en kijk op welke regel het fout gaat. En wat is de inhoud van data?
2000 light years from home
Na veel pogingen ben ik er achter dat je middels setContent het gehele blok moet vullen met de juiste HTML code. En dat daarmee ook direct de eigenschappen van het blok veranderd worden. Dus voor iedere aanroep van setContent moet ik ook de opmaak van <divs> van de infoBox meenemen. Het is nu duidelijk!
-edit-
Weet iemand ook of het mogelijk is om met https://github.com/jawj/OverlappingMarkerSpiderfier na het aanmaken van alle markers deze alsnog om te zetten? dus ipv het in de code te verweven dit na het aanmaken van alle markers alsnog gedaan kan worden?
-edit 2-
Zoveel vragen.... met map.fitBounds(bounds); zet ik de zoom op het aantal markers, maar stel ik wil maximum zoom van 11? hoe krijg je dan dat deze bounds maximaal zoom 11 krijgt ipv zoom 15?
oplossing edit2:
-edit-
Weet iemand ook of het mogelijk is om met https://github.com/jawj/OverlappingMarkerSpiderfier na het aanmaken van alle markers deze alsnog om te zetten? dus ipv het in de code te verweven dit na het aanmaken van alle markers alsnog gedaan kan worden?
-edit 2-
Zoveel vragen.... met map.fitBounds(bounds); zet ik de zoom op het aantal markers, maar stel ik wil maximum zoom van 11? hoe krijg je dan dat deze bounds maximaal zoom 11 krijgt ipv zoom 15?
oplossing edit2:
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.-edit 3-
En een ander, want nu wordt deze functie automatisch getriggerd als ik map.fitBounds doehoe zorg ik er voor dat wanneer ik map.fitBounds aanroep de zoom functie niet alsnog getriggerd wordt?
1
2
3
4google.maps.event.addListener(map, 'zoom_changed', function()
{
BoundBasedMarkers(map)
});
Als ik nu een adres laad via een zoek functie, wordt map.fitBounds gebruikt om de map goed te positioneren, echter wordt direct daarna binnen de bounds nog een oproep gedaan om de markers te in te lezen, dus dubbel....
opgelost: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.Ik leer het allemaal nog wel
en nu kijken hoe ik die OMS er dynamisch in kan zetten
[ Bericht 26% gewijzigd door Chandler op 25-03-2013 14:19:00 ]The people who lost my respect will never get a capital letter for their name again.
Like trump...
Ik hem OMS nog steeds niet aan het werk maar dat komt spoedig nu even een andere vraag, heb mijn script geoptimaliseerd maar zou graag wat opbouwende punten willen horen, verder snap ik niet waarom de function createlist() geen json data ontvang, deze heb ik toch in het begin als globale variabel ingesteld.
Ik krijg ook geen foutmeldingen of wat dan ook, en in de console zie ik dat de functie createlist wel aangeroepen wordt, iemand een idee?
nu even een andere vraag, heb mijn script geoptimaliseerd maar zou graag wat opbouwende punten willen horen, verder snap ik niet waarom de function createlist() geen json data ontvang, deze heb ik toch in het begin als globale variabel ingesteld.| 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 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 | var map, json; // markers = []; var infoWindow; var zoomIgnore = false; function load() { map = new google.maps.Map(document.getElementById("map"), { center: new google.maps.LatLng(40, -100), zoom: 4, maxZoom: 11, mapTypeId: 'roadmap', mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}, scrollwheel: false }); // infoWindow = new google.maps.InfoWindow(); infoWindow = new InfoBox({ content: $("#infobox"), disableAutoPan: false, pixelOffset: new google.maps.Size(-140, 0), zIndex: null, boxStyle: { background: "url('http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/tipbox.gif') no-repeat", opacity: 0.75 }, closeBoxMargin: "12px 4px 2px 2px", closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif", infoBoxClearance: new google.maps.Size(1, 1) }); /* functions to enable reload after zooman drag */ google.maps.event.addListener(map, 'dragend', function() { BoundBasedMarkers(map); }); google.maps.event.addListener(map, 'zoom_changed', function() { if (zoomIgnore) { return false; } BoundBasedMarkers(map); }); } function BoundBasedMarkers(map) { var searchUrl = '/test/script?' + 'SW_LAT=' + map.getBounds().getSouthWest().lat() + '&SW_LNG=' + map.getBounds().getSouthWest().lng() + '&NE_LAT=' + map.getBounds().getNorthEast().lat() + '&NE_LNG=' + map.getBounds().getNorthEast().lng(); $.ajax({ url: searchUrl, error: function() { alert('Er is geen data gevonden worden binnen gegeven coordinaten'); }, dataType: "json", success: function (json) { var bounds = new google.maps.LatLngBounds(); for (var i = 0, length = json.length; i < length; i++) { var data = json[i]; var latLng = new google.maps.LatLng(data.lat, data.lng); createMarker(latLng, data.id, data.name); bounds.extend(latLng); } createList(); } }); } function searchLocations() { var address = $("#addressInput").val(); var geocoder = new google.maps.Geocoder(); geocoder.geocode({address: address}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { var center = results[0].geometry.location; var radius = $('#radiusSelect').val(); var searchUrl = '/test/script?lat=' + center.lat() + '&lng=' + center.lng() + '&radius=' + radius; $.ajax({ url: searchUrl, dataType: "json", error: function() { alert('Er is geen data gevonden worden met opgegeven lokatie'); }, success: function (json) { zoomIgnore = true; var bounds = new google.maps.LatLngBounds(); for (var i = 0, length = json.length; i < length; i++) { var data = json[i]; var latLng = new google.maps.LatLng(data.lat, data.lng); createMarker(latLng, data.id, data.name); bounds.extend(latLng); } map.fitBounds(bounds); zoomIgnore = false; createList(); } }); } else { alert(address + ' not found'); } }); } function createMarker(latlng, id, name) { var marker = new google.maps.Marker({ map: map, position: latlng }); google.maps.event.addListener(marker, 'click', function() { $.ajax({ url: '/test/ajax?name=' + name + '&id=' + id, success: function(data) { infoWindow.setContent('<div class="infobox-wrapper"><div id="infobox" style="display: block;">' + data + '</div></div>'); infoWindow.open(map, marker); map.setCenter(marker.getPosition()); } }); }); // markers.push(marker); } function createList() { console.log('createlist'); if (typeof json !== 'undefined') { for (var i = 0, length = json.length; i < length; i++) { var data = json[i]; $('#list').append('<div id="addresslist"><h2>' + data.name + '</h2><p>' + data.address + '</p></div>'); } } } //]]> |
Ik krijg ook geen foutmeldingen of wat dan ook, en in de console zie ik dat de functie createlist wel aangeroepen wordt, iemand een idee?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Je moet de jsondata wel meegeven natuurlijk
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Ik dacht dat doordat ik var json; in het begin van het script heb gezet, deze array overal te benaderen was... maar daar zit ik dus fout mee? hoe kan ik wel zorgen dat deze data overal beschikbaar is?quote:
Je moet de jsondata wel meegeven natuurlijk
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Je definieert hem als lege variabel, waar stop je er data in?quote:
[..]
Ik dacht dat doordat ik var json; in het begin van het script heb gezet, deze array overal te benaderen was... maar daar zit ik dus fout mee? hoe kan ik wel zorgen dat deze data overal beschikbaar is?
Nooit zulke globale variabelen op deze manier gebruiken! Altijd gewoon meegeven aan de methode die er wat mee doet. Anders krijg je gedonderquote:
[..]
Ik dacht dat doordat ik var json; in het begin van het script heb gezet, deze array overal te benaderen was... maar daar zit ik dus fout mee? hoe kan ik wel zorgen dat deze data overal beschikbaar is?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
@KomtTijd; in de functies searchLocations() en BoundBasedMarkers(map) kijk maar eens goed, daar wordt deze functie ook aangeroepen!
@Catch22; je zult ongetwijfeld gelijk hebben hoor, maar map wordt ook op zo'n manier gebruikt en dat werkt wel dus vraag mij af waarom dit dan niet werkt... (wil het fijne er eigenlijk van weten..)
kijk maar eens goed, daar wordt deze functie ook aangeroepen!@Catch22; je zult ongetwijfeld gelijk hebben hoor, maar map wordt ook op zo'n manier gebruikt en dat werkt wel dus vraag mij af waarom dit dan niet werkt... (wil het fijne er eigenlijk van weten..)
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Dat is omdat er 1 maar 1 map object is, die 1x wordt geset. Die JSon wordt met elke call mogelijk aangepast en dan ga je rare dingen krijgen. Ik gebruik zelf eigenlijk nooit globale (window) variabelen in mijn javascript.quote:
@KomtTijd; in de functies searchLocations() en BoundBasedMarkers(map)
@Catch22; je zult ongetwijfeld gelijk hebben hoor, maar map wordt ook op zo'n manier gebruikt en dat werkt wel dus vraag mij af waarom dit dan niet werkt... (wil het fijne er eigenlijk van weten..)
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
In Javascript kunnen globale en lokale variabelen dezelfde naam hebben. Het is niet zo dat je de globale variabele "json" bijwerkt op het moment dat je een lokale variabele vult met dezelfde naam.quote:
@KomtTijd; in de functies searchLocations() en BoundBasedMarkers(map)
In jouw code blijft de variabele "json" die je bovenin definieert altijd leeg omdat je 'm nergens een waarde toewijst.
dus ook in de $.ajax functie niet? daar geef ik toch de parameter json mee?
| 1 | function (json) |
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Het is sowieso een goed idee om een object voor je functionaliteit te maken en die de benodigde properties en methods te geven in plaats van een losse lijst met variabelen en functies.
Nee, de ajax-functie geeft de data die terugkomt van de server mee in een variabele die json heet. Dit heeft niets te maken met de globale variabele in jouw code die ook json heet.quote:
dus ook in de $.ajax functie niet? daar geef ik toch de parameter json mee?
[ code verwijderd ]
Nee.quote:
dus ook in de $.ajax functie niet? daar geef ik toch de parameter json mee?
[ code verwijderd ]
Dan zal ik mij daar ook maar aan houden, wil eigenlijk bovenstaande functies zo gaan maken dat ze op welke map dan maar ook te gebruiken zijn... heb nog een hoop te doen!quote:
Dat is omdat er 1 maar 1 map object is, die 1x wordt geset. Die JSon wordt met elke call mogelijk aangepast en dan ga je rare dingen krijgen. Ik gebruik zelf eigenlijk nooit globale (window) variabelen in mijn javascript.
En waarom niet? please tell mequote:
Duidelijk!quote:
Nee, de ajax-functie geeft de data die terugkomt van de server mee in een variabele die json heet. Dit heeft niets te maken met de globale variabele in jouw code die ook json heet.
Gelijk weer een andere vraag, stel ik wil in mijn createlist functie (die ik nu aanroep met createlist(json)) ook een link toevoegen en wanneer mensen op deze link klikken, dat de map dan centreert naar de 'marker' en eventueel de infowindow opent.. hoe doe je dat? ben al wezen zoeken maar kan er niet zoveel over vinden...
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
http://yuiblog.com/crockford/quote:
(wil het fijne er eigenlijk van weten..)
Wat Tijn zegt. En dan nog zou het niet werken omdat de functie aanroep niet wacht op de json response. Die moet je op zijn minst verplaatsen naar de success function.
Staat al in de success functionquote:
Wat Tijn zegt. En dan nog zou het niet werken omdat de functie aanroep niet wacht op de json response. Die moet je op zijn minst verplaatsen naar de success function.
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Haha... mobiele fok is een stuk minder snel (met typen..)quote:
oh jullie waren al wat verder. zit op mobiel
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
| Forum Opties | |
|---|---|
| Forumhop: | |
| Hop naar: | |