abonnement Unibet Coolblue Bitvavo
pi_124336684
Heeft iemand hier ervaring met het renderen van HTML code als een afbeelding?
  donderdag 21 maart 2013 @ 15:36:54 #182
56176 Catch22-
Ben je Blind?!
pi_124336735
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?
pi_124336811
quote:
11s.gif Op donderdag 21 maart 2013 15:36 schreef Catch22- het volgende:
Nee. Waarom zou je dat mogelijkw illen?
Ik wil een door de gebruiker samengestelde pagina opslaan als afbeelding. :P
  donderdag 21 maart 2013 @ 15:43:03 #184
12221 Tijn
Powered by MS Paint
pi_124336974
quote:
0s.gif Op donderdag 21 maart 2013 15:38 schreef pascal08 het volgende:

[..]

Ik wil een door de gebruiker samengestelde pagina opslaan als afbeelding. :P
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.
pi_124338664
quote:
2s.gif 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.
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. :P
  donderdag 21 maart 2013 @ 16:20:58 #186
137776 boem-dikkie
Jedi Mind Baby!
pi_124338712
quote:
99s.gif 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.
Fluid is sowieso beter dan van hak op de tak breakpoints. En dan helemaal als mensen ook nog iOS breakpoints gebruiken. :')
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  donderdag 21 maart 2013 @ 16:21:38 #187
284294 BBQSausage
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
pi_124338739
quote:
0s.gif Op donderdag 21 maart 2013 16:19 schreef pascal08 het volgende:

[..]

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. :P
De posities en breedtes/hoogtes van de elementen opslaan?
pi_124338913
quote:
14s.gif Op donderdag 21 maart 2013 16:21 schreef BBQSausage het volgende:

[..]

De posities en breedtes/hoogtes van de elementen opslaan?
En dan? :P
  donderdag 21 maart 2013 @ 16:26:38 #189
284294 BBQSausage
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
pi_124338978
quote:
0s.gif Op donderdag 21 maart 2013 16:25 schreef pascal08 het volgende:

[..]

En dan? :P
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.
pi_124339188
quote:
10s.gif 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.
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.

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. :P
pi_124343263
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?
pi_124344323
Omgekeerd sorteren, pop, terugsorteren?

Er is vast iets makkelijkers maar dit is het eerste dat in me opkomt.
pi_124344562
quote:
6s.gif Op donderdag 21 maart 2013 18:22 schreef -Datdus- het volgende:
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?
Geen idee waarom je dat zou willen doen? Moet vast makkelijker kunnen.
pi_124348326
klinkt verdacht veel als een gevalletje DIG / Kijk hier als je snel een oplossing wil voor je probleem inderdaad...
pi_124349349
quote:
6s.gif Op donderdag 21 maart 2013 18:22 schreef -Datdus- het volgende:
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?
Gewoon Array.shift() gebruiken toch? Of mis ik iets?
pi_124351108
quote:
0s.gif Op donderdag 21 maart 2013 20:39 schreef FigureBirdStars het volgende:

[..]

Gewoon Array.shift() gebruiken toch? Of mis ik iets?
Dat bedoelde ik nou met 'het kan vast gemakkelijker'. Weer een handige method geleerd :P.
  donderdag 21 maart 2013 @ 22:16:28 #197
230788 n8n
Pragmatisch
pi_124354398
quote:
14s.gif Op donderdag 21 maart 2013 16:20 schreef boem-dikkie het volgende:

[..]

Fluid is sowieso beter dan van hak op de tak breakpoints. En dan helemaal als mensen ook nog iOS breakpoints gebruiken. :')
Ook niet in alle gevallen, fluid geeft weinig controle over het aantal karakters per regel in tekst, iets wat essentieel is om te hebben
Specialization is for insects”.—Robert Heinlein
pi_124372593
Jullie hadden gelijk. Ik zat te moeilijk te denken. :9
pi_124418731
Ik heb een probleem dat ik beschreef in het PHP voor dummies topic
DIG / [PHP/(My)SQL] voor dummies #107

quote:
0s.gif Op zaterdag 23 maart 2013 08:04 schreef raptorix het volgende:

[..]

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 :)
Leuk! *) 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>
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).
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:
0s.gif Op zaterdag 23 maart 2013 08:13 schreef raptorix het volgende:
Volgens mij kan je gewoon $('#infobox').text(data); gebruiken, anders even googlen op jquery replace text within div.
1$('#infobox-content').text(data);
werkt totaal niet (geeft ook geen error trouwens)

1$('#infobox-content').innerHTML = data;
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....'

quote:
0s.gif Op zaterdag 23 maart 2013 08:16 schreef Chandler het volgende:

[..]
[ 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....'
Helaas werkt onderstaand voorbeeld ook niet :{

1infoWindow.setContent('<div class="infobox-wrapper"><div id="infobox">' + data + '</div></div>');

:)

quote:
0s.gif Op zaterdag 23 maart 2013 10:12 schreef Light het volgende:

[..]

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.
Ja die dov moet een div zijn lol maar die had ik reeds gevonden en aangepast.

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' ;)

quote:
5s.gif 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?
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.

Iemand een idee?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  zondag 24 maart 2013 @ 00:04:03 #200
137776 boem-dikkie
Jedi Mind Baby!
pi_124427586
quote:
7s.gif Op donderdag 21 maart 2013 22:16 schreef n8n het volgende:

[..]

Ook niet in alle gevallen, fluid geeft weinig controle over het aantal karakters per regel in tekst, iets wat essentieel is om te hebben
Sowieso nooit meer dan 64, daar kun je natuurlijk op letten.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_124435370
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 :)

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...
pi_124435656
Wat krijg je terug in data? Misschien zitten daar karakters in die de opmaak kapot maken.
  zondag 24 maart 2013 @ 13:40:21 #203
230788 n8n
Pragmatisch
pi_124439758
quote:
7s.gif Op zondag 24 maart 2013 00:04 schreef boem-dikkie het volgende:

[..]

Sowieso nooit meer dan 64, daar kun je natuurlijk op letten.
is alleen een beetje lastig met fluid design > procenten
Specialization is for insects”.—Robert Heinlein
pi_124450182
quote:
0s.gif Op zondag 24 maart 2013 11:24 schreef Devv het volgende:
Wat krijg je terug in data? Misschien zitten daar karakters in die de opmaak kapot maken.
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 sterk :(
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  zondag 24 maart 2013 @ 17:52:07 #205
123869 Merkie
Surprisingly contagious
pi_124450305
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
pi_124450872
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:
SPOILER
Om 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 doe
1
2
3
4
google.maps.event.addListener(map, 'zoom_changed', function() 

    BoundBasedMarkers(map) 
}); 
hoe zorg ik er voor dat wanneer ik map.fitBounds aanroep de zoom functie niet alsnog getriggerd wordt?

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:
SPOILER
Om 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...
pi_124596571
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.

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...
  donderdag 28 maart 2013 @ 08:18:37 #208
56176 Catch22-
Ben je Blind?!
pi_124596634
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?
pi_124597225
quote:
0s.gif Op donderdag 28 maart 2013 08:18 schreef Catch22- het volgende:
Je moet de jsondata wel meegeven natuurlijk
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?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_124597736
quote:
0s.gif Op donderdag 28 maart 2013 08:59 schreef Chandler het volgende:

[..]

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?
Je definieert hem als lege variabel, waar stop je er data in?
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')