[Javascript] voor dummies (deel 8)

zondag 1 maart 2009 @ 23:12:43 #271

Roy_T

quote:
Op zondag 1 maart 2009 23:10 schreef Flaccid het volgende:

[..]

En hetzelfde geld dus ook voor backgroundImage?

Voor alles met een -.

maandag 2 maart 2009 @ 16:08:55 #272

The_Terminator

De testcase: http://www.thuisserver.net/temp/test.php

Broncode: http://www.thuisserver.net/temp/bron.txt (rechtsklik->opslaan als)

Het is heel simpel om het probleem zichtbaar te maken. Als je de pagina opent dan ben je op pagina1, ga nu vervolgens naar pagina 2, klik dan op 'alles inklappen' en ga terug naar pagina 1, de layout is dan verneukt. Als je daarna alles inklapt en weer uitklapt dan is het weer goed.

Dit probleem treed niet op in Fx, alleen bij IE gaat het mis.

[ Bericht 8% gewijzigd door The_Terminator op 02-03-2009 16:34:32 ]

maandag 2 maart 2009 @ 19:38:50 #273

SuperRembo

Sinds 1998

Het heeft in iedere geval te maken met prosition:relative. Als je die weg laat werkt het ook in IE.

Een id moet trouwens altijd beginnen met een letter. Helemaal numerieke id's kunnen op allerlei manieren problemen geven.

maandag 2 maart 2009 @ 20:48:21 #274

The_Terminator

quote:
Op maandag 2 maart 2009 19:38 schreef SuperRembo het volgende:
Het heeft in iedere geval te maken met prosition:relative. Als je die weg laat werkt het ook in IE.

Een id moet trouwens altijd beginnen met een letter. Helemaal numerieke id's kunnen op allerlei manieren problemen geven.

Thanks, probleem verholpen. Overigens was dat met die numerieke id's alleen even voor de test, in mijn werkelijke applicatie staat er iets voor, net als bij de pagina divs.

dinsdag 3 maart 2009 @ 20:19:38 #275

Flaccid

Ik heb een div die ik laat zien door middel van een div die standaard op display:none staat en door een simpele onclick display:inline maakt. Dit is wat ik nu heb. www.jeroencoelen.nl. Nog tips? Ik wil mss een fade in doen bij mn portfolio en contact dingetje. Doen of niet doen?

dinsdag 3 maart 2009 @ 21:33:15 #276

SuperRembo

Sinds 1998

Ik zou eerst een mooiere oplossing voor "Close [X]" verzinnen. Het zou ook mooi zijn als alles ook zonder javascript te bekijken zou zijn.

woensdag 4 maart 2009 @ 11:53:06 #277

Flaccid

quote:
Op dinsdag 3 maart 2009 21:33 schreef SuperRembo het volgende:
Ik zou eerst een mooiere oplossing voor "Close [X]" verzinnen. Het zou ook mooi zijn als alles ook zonder javascript te bekijken zou zijn.

Dat laatste is al besproken, ik laat het zo.

Ja ik weet niet wat ik daar kan neerzetten, eerst had ik een plaatje, maar dat was heel lelijk.

Anders nog iets:

1
2
3
4
5
6
7
8
9
10
11
12

function scroll(){
var scrolling = document.getElementById('iframe').scrolling
   switch (scrolling)
   {
      case 'no':
         document.getElementById('iframe').scrolling = 'yes';
         break;
      case "yes":
         document.getElementById('iframe').scrolling = 'no';
         break;
   }
}

Doet het niet in IE7. Wel in FF

woensdag 4 maart 2009 @ 12:07:04 #278

Roy_T

Los van je probleem: 3 keer document.getElementById('iframe' zorgt voor onnodige overhead.

Beter zoek je 'm 1 keer op in de DOM en zet de referentie in een variabele, die je vervolgens gebruikt.

woensdag 4 maart 2009 @ 12:36:48 #279

Flaccid

quote:
Op woensdag 4 maart 2009 12:07 schreef Roy_T het volgende:
Los van je probleem: 3 keer document.getElementById('iframe' zorgt voor onnodige overhead.

Beter zoek je 'm 1 keer op in de DOM en zet de referentie in een variabele, die je vervolgens gebruikt.

Zo goed kan ik niet javascripten.

woensdag 4 maart 2009 @ 12:38:57 #280

mschol

quote:
Op woensdag 4 maart 2009 12:36 schreef Flaccid het volgende:

[..]

Zo goed kan ik niet javascripten.

volgens mij bedoelt hij zoiets:

1
2
3
4
5
6
7
8
9
10
11
12

function scroll(){
var frame = document.getElementById('iframe')
   switch (frame.scrolling)
   {
      case 'no':
         frame.scrolling = 'yes';
         break;
      case "yes":
         frame.scrolling = 'no';
         break;
   }
}

woensdag 4 maart 2009 @ 12:44:44 #281

Roy_T

Dat bedoelde ik ja

woensdag 4 maart 2009 @ 13:09:26 #282

Flaccid

quote:
Op woensdag 4 maart 2009 12:38 schreef mschol het volgende:

[..]

volgens mij bedoelt hij zoiets:
[ code verwijderd ]

Ik wist niet eens dat dat zo kon!

Maar nogsteeds doet hij het niet in IE

woensdag 4 maart 2009 @ 23:07:25 #283

SuperRembo

Sinds 1998

Op zich is je script goed (hoewel het wat efficienter kan), het probleem is dat de waarde van de scrolling property wel veranderd, maar dat het veel browsers (IE, Chrome) gewoon geen effect heeft.

1
2
3
4
5

function toggleScrolling(id)
{
var el = document.getElementById(id);
el.scrolling = (el.scrolling == 'yes' ? 'no' : 'yes');
}

Je kan proberen of je het met css wel voor elkaar krijgt. Bijvoorbeeld met overflow.

donderdag 5 maart 2009 @ 09:26:29 #284

Chandler

Weet iemand waar ik het volgende kan vinden.

Voor een eigen project ben ik opzoek naar een scriptje voor Google maps waarbij je de volgende dingen kunt doen.
1. het zoeken naar een adres (via tekst veld & button) die dan verschijnt op de map
2. Wanneer men klikt wordt een pointer geplaatst, wanneer deze niet goed is moet deze verplaatst kunnen worden.
3. Een button om de positie op te slaan (versturen via een form).

Weet iemand waar ik dit kan vinden? heb zelf net een uur in de code van google gespit maar kan er niet echt uitkomen

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 5 maart 2009 @ 09:54:01 #285

SuperRembo

Sinds 1998

Google heeft zelf veel documentatie en voorbeelden: http://code.google.com/apis/maps/documentation/
Het opslaan van de positie kan je vie een form post doen of anders met een ajax call.

donderdag 5 maart 2009 @ 10:01:57 #286

Roy_T

Dat is echt geen rocket science om te bouwen Chandler. Zet je "ik zoek een scriptje"-pet eens af, en je "ik wil een scriptje schrijven" pet eens op

Dit kun je echt in een uur bouwen als Google Maps noob.

donderdag 5 maart 2009 @ 11:24:07 #287

Chandler

Nou Roy_T ik vind het anders wel pittig, kan er verdomde weinig aan doen. Ik heb sinds de post van Sr de code van google doorgespit maar snap er gewoon weinig van..

Ook de voorbeelden van google zelf wordt ik niet echt wijzer van, maar goed we gaan gewoon door

Maar gelukkig kan je ook knippen en plakken.

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

GEvent.addListener(map, 'click',

function(overlay, point)
{
    if (point)
    {
        // display points
        alert(point.y + " - " + point.x);

        if (marker)
        {
            map.removeOverlay(marker);
        }

        var center = new GLatLng(point.y, point.x);
        var marker = new GMarker(center, {draggable: true});

        GEvent.addListener(marker, "dragstart", function()
        {
            map.closeInfoWindow();
        ;

        GEvent.addListener(marker, "dragend", function()
        {
            marker.openInfoWindowHtml("Just bouncing along...");
        ;

        map.addOverlay(marker);
    }
;

alleen wil ik maar 1 marker per map hebben, als er op een andere plek geklikt wordt moet de huidige marker verdwijnen, dit probeerde ik zo te doen maar op een of andere manier is de marker dan niet meer 'herkenbaar' in de code, hoe kan ik dit oplossen?

[ Bericht 80% gewijzigd door Chandler op 05-03-2009 11:46:23 ]

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 5 maart 2009 @ 12:18:03 #288

SuperRembo

Sinds 1998

Nu declareer je de marker binnen de event handler (var marker). Buiten de event handler, en dus ook de volgende keer dat je in die handler komt, is marker niet bekend. Asl je "var marker" verplaatst naar voor "GEevent..." dan zou het wel moeten werken. (AHngt een beetje af van wat je er verder nog voor code omheen hebt staan)

donderdag 5 maart 2009 @ 12:36:40 #289

Chandler

Ik heb het even geprobeerd maar ookal maak ik die marker eerder aan dan nog kan ik deze niet verwijderen

verder heb ik er nog geen code instaan

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 5 maart 2009 @ 14:28:19 #290

SuperRembo

Sinds 1998

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

Maar misschien is het beter/handiger om de bestaande marker steeds te hergebruiken.

donderdag 5 maart 2009 @ 14:54:16 #291

Chandler

Yep dat werkt naar behoren! nu ga ik zelf nog de functionaliteit toevoegen om bepaalde adressen te zoeken!

Ps weet je ook of het mogelijk is via coordinaten achter de naam van de lokatie te komen?

Bv Groningen, Amsterdam, Brabant->Boxtel oid.

[ Bericht 43% gewijzigd door Chandler op 05-03-2009 15:07:47 ]

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 5 maart 2009 @ 15:13:39 #292

Roy_T

Lees de docs

(antwoord: ja, je kunt via de Google API een adres bij een coördinaat zoeken)

donderdag 5 maart 2009 @ 15:35:17 #293

poepeneesje

bR33Z4h

Ik moet de hoogte en breedte van plaatjes uit een array hebben. Met onderstaande code geeft hij in FF en Opera wel een hoogte terug. Maar in IE en Chrome geeft hij 0 terug.

1
2
3

var image = new Image;
image.src = "image/" + galleryArray[currentImage];
var imgHeight = image.height;

Wie weet hoe ik het voor IE en Chrome netjes kan oplossen?

Aan dit bericht kunnen geen rechten worden ontleend.

donderdag 5 maart 2009 @ 16:14:32 #294

Chandler

width.value ? misschien werkt het

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 5 maart 2009 @ 16:15:01 #295

Chandler

quote:
Op donderdag 5 maart 2009 15:13 schreef Roy_T het volgende:
Lees de docs (antwoord: ja, je kunt via de Google API een adres bij een coördinaat zoeken)

Gedaan maar mijn zoekkunsten zijn echt n00b achtig... misschien een aanwijzing in de goede richting?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 5 maart 2009 @ 16:19:06 #296

Roy_T

Dit kostte me werkelijk niet meer dan 30 seconden

http://code.google.com/ap(...)tml#ReverseGeocoding

Op Google zoeken naar de locatie van de API, dan naar Services (want die wil je gebruiken) en dan "Reverse Geocoding"

donderdag 5 maart 2009 @ 16:30:38 #297

SuperRembo

Sinds 1998

quote:
Op donderdag 5 maart 2009 15:35 schreef poepeneesje het volgende:
Ik moet de hoogte en breedte van plaatjes uit een array hebben. Met onderstaande code geeft hij in FF en Opera wel een hoogte terug. Maar in IE en Chrome geeft hij 0 terug.
[ code verwijderd ]

Wie weet hoe ik het voor IE en Chrome netjes kan oplossen?

Waarschijnlijk is het plaatje dan nog niet geladen.

donderdag 5 maart 2009 @ 17:11:50 #298

poepeneesje

bR33Z4h

quote:
Op donderdag 5 maart 2009 16:14 schreef Chandler het volgende:
width.value ? misschien werkt het

Helaas

.

quote:
Op donderdag 5 maart 2009 16:30 schreef SuperRembo het volgende:

[..]

Waarschijnlijk is het plaatje dan nog niet geladen.

Klopt daar dacht ik ook zelf aan, ik was in de tussentijd al weer verder gegaan. Opeens deed hij het in IE wel

? Maar in Chrome gaat hij nu helemaal vaag doen.

Het enige dat ik aan de code heb toegevoegd is:

1
2
3
4
5
6
7
8
9
10
11
12

var image = new Image;
image.src = "image/" + galleryArray[currentImage];
var imgHeight = image.height;
var imgWidth = image.width;
if(imgHeight > imgWidth)
{
var imgStyleValue = "height: " + (imageDivHeight - 6);
}
else if (imgWidth > imgHeight)
{
var imgStyleValue = "width: " + (imageDivWidth - 6);
}

Aan dit bericht kunnen geen rechten worden ontleend.

vrijdag 6 maart 2009 @ 16:59:09 #299

BugWorks

Ik ben bezig met het maken van een script waarmee ik de layout-kleur (kleurschema en bijbehorende afbeeldingen) kan veranderen door op een bepaalde kleur/afbeelding te klikken.

De afbeeldingen die ik gebruik, soort van "bullets", veranderen niet allemaal mee. Namelijk alleen de eerste veranderd van kleur. Zou iemand die meer kijk/verstand van javascript heeft hier even naar willen kijken en eventueel een oplossing aandragen?

Script wat de kleur moet veranderen.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

function changeColor(c)
{
   var colors = new Array();
   colors[0] = "black";   // "img/bullet_black.png";
   colors[1] = "blue";      // "img/bullet_blue.png";
   colors[2] = "green";   // "img/bullet_green.png";
   colors[3] = "orange";   // "img/bullet_orange.png";
   colors[4] = "pink";      // "img/bullet_pink.png";
   colors[5] = "purple";   // "img/bullet_purple.png";
   colors[6] = "red";      // "img/bullet_red.png";
   colors[7] = "white";   // "img/bullet_white.png";
   colors[8] = "yellow";   // "img/bullet_yellow.png";

   document.getElementById("bullet").src = "img/bullet_"+colors[c]+".png";
}

Test pagina

Alvast bedankt.

vrijdag 6 maart 2009 @ 18:48:25 #300

Roy_T

Haal je HTML door de validator, en je zult zien waarom het niet werkt (hint: een id moet uniek zijn).

Ik zou de HTML goed opzetten (dus met een unordered list), en de kleur switchen d.m.v. het aanpassen van de class van de UL (en zo voor alle kind LI's de bullet aanpassen).

Forum Opties
Forumhop:
Hop naar:	(afkorting, bv 'KLB')

» digital corner

» development

» digital corner

» development